《交互設(shè)計:從理論到實踐》采用理論與設(shè)計實踐相結(jié)合的方式,期待讀者通過閱讀,能夠系統(tǒng)掌握交互設(shè)計相關(guān)的基本概念、基礎(chǔ)理論,以及交互設(shè)計所涉及的應(yīng)用領(lǐng)域及其關(guān)鍵技術(shù),深入理解用戶研究的定性和定量研究方法,掌握交互原型設(shè)計和可用性測試的一般方法與流程,培養(yǎng)讀者應(yīng)用交互原型設(shè)計相關(guān)軟件熟練進(jìn)行交互原型設(shè)計的能力,提高讀者在IT、IoT和ICT等領(lǐng)域的設(shè)計視野和設(shè)計實現(xiàn)的能力。
自從我在2016年獲得《交互設(shè)計》全國工程碩士專業(yè)學(xué)位研究生教育在線課程重大建設(shè)項目立項,到2017年開始在線慕課建設(shè)的準(zhǔn)備和錄制,這過程中包括了教學(xué)PPT和教學(xué)資料的建設(shè)和探索,隨著2018年8月慕課在學(xué)堂在線的正式上線,我撰寫一本交互設(shè)計相關(guān)教材的愿望愈加強(qiáng)烈,在這個過程中,撰寫本書的思路愈加明晰。
多學(xué)科融合的交互設(shè)計是引導(dǎo)產(chǎn)品創(chuàng)新設(shè)計、提升設(shè)計體驗的重要方法。我國目前在一些院校的工業(yè)設(shè)計、藝術(shù)設(shè)計等專業(yè)中開設(shè)此課,現(xiàn)有教材及教學(xué)資源嚴(yán)重不足。同時隨著信息技術(shù)的發(fā)展和移動應(yīng)用的大量普及,包括互聯(lián)網(wǎng)企業(yè)在內(nèi)的行業(yè)對交互人才的創(chuàng)新思維和專業(yè)能力都有強(qiáng)烈的需求。對人機(jī)交互的關(guān)注始于我10多年前在浙江大學(xué)計算機(jī)科學(xué)與技術(shù)學(xué)院求學(xué)的時候,博士畢業(yè)后在西南交通大學(xué)工業(yè)設(shè)計系任教期間,正逢交互設(shè)計學(xué)科在國內(nèi)迅速發(fā)展,我自2012年起開始面向博士生和碩士生開設(shè)交互設(shè)計課程,2016年起在本科生中開設(shè)了交互產(chǎn)品設(shè)計課程,仍記得剛開始開設(shè)課程的時候,國內(nèi)交互設(shè)計相關(guān)的書籍和教材非常有限。
我長期從事HCI人機(jī)交互設(shè)計、老齡化背景下產(chǎn)品交互設(shè)計研究、醫(yī)療健康產(chǎn)品交互設(shè)計研究和應(yīng)用人機(jī)工程研究。近年來指導(dǎo)學(xué)生在聯(lián)合國開發(fā)計劃署“青年創(chuàng)客”挑戰(zhàn)賽、“創(chuàng)青春”全國大學(xué)生創(chuàng)業(yè)大賽、“中國高校計算機(jī)大賽移動應(yīng)用創(chuàng)新賽”、“中美青年創(chuàng)客大賽”、“創(chuàng)青春”四川省大學(xué)生創(chuàng)業(yè)大賽等各項賽事中獲得金銀銅獎等多項獎項。通過多年的教學(xué)、科研與實踐,我對交互設(shè)計這一學(xué)科有了更為深刻的認(rèn)識,對學(xué)生在交互設(shè)計知識學(xué)習(xí)過程中的需求和遇到的困惑有了切身的體會和了解。因此在本書的撰寫過程中,我采用理論與設(shè)計實踐相結(jié)合的方式,期待讀者通過閱讀本書,能夠系統(tǒng)掌握交互設(shè)計相關(guān)的基本概念、基礎(chǔ)理論,以及交互設(shè)計所涉及的應(yīng)用領(lǐng)域及其關(guān)鍵技術(shù),深入理解用戶研究的定性和定量研究方法,掌握交互原型設(shè)計和可用性測試的一般方法與流程,培養(yǎng)讀者應(yīng)用交互原型設(shè)計相關(guān)軟件熟練進(jìn)行交互原型設(shè)計的能力,提高讀者在IT、IoT和ICT等領(lǐng)域的設(shè)計視野和設(shè)計實現(xiàn)的能力。
在撰寫過程中,文中的素材和案例,由我和我指導(dǎo)的學(xué)生共同整理和完成,感謝李琳和張瑞佛對全書的統(tǒng)稿和校稿的支持;感謝張瑞佛、李琳、王唯、尹鑫渝、王暢、劉英嘯、馬卉和王萍對正文1-8章的支持;感謝廖慧蓮、王唯、劉英嘯、張瑞佛對設(shè)計案例lMyLab的支持;感謝唐楚、李琳、孫智捷、劉爽、安然、劉音對設(shè)計案例2銀幸農(nóng)場的支持。同時也感謝吳昌雷編輯、責(zé)任校對高士吟編輯和浙江大學(xué)出版社各位工作人員在出版過程中的耐心幫助。
本書得到了中國高等教育學(xué)會工程教育專業(yè)委員會新工科“十三五”規(guī)劃教材項目、四川省重點研發(fā)項目(2019YFS0087)、成都市科技局國際科技合作項目創(chuàng)新環(huán)境提升計劃(2017-GH02-00091-HZ)、成都市軟科學(xué)一般項目(2017-RK00-00368-ZF)、四川省哲學(xué)社會科學(xué)重點研究基地老齡事業(yè)與產(chǎn)業(yè)研究中心重點項目(XJLL2019002)、浙江省健康智慧廚房系統(tǒng)集成重點實驗室2019后期資助項目、西南交通大學(xué)2018教材建設(shè)研究課題新形態(tài)教材《交互設(shè)計》建設(shè)項目、西南交通大學(xué)2019研究生專著培育項目、西南交通大學(xué)建筑與設(shè)計學(xué)院學(xué)術(shù)出版計劃的支持,在此一并表示感謝。
本書中有一小部分圖片來源自網(wǎng)絡(luò),沒有明確出處,聯(lián)系不上具體的作者,在此表示感謝,若知具體出處,可與我聯(lián)系并指正。
在書稿的撰寫過程中,因受自身水平的限制,在本書中可能還存在一些錯誤或不足,敬請廣大讀者多多指正和包容。
第1章 交互設(shè)計概述
1.1 無處不在的交互
1.2 交互設(shè)計
1.2.1 定義
1.2.2 相關(guān)概念
1.2.3 意義
1.3 交互設(shè)計的發(fā)展
1.4 交互設(shè)計與其他學(xué)科的交叉關(guān)系
1.5 本章小結(jié)
第2章 交互設(shè)計原理與方法
2.1 交互設(shè)計流程
2.1.1 瀑布模型
2.1.2 迭代模型
2.1.3 敏捷開發(fā)模型
2.1.4 普利斯交互設(shè)計模型和史蒂文·海姆的通用模型
2.2 基本原理
2.2.1 需求分析
2.2.2 概念設(shè)計
2.2.3 原型設(shè)計
2.2.4 評估測試
2.3 交互設(shè)計方法
2.3.1 設(shè)計方法概述
2.3.2 以用戶為中心的設(shè)計(UCD)
2.3.3 以活動為中心的設(shè)計(ACD)
2.3.4 系統(tǒng)設(shè)計(SD)
2.3.5 天才設(shè)計(GD)
2.3.6 以目標(biāo)為導(dǎo)向的設(shè)計(GDD)
2.4 實現(xiàn)交互設(shè)計的體驗?zāi)繕?biāo)
2.5 本章小結(jié)
第3章 用戶體驗
3 1什么是用戶體驗
3.1.1 用戶體驗的形成
3.1.2 用戶體驗影響因素
3 2用戶體驗要素與度量
3.2.1 用戶體驗要素
3.2.2 用戶體驗度量
3 3用戶體驗策略
3 4本章小結(jié)
第4章 交互之源:用戶研究
4.1 用戶需求與目標(biāo)
4.1.1 用戶需求的意義
4.1.2 用戶需求分類
4.1.3 用戶目標(biāo)
4 2用戶的行為與認(rèn)知
4.2.1 用戶行為與交互形式
4.2.2 用戶認(rèn)知分析
4 3構(gòu)建用戶的體驗情境
4.3.1 使用情境的分析
4.3.2 用戶畫像、使用場景與故事板
4.3.3 流程圖
4.4 用戶研究方法
4.4.1 問卷調(diào)查
4.4.2 用戶訪談
4.4.3 用戶訪談+情緒板調(diào)研
4.4.4 分析方法
4.5 本章小結(jié)
第5章 交互升級:創(chuàng)新設(shè)計思維
5.1 什么是創(chuàng)新設(shè)計思維
5.1.1 傳統(tǒng)商業(yè)思維
5.1.2 設(shè)計思維
5.1.3 創(chuàng)新設(shè)計思維
5.2 交互設(shè)計創(chuàng)新的要素、類型
5.2.1 創(chuàng)新要素
5.2.2 創(chuàng)新類型
5.3 創(chuàng)新設(shè)計思維步驟
5.3.1 定義問題
5.3.2 研究問題
5.3.3 激發(fā)創(chuàng)新想法并進(jìn)行篩選
5.3.4 快速原型并迭代
5.4 創(chuàng)新設(shè)計方法與工具
5.4.1 交互設(shè)計創(chuàng)新法
5.4.2 創(chuàng)新實現(xiàn)工具
5.5 本章小結(jié)
第6章 從概念到完整信息架構(gòu)設(shè)計
6.1 信息架構(gòu)概要
6.1.1 廣義信息架構(gòu)與狹義信息架構(gòu)
6.1.2 優(yōu)秀的信息架構(gòu)
6.1.3 信息架構(gòu)要素和內(nèi)容
6.1.4 三要素與交互設(shè)計問題
6.2 信息架構(gòu)解析
6.2.1 解決信息過載問題
6.2.2 解決情景擴(kuò)散問題
6.2.3 讓信息擺脫設(shè)備限制
6.2.4 兩種類型的信息架構(gòu)
6.2.5 信息架構(gòu)的可視化
6.3 信息的概念設(shè)計
6.3.1 產(chǎn)品概念和信息分類
6.3.2 選擇模式并進(jìn)行概念設(shè)計
6.4 信息架構(gòu)設(shè)計
6.4.1 信息架構(gòu)可視化
6.4.2 站點地圖
6.4.3 創(chuàng)建內(nèi)容
6.4.4 信息架構(gòu)的評價
6.5 本章小結(jié)
第7章 交互細(xì)節(jié):體驗的完整表達(dá)
7.1 界面設(shè)計概述
7.1.1 什么是界面設(shè)計
7.1.2 界面設(shè)計的分類
7.1.3 界面設(shè)計流程
7.2 界面設(shè)計規(guī)范和原則
7.3 界面布局設(shè)計
7.3.1 界面框架設(shè)計
7.3.2 導(dǎo)航設(shè)計
7.3.3 頁面布局設(shè)計
7 4界面風(fēng)格的形成
7.4.1 色彩
7.4.2 UI設(shè)計元素及風(fēng)格借鑒
7.5 界面設(shè)計技巧
7.5.1 插圖和插畫的使用
7.5.2 深扁平化
7.5.3 漸變色
7.5.4 2.5 D和3D界面
7.5.5 動畫效果和視頻背景
7.5.6 關(guān)注設(shè)備變化帶來的全新體驗
7.5.7 AR-VR技術(shù)
7.6 本章小結(jié)
第8章 交互實踐:體驗原型設(shè)計
8.1 原型概述
8.1.1 原型的誕生
8.1.2 原型的分類
8.1.3 原型的設(shè)計
8,2低保真原型與高保真原型
8.2.1 低保真原型
8.2.2 高保真原型
8.2.3 高保真低保真原型結(jié)合
8.3 硬件原型開發(fā)
8.3.1 Arduino平臺簡介
8.3.2 Arduino套件能實現(xiàn)的功能
8.3.3 硬件原型開發(fā)流程
8.4 原型測試與迭代
8.4.1 原型可用性測試
8.4.2 可用性測試的方法
8.4.3 原型迭代
8.5 本章小結(jié)
第9章 設(shè)計案例
9.1 創(chuàng)客實驗室App案例——MyLab
9.1.1 設(shè)計分析
9.1.2 用戶研究
9.1.3 概念設(shè)計
9.1.4 原型設(shè)計
9.1.5 設(shè)計的可用性評估
9.2 樂齡游戲設(shè)計——銀幸農(nóng)場App
9.2.1 項目背景
9.2.2 用戶研究
9.2.3 概念設(shè)計
9.2.4 原型設(shè)計
9.2.5 設(shè)計測試及反饋