本書主要討論了交互設(shè)計(jì)的出現(xiàn),發(fā)展以及和相關(guān)設(shè)計(jì)細(xì)分領(lǐng)域的區(qū)別于聯(lián)系。詳細(xì)介紹了當(dāng)前常用的交互設(shè)計(jì)方法和主要工作流程,將人機(jī)交互行為分為信息顯示、用戶接收、處理進(jìn)而發(fā)出指令等環(huán)節(jié),介紹了每個(gè)環(huán)節(jié)的設(shè)計(jì)工作所需的理論和設(shè)計(jì)方法。本書面向的讀者包括高校內(nèi)工業(yè)設(shè)計(jì)、視覺傳達(dá)設(shè)計(jì)、數(shù)字媒體技術(shù)、產(chǎn)品設(shè)計(jì)、應(yīng)用心理學(xué)等專業(yè)中對(duì)交互設(shè)計(jì)感興趣的教師和學(xué)生,以及廣大的交互設(shè)計(jì)從業(yè)者、產(chǎn)品經(jīng)理、界面設(shè)計(jì)師等。
《交互設(shè)計(jì):思維與方法》面向的讀者包括高校內(nèi)工業(yè)設(shè)計(jì)、視覺傳達(dá)設(shè)計(jì)、數(shù)字媒體技術(shù)、產(chǎn)品設(shè)計(jì)、應(yīng)用心理學(xué)等專業(yè)中對(duì)交互設(shè)計(jì)感興趣的教師和學(xué)生,以及廣大的交互設(shè)計(jì)從業(yè)者、產(chǎn)品經(jīng)理、界面設(shè)計(jì)師等。
前 言
在數(shù)字化和智能化浪潮席卷全球的今天,交互設(shè)計(jì)已成為連接人與技術(shù)的重要橋梁。無論是智能手機(jī)上的輕觸滑動(dòng),還是智能家居中的語音指令,抑或是虛擬現(xiàn)實(shí)中的沉浸式體驗(yàn),人與數(shù)字世界的交互行為無處不在。交互設(shè)計(jì)潛移默化地影響著我們的生活、行為和認(rèn)知世界的方式。然而,交互設(shè)計(jì)并不是簡(jiǎn)單的界面美學(xué)或技術(shù)實(shí)現(xiàn)問題,它是一門融合心理學(xué)、設(shè)計(jì)學(xué)、計(jì)算機(jī)科學(xué)和社會(huì)學(xué)的綜合性細(xì)分學(xué)科,其核心在于理解用戶的需求、行為與情感,并通過科學(xué)的方法創(chuàng)造出高效、愉悅且有意義的產(chǎn)品體驗(yàn)。在各行各業(yè)的設(shè)計(jì)實(shí)踐活動(dòng)中,經(jīng)過較長(zhǎng)時(shí)間的發(fā)展,交互設(shè)計(jì)與界面設(shè)計(jì)、體驗(yàn)設(shè)計(jì)之間的邊界也逐漸明晰。
本書旨在為讀者提供一套系統(tǒng)化的交互設(shè)計(jì)知識(shí)體系,從理論基礎(chǔ)到實(shí)踐方法,從設(shè)計(jì)策略到評(píng)估工具,幫助設(shè)計(jì)師、產(chǎn)品經(jīng)理、開發(fā)者及相關(guān)領(lǐng)域的從業(yè)者掌握交互設(shè)計(jì)的核心思維與實(shí)用技巧。全書共分為8章,內(nèi)容涵蓋交互設(shè)計(jì)的概述、方法與流程、設(shè)計(jì)策略、任務(wù)流程分析、信息架構(gòu)設(shè)計(jì)、界面布局設(shè)計(jì)、原型構(gòu)建及設(shè)計(jì)評(píng)估,力求以清晰的邏輯和豐富的案例,為讀者呈現(xiàn)交互設(shè)計(jì)的全貌。
第1章從交互設(shè)計(jì)的歷史脈絡(luò)切入,梳理了人機(jī)交互的關(guān)鍵發(fā)展階段,并探討了交互設(shè)計(jì)與用戶體驗(yàn)(UX)設(shè)計(jì)、用戶界面(UI)設(shè)計(jì)、工業(yè)設(shè)計(jì)和服務(wù)設(shè)計(jì)等領(lǐng)域的關(guān)聯(lián)與差異,幫助讀者建立對(duì)交互設(shè)計(jì)的宏觀認(rèn)知。
第2章重點(diǎn)介紹了現(xiàn)有的交互設(shè)計(jì)思維和方法,包括以用戶為中心的設(shè)計(jì)(UCD)、以活動(dòng)為中心的設(shè)計(jì)、以情境為中心的設(shè)計(jì)、參與式設(shè)計(jì)、目標(biāo)導(dǎo)向設(shè)計(jì)、用戶體驗(yàn)要素,在章節(jié)最后闡述了交互設(shè)計(jì)的工作流程。第3章首先通過CUBI用戶體驗(yàn)?zāi)P驼f明了交互設(shè)計(jì)的成功之道,進(jìn)而闡述了開展交互設(shè)計(jì)工作應(yīng)遵循的具體原則,重點(diǎn)強(qiáng)調(diào)了為用戶的心智模型而設(shè)計(jì)、面向人機(jī)交互過程、誘發(fā)用戶交互行為、呈現(xiàn)信息處理過程及提供及時(shí)有效的反饋。
第4章~第6章分別深入介紹了交互設(shè)計(jì)的三大核心任務(wù):任務(wù)流程分析與設(shè)計(jì)、信息架構(gòu)設(shè)計(jì)、界面布局設(shè)計(jì)的具體工作方法、流程和工具;谟脩粞芯拷Y(jié)果定義產(chǎn)品功能后,設(shè)計(jì)師需要通過分析和設(shè)計(jì)任務(wù)流程將產(chǎn)品功能轉(zhuǎn)化為具體的操作路徑;通過對(duì)所有功能的信息進(jìn)行分類、分層的設(shè)計(jì),以結(jié)構(gòu)化、層級(jí)化的方式向用戶呈現(xiàn)產(chǎn)品的信息結(jié)構(gòu);通過定義每一個(gè)產(chǎn)品頁面內(nèi)各項(xiàng)信息的位置和呈現(xiàn)方式,基于視覺線索和交互邏輯將這些信息傳遞給用戶,支持用戶高效使用產(chǎn)品,形成良好的使用體驗(yàn)。
交互設(shè)計(jì)是一個(gè)不斷迭代的過程,而原型構(gòu)建與設(shè)計(jì)評(píng)估則是驗(yàn)證設(shè)計(jì)假設(shè)的關(guān)鍵環(huán)節(jié)。第7章和第8章詳細(xì)介紹了從紙質(zhì)原型到高保真原型的制作方法,以及如何通過啟發(fā)式評(píng)估、自我報(bào)告式評(píng)估、眼動(dòng)分析和A/B測(cè)試評(píng)估設(shè)計(jì)的可用性與用戶體驗(yàn)。這些工具不僅能幫助設(shè)計(jì)師發(fā)現(xiàn)潛在問題,還能為產(chǎn)品的優(yōu)化提供數(shù)據(jù)支持。
本書適合交互設(shè)計(jì)初學(xué)者、從業(yè)者及對(duì)用戶體驗(yàn)感興趣的讀者閱讀。對(duì)于初學(xué)者,建議按章節(jié)順序系統(tǒng)學(xué)習(xí),逐步建立知識(shí)框架;對(duì)于有一定經(jīng)驗(yàn)的設(shè)計(jì)師,可以結(jié)合自身需求選擇性閱讀,重點(diǎn)關(guān)注設(shè)計(jì)策略與評(píng)估方法。書中每章均包含理論解析和案例分析,讀者可通過實(shí)踐練習(xí)將知識(shí)轉(zhuǎn)化為能力。
最后,交互設(shè)計(jì)是一門充滿活力的學(xué)科,其理論與方法會(huì)隨著技術(shù)和社會(huì)的發(fā)展持續(xù)演進(jìn)。希望本書能為讀者提供一個(gè)扎實(shí)的起點(diǎn),但更重要的是激發(fā)大家對(duì)交互設(shè)計(jì)的思考與探索。設(shè)計(jì)不僅是解決問題的手段,更是創(chuàng)造價(jià)值的藝術(shù)。愿每一位讀者都能在交互設(shè)計(jì)的實(shí)踐中,找到技術(shù)與人文的平衡點(diǎn),設(shè)計(jì)出真正打動(dòng)人心的產(chǎn)品。
王軍鋒
2025年3月
王軍鋒,男,博士,副教授。從事用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、服務(wù)設(shè)計(jì)等領(lǐng)域教學(xué)和科學(xué)研究十余年。承擔(dān)國家級(jí)、省部級(jí)相關(guān)項(xiàng)目16余項(xiàng),發(fā)表相關(guān)學(xué)術(shù)論文12余篇,獲得授權(quán)專利9項(xiàng),出版相關(guān)著作11部,擔(dān)任中國用戶體驗(yàn)聯(lián)盟西南分會(huì)副會(huì)長(zhǎng),專家委員會(huì)委員,用戶體驗(yàn)師資培訓(xùn)授課專家,UXPA(用戶體驗(yàn)專業(yè)協(xié)會(huì))中國 西南分會(huì)副會(huì)長(zhǎng),文集審稿專家,國際用戶體驗(yàn)設(shè)計(jì)大賽評(píng)委,長(zhǎng)虹創(chuàng)新設(shè)計(jì)中心用戶體驗(yàn)設(shè)計(jì)部咨詢顧問。
目 錄
第1章 概述
1.1 交互設(shè)計(jì)的出現(xiàn) 2
1.2 交互設(shè)計(jì)的概念 3
1.3 相關(guān)概念 4
1.4 人機(jī)交互發(fā)展簡(jiǎn)史 8
第2章 交互設(shè)計(jì)方法與流程
2.1 以用戶為中心的設(shè)計(jì) 21
2.2 以活動(dòng)為中心的設(shè)計(jì) 22
2.3 以情境為中心的設(shè)計(jì) 25
2.4 參與式設(shè)計(jì) 31
2.5 目標(biāo)導(dǎo)向設(shè)計(jì) 32
2.6 用戶體驗(yàn)要素 36
2.7 交互設(shè)計(jì)的工作流程 40
第3章 交互設(shè)計(jì)策略
3.1 CUBI用戶體驗(yàn)?zāi)P?48
3.2 交互設(shè)計(jì)原則 56
3.3 為心智模型而設(shè)計(jì) 70
3.4 面向人機(jī)交互過程 77
3.5 誘發(fā)用戶交互行為 80
3.6 呈現(xiàn)信息處理過程 89
3.7 提供及時(shí)有效的反饋 97
第4章 任務(wù)流程分析與設(shè)計(jì)
4.1 任務(wù)流程 105
4.2 層次任務(wù)分析 105
4.3 流程圖 108
4.4 任務(wù)流程設(shè)計(jì)原則 117
第5章 信息架構(gòu)設(shè)計(jì)
5.1 信息架構(gòu) 127
5.2 卡片分類 128
5.3 親和圖法 132
5.4 層級(jí)結(jié)構(gòu) 133
5.5 信息分類 134
5.6 信息的搜索和過濾 139
5.7 標(biāo)簽 145
第6章 界面布局設(shè)計(jì)
6.1 布局設(shè)計(jì)原則 147
6.2 網(wǎng)格系統(tǒng) 163
6.3 界面設(shè)計(jì)模式 165
6.4 界面布局的推理過程 178
6.5 信息圖設(shè)計(jì) 182
6.6 文本設(shè)計(jì) 194
第7章 交互原型構(gòu)建
7.1 交互設(shè)計(jì)原型 199
7.2 紙質(zhì)原型 199
7.3 線框圖 200
7.4 高保真原型 202
7.5 故事板 205
7.6 視頻原型 207
第8章 交互設(shè)計(jì)評(píng)估
8.1 設(shè)計(jì)評(píng)估 209
8.2 紙質(zhì)原型測(cè)試 212
8.3 啟發(fā)式評(píng)估 212
8.4 自我報(bào)告式評(píng)估 213
8.5 眼動(dòng)分析 217
8.6 A/B測(cè)試 220