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