本書是《產(chǎn)品交互設(shè)計基礎(chǔ)》(ISBN 9787302440079)的姊妹書,主要講述了產(chǎn)品交互設(shè)計的實踐。全書通過案例詳細介紹了原型設(shè)計、可用性測試、目標導向設(shè)計方法及原型制作軟件Axure、實體交互產(chǎn)品原型制作平臺Arduino等,通過“快遞幫”APP這一設(shè)計案例,展示了產(chǎn)品交互設(shè)計的流程和詳細步驟以及設(shè)計過程中各個環(huán)節(jié)的細節(jié)。本書內(nèi)容豐富,具有很強的專業(yè)性和實用性,特別適合各類高等院校作為交互設(shè)計、用戶研究、設(shè)計調(diào)研相關(guān)課程的教材和參考書,同時本書也適合交互設(shè)計師、用戶研究員、視覺設(shè)計師和前端工程師等相關(guān)人員參考。
1. 本書內(nèi)容安排科學合理、循序漸進,每章圍繞一個主題,以交互設(shè)計的基本流程為主線有機地串聯(lián)起來。既通過案例詳細解讀了交互設(shè)計相關(guān)的理論。
2. 書中內(nèi)容緊貼交互設(shè)計發(fā)展的脈動,內(nèi)容新穎,通過操作示例給出了交互設(shè)計的方法和步驟,與工業(yè)設(shè)計、認知心理學、人機交互、信息架構(gòu)等學科有很好的交叉融合。
3. 本書內(nèi)容豐富,具有很強的專業(yè)性和實用性。特別適合讀者自學和各類高等院校作為交互設(shè)計、用戶研究、設(shè)計調(diào)研相關(guān)課程的教材和參考書。同時也適合交互設(shè)計師、用戶研究員、視覺設(shè)計師和前端工程師等相關(guān)人員參考之用。
4. 與姊妹書《產(chǎn)品交互設(shè)計實踐》相輔相成,相互呼應,配合使用效果更佳。
章首單頁起 頁碼分1,2,3位▉作者介紹蔣曉江蘇無錫人,江南大學設(shè)計學院工業(yè)設(shè)計系副教授,碩士生導師。主要研究方向為交互設(shè)計、情感化與體驗設(shè)計、計算機輔助工業(yè)設(shè)計、產(chǎn)品創(chuàng)意思維方法、可用性與用戶體驗等;曾參與完成國家“九五”重點科技攻關(guān)項目,出版國家級“十一五”規(guī)劃教材一部。近年來,出版圖書14種,公開發(fā)表論文70余篇,授權(quán)外觀專利200余項、發(fā)明及實用新型專利12項,指導學生參加各類設(shè)計大賽獲獎40余項。
個人微博: http://weibo.com/u/1064366175(江南火鳥設(shè)計)
江南火鳥設(shè)計工作室網(wǎng)址: http://www.jnfirebird.com江南火鳥設(shè)計群QQ: 163637146郵箱: cwtyz@163.com▉近期出版書籍1. Rhino 4.0中文版產(chǎn)品設(shè)計標準實例教程2. Rhino 5.0產(chǎn)品設(shè)計標準實例教程3. AutoCAD 2014中文版機械設(shè)計標準實例教程4. AutoCAD 2013中文版機械設(shè)計標準實例教程5. AutoCAD 2010中文版機械制圖標準實例教程6. Pro/ENGINEER Wildfire 4.0中文版標準實例教程7. Creo 2.0中文版標準實例教程8. NONOBJECT設(shè)計9. 產(chǎn)品交互設(shè)計基礎(chǔ)10. 產(chǎn)品交互設(shè)計實踐11. 洞察人心: 用戶訪談成功的秘密12. 試錯: 通過精益用戶研究快速驗證產(chǎn)品原型劉兆峰就職于愛奇藝,江南大學設(shè)計學院交互設(shè)計碩士畢業(yè)。擅長移動互聯(lián)網(wǎng)產(chǎn)品交互設(shè)計,專注于移動互聯(lián)網(wǎng)視頻領(lǐng)域用戶體驗提升,公開發(fā)表多篇專業(yè)論文。
李佳星就職于騰訊,江南大學設(shè)計學院交互設(shè)計碩士畢業(yè)。擅長社交類移動產(chǎn)品設(shè)計,對設(shè)計引起的數(shù)據(jù)變化有獨到分析,邏輯思維清晰,善于溝通和協(xié)作,執(zhí)行力強。
譚伊曼就職于騰訊,江南大學設(shè)計學院交互設(shè)計碩士畢業(yè)。興趣愛好廣泛,喜歡繪畫,擅長互聯(lián)網(wǎng)產(chǎn)品交互設(shè)計。還曾經(jīng)參與過游戲設(shè)計、前端開發(fā)等實踐。
孫啟玉就職于百度,江南大學設(shè)計學院交互設(shè)計碩士畢業(yè)。擅長交互設(shè)計和服務設(shè)計,對用戶行為動機和心理研究有濃厚興趣,關(guān)注互聯(lián)網(wǎng)產(chǎn)品設(shè)計。
張卓苗就職于酷狗公司,江南大學設(shè)計學院交互設(shè)計碩士畢業(yè)。擅長游戲設(shè)計、網(wǎng)站及移動端交互設(shè)計。愛好打乒乓球,公開發(fā)表多篇專業(yè)論文。
張振東就職于阿里巴巴,江南大學設(shè)計學院交互設(shè)計碩士畢業(yè)。擅長移動互聯(lián)網(wǎng)產(chǎn)品設(shè)計和游戲設(shè)計。愛好文學,曾翻譯過國外設(shè)計類相關(guān)紀錄片和文獻。
蔣璐珺江南大學設(shè)計學院工業(yè)設(shè)計在校生。擅長產(chǎn)品設(shè)計、用戶研究和設(shè)計批評,曾赴Thomasmore大學學習,多次參加服務設(shè)計國際工作坊。▉前言筆者主要從事工業(yè)設(shè)計專業(yè)產(chǎn)品交互設(shè)計、可用性和用戶體驗、產(chǎn)品創(chuàng)意思維方法、情感化和體驗設(shè)計等方向的教學與研究,以及CAD/CAID的研發(fā)工作,先后主編和翻譯過多種AutoCAD、Pro/E、Creo、Rhino、NONOBJECT設(shè)計、用戶訪談、移動產(chǎn)品交互設(shè)計方面的書籍。
2005年筆者開始接觸交互設(shè)計,當時剛開始指導研究生,就毅然選擇了可用性和用戶體驗兩個方面作為研究方向,當年所指導研究生的畢業(yè)論文便被評為優(yōu)秀碩士論文,從此便一發(fā)不可收。十多年過去了,指導的碩士研究生已有五十多人,曾先后分別以控制感、反饋機制、認知摩擦、用戶黏度、用戶潛在需求和心流體驗等相關(guān)方向作為研究交互設(shè)計的切入點,前后發(fā)表了共計一百二十多篇與交互設(shè)計相關(guān)的論文。目前,畢業(yè)的同學都活躍在各大互聯(lián)網(wǎng)公司交互設(shè)計和用戶研究的崗位上,很多同學已經(jīng)成為了設(shè)計合伙人和產(chǎn)品經(jīng)理。
轉(zhuǎn)眼已進入一個新的十年,感慨此時就猶如我平日里登山,身處半山中——仰望頂峰是云霧繚繞,風光無限,但石徑長長,道路漫漫;而回望山下則是山谷幽幽,叢林深深,上山時的小路曲折蜿蜒,已經(jīng)若隱若現(xiàn),飄忽難尋……回首過去,展望未來,萌生了編撰《產(chǎn)品交互設(shè)計基礎(chǔ)》和《產(chǎn)品交互設(shè)計實踐》姊妹書之意,一方面想對交互設(shè)計的相關(guān)理論,根據(jù)思考和理解做些解讀,另一方面也想通過實際案例的引導,使初涉交互設(shè)計的讀者能快速入門。也可能因為是理工科背景的緣由,所以編寫時尤為注重脈絡(luò)分明、思維縝密、有理有據(jù)、循序漸進。本書非常適合初學者從零基礎(chǔ)開始學習,也有助于選擇交互設(shè)計方向的同學能盡快地找到自己職業(yè)成長之路。
本書由江南大學設(shè)計學院蔣曉、劉兆峰、李佳星、譚伊曼、孫啟玉、張卓苗、張振東和蔣璐珺編著,全書由蔣曉負責策劃和統(tǒng)稿。特別感謝辛向陽教授和李世國教授的大力支持。
由于時間倉促,且受水平的限制,雖然已盡了最大的努力,但疏漏和不當之處在所難免,歡迎讀者批評指正。可登錄筆者江南火鳥設(shè)計工作室網(wǎng)站或者加入江南火鳥設(shè)計QQ群與筆者進行交流(江南火鳥設(shè)計工作室網(wǎng)址: http://www.jnfirebird.com江南火鳥設(shè)計群QQ: 163637146)。
蔣曉2017年于江南大學設(shè)計學院
蔣曉 江蘇無錫人,江南大學設(shè)計學院工業(yè)設(shè)計系副教授,碩士生導師。主要研究方向:交互設(shè)計、情感化與體驗設(shè)計、計算機輔助工業(yè)設(shè)計、產(chǎn)品創(chuàng)新設(shè)計方法、可用性與用戶體驗等。曾參與完成國家“九五”重點科技攻關(guān)項目,出版*級“十一五”規(guī)劃教材一部。近年來,出版圖書十四種,公開發(fā)表論文七十余篇,授權(quán)外觀專利二百余項、發(fā)明和實用新型專利十余項,指導學生參加各類設(shè)計大賽獲獎四十余項。
目錄
第1章原型設(shè)計1
1.1原型設(shè)計概述3
1.1.1原型設(shè)計的定義3
1.1.2原型的分類3
1.1.3原型的五要素4
1.1.4原型的價值和作用5
1.1.5產(chǎn)品設(shè)計中原型設(shè)計的定位6
1.2紙面原型7
1.2.1紙面原型概述7
1.2.2紙面原型的優(yōu)缺點8
1.2.3制作紙面原型9
1.2.4使用紙面原型15
1.3計算機模擬原型17
1.3.1計算機模擬低保真原型17
1.3.2計算機模擬高保真原型19
1.3.3計算機模擬原型的制作工具20
1.4原型制作工具的使用21
1.4.1Axure基礎(chǔ)知識21
1.4.2網(wǎng)站首頁低保真原型的制作25
1.4.3高保真原型的制作36
1.5本章小結(jié)42
本章參考文獻42
第2章可用性測試45
2.1可用性測試的定義47
2.2可用性測試標準47
2.3可用性測試方法47
2.3.1時間消耗型測試48
2.3.2成功概率型51
2.3.3錯誤結(jié)點型54
2.3.4步驟效率型56■ 產(chǎn)品交互設(shè)計實踐■ 目錄■■2.4可用性測試的應用59
2.4.1準備階段59
2.4.2進行階段65
2.4.3分析階段68
2.5本章小結(jié)72
本章參考文獻72
第3章目標導向設(shè)計方法73
3.1目標導向設(shè)計方法及相關(guān)概念75
3.2信息架構(gòu)77
3.3交互設(shè)計89
3.4視覺設(shè)計96
3.5本章小結(jié)103
本章參考文獻104
第4章實體交互產(chǎn)品原型的構(gòu)建105
4.1Arduino預備知識107
4.1.1Arduino相關(guān)硬件介紹107
4.1.2電學基礎(chǔ) 110
4.2Arduino IDE的安裝114
4.3Arduino編程基礎(chǔ)116
4.3.1常用關(guān)鍵字和運算符116
4.3.2常用函數(shù)120
4.4基礎(chǔ)原型構(gòu)建案例124
4.5基于Arduino的交互式產(chǎn)品原型設(shè)計129
4.5.1設(shè)計方法129
4.5.2Arduino的展望 131
4.6本章小結(jié)132
參考文獻132
第5章設(shè)計實踐135
5.1案例背景及相關(guān)材料描述137
5.1.1背景及設(shè)計要求137
5.1.2相關(guān)材料137
5.2用戶調(diào)研及需求分析138
5.2.1觀察法實地調(diào)研138
5.2.2問卷調(diào)研138
5.2.3焦點小組142
5.2.4調(diào)研小結(jié)143
5.3建立人物角色模型和場景劇本144
5.4概念設(shè)計146
5.5信息架構(gòu)設(shè)計147
5.6流程設(shè)計148
5.7線框圖繪制149
5.8視覺設(shè)計152
5.9本章小結(jié)153
附錄A推薦書目155
A.1交互設(shè)計類推薦書籍157
A.2用戶體驗類推薦書籍158
A.3心理學類推薦書籍158
A.4設(shè)計調(diào)研類推薦書籍159
附錄B交互設(shè)計作品展示161
B.1大二課程——交互設(shè)計原理與方法163
B.2大三課程——智能產(chǎn)品設(shè)計174
第5章設(shè) 計 實 踐本書前面章節(jié)主要介紹了交互設(shè)計的概念、研究方法、設(shè)計流程和原型的制作。本章內(nèi)容為設(shè)計實踐,希望通過具體案例讓讀者對交互設(shè)計的理念以及設(shè)計方法有更深入的理解。讀者也可以根據(jù)案例描述分組自行設(shè)計相關(guān)產(chǎn)品,多參與溝通交流,提升設(shè)計能力。
本章將介紹的內(nèi)容如下:(1) 案例背景及相關(guān)材料描述;(2) 前期研究方法;(3) 設(shè)計流程;(4) 產(chǎn)品輸出。■ 產(chǎn)品交互設(shè)計實踐■ 第5章設(shè)計實踐■■▉5.1案例背景及相關(guān)材料描述〖1〗▉5.1.1背景及設(shè)計要求背景描述: 如今,網(wǎng)購在大學生群體中早已成為最受青睞的購物方式。校園內(nèi)部人員密集、快遞集中,因此校園中建立快遞中心也隨即成為大學城中不可或缺的配置。但是由于快遞量以及取件人員流量的急劇增加,加之快遞分發(fā)不合理等原因,導致快遞中心存在的取件難、人流擁擠等問題,取件場所人員嘈雜擁擠、忙亂,嚴重影響到學生的取貨效率和情緒。
要求: 以江南大學校園快遞中心——“菜鳥驛站”為具體場景,設(shè)計相應產(chǎn)品解決當前的快遞取件問題,提升取件過程的用戶體驗。
設(shè)計團隊成員: 江南火鳥設(shè)計工作室。
▉5.1.2相關(guān)材料地點: 江南大學。
課程時間: 如表51所示。表51課程時間上午下午晚上第一節(jié)課8:008:45第一節(jié)課13:3014:15第一節(jié)課18:3019:15第二節(jié)課8:509:35第二節(jié)課14:2015:05第二節(jié)課19:2020:05第三節(jié)課9:5510:40第三節(jié)課15:2516:10第三節(jié)課20:1020:55第四節(jié)課10:4511:30第四節(jié)課16:1517:00第五節(jié)課11:3512:20“菜鳥驛站”快遞中心取件時間: 8: 00—18: 00;快遞中心位置,如圖51所示。
圖51快遞中心地理位置▉5.2用戶調(diào)研及需求分析經(jīng)過對案例背景材料的了解,設(shè)計團隊首先進行了初步的實地調(diào)研分析,使用觀察法研究整個取件流程及學生、快遞中心人員的操作行為,在確定初步的深入調(diào)研方案后,設(shè)計相關(guān)調(diào)研問卷,進行問卷調(diào)研和深入訪談,深入了解用戶需求。
▉5.2.1觀察法實地調(diào)研通過連續(xù)兩天的實地觀察調(diào)研,采集了相關(guān)的視頻影像數(shù)據(jù),匯總后得到了一些基本的數(shù)據(jù)信息,包括取件人群性別比例和一天中的取件人流分布。
從性別分布來看,男生和女生的取件比例約為2∶3,如圖52所示,女生人數(shù)多于男生。這也與女性的網(wǎng)購次數(shù)較多有關(guān);谂杂脩趔w力小等特征,在后期的設(shè)計時,可以略偏向于女生群體作為設(shè)計方向,解決取大件物品的問題。
取件時間內(nèi)人流分布如圖53所示。
圖52取件人群性別比例圖53取件人流分布