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