本書系統(tǒng)介紹了信息交互產(chǎn)品設(shè)計相關(guān)的理論和方法。全書共6章,分別為信息交互設(shè)計概述、設(shè)計目標與需求分析、設(shè)計定義、信息架構(gòu)設(shè)計、交互設(shè)計、界面設(shè)計。本書結(jié)合實際設(shè)計案例,采用淺顯易懂的方式,對信息交互產(chǎn)品的基本概念、方法、設(shè)計要素和設(shè)計實踐等進行了系統(tǒng)闡述。 本書依托前沿科研成果和發(fā)展趨勢,結(jié)合兩位作者在信息交互設(shè)計領(lǐng)域多年的科研、實踐和教學經(jīng)驗,力圖幫助有志于從事信息交互設(shè)計的學生和從業(yè)者掌握系統(tǒng)的理論和方法。本書可作為交互設(shè)計和信息科學領(lǐng)域本科生或研究生的教材,也可供從事交互設(shè)計工作的科研人員和從業(yè)人員參考。
呂菲,博士,北京郵電大學數(shù)字媒體與設(shè)計藝術(shù)學院副院長、副教授。現(xiàn)擔任ACM SIGCHI中國執(zhí)行委員會委員、中國計算機學會人機交互專業(yè)委員會執(zhí)行委員、中國工業(yè)設(shè)計協(xié)會信息與交互設(shè)計專業(yè)委員會委員。研究領(lǐng)域為人機交互,在ACM CHI、International Journal of History and Cultural Studies(IJHCS)等學術(shù)會議/期刊上發(fā)表學術(shù)論文20余篇,出版學術(shù)專著1部。主持國家自然科學基金、北京市社會科學基金(優(yōu)秀)等課題9項,獲2019年ACM SIGCHI中國新星獎、2022年iF設(shè)計獎。承擔Web交互設(shè)計、交互設(shè)計基礎(chǔ)、網(wǎng)頁設(shè)計基礎(chǔ)、用戶界面設(shè)計基礎(chǔ)、設(shè)計符號學等多門本科生、研究生課程教學工作,指導(dǎo)學生獲重要設(shè)計獎項90余項,其中一等獎10項。 秦憲剛,博士,北京郵電大學數(shù)字媒體與設(shè)計藝術(shù)學院講師,歐盟委員會地平線2020計劃瑪麗?斯克沃多夫斯卡?居里學者(MARIE SK?ODOWSKA-CURIE Fellowship),中國科學院心理研究所博士,哥本哈根商學院數(shù)字化系博士后。曾在西門子中國研究院、中國移動通信集團有限公司研究院和聯(lián)想移動通信科技有限公司從事設(shè)計與用戶體驗相關(guān)工作,F(xiàn)擔任國際信息處理聯(lián)合會IFIP人-工作交互設(shè)計組(13.6:HWID)副主席、中國人類工效學學會智能交互與體驗委員會委員、中國心理學會工程心理學委員會委員。研究領(lǐng)域為人機交互與用戶體驗。主持國家自然科學基金、北京市社會科學基金(優(yōu)秀)等課題9項,在IWC、IFIP INTERACT、《裝飾》《人類工效學》等國內(nèi)外重要會議、期刊上發(fā)表學術(shù)論文數(shù)篇,合作出版著作、譯作4部,作為第一申請人授權(quán)發(fā)明專利3項。承擔設(shè)計調(diào)研與分析、用戶體驗度量與評估、人機工程、數(shù)據(jù)統(tǒng)計與分析、設(shè)計管理等多門本科生、研究生課程教學工作。
第1章 信息交互設(shè)計概述 001
1.1 信息交互設(shè)計的概念 002
1.2 信息交互設(shè)計的發(fā)展 002
1.2.1 交互技術(shù)的發(fā)展 002
1.2.2 交互界面的發(fā)展 004
1.3 信息交互設(shè)計流程 011
1.3.1 設(shè)計目標與需求分析 011
1.3.2 設(shè)計定義 012
1.3.3 信息架構(gòu)設(shè)計 013
1.3.4 交互設(shè)計 013
1.3.5 界面設(shè)計 014
第2章 設(shè)計目標與需求分析 015
2.1 信息交互設(shè)計目標 016
2.1.1 商業(yè)目標 016
2.1.2 公益目標 016
2.2 設(shè)計需求來源 018
2.2.1 利益相關(guān)方與目標用戶 018
2.2.2 典型人物 019
2.3 設(shè)計需求收集 028
2.3.1 用戶需求的分類 029
2.3.2 需求收集方法 031
2.4 數(shù)據(jù)分析方法 055
2.4.1 數(shù)據(jù)及數(shù)據(jù)類型 055
2.4.2 定性數(shù)據(jù)的分析方法 057
2.4.3 定量數(shù)據(jù)的分析方法 061
第3章 設(shè)計定義 073
3.1 從用戶需求到設(shè)計定義 074
3.1.1 質(zhì)量功能部署 076
3.1.2 設(shè)計方案選擇的平衡計分卡 083
3.2 需求分類卡諾模型 084
3.2.1 卡諾模型的5個屬性分類 085
3.2.2 卡諾屬性的統(tǒng)計計算方法 088
3.2.3 卡諾屬性的可視化 093
第4章 信息架構(gòu)設(shè)計 094
4.1 信息組織 095
4.1.1 位置 095
4.1.2 字母表 096
4.1.3 時間 096
4.1.4 類別 098
4.1.5 層次 098
4.2 導(dǎo)航 099
4.2.1 全局導(dǎo)航 100
4.2.2 局部導(dǎo)航 101
4.2.3 情景導(dǎo)航 103
4.2.4 面包屑導(dǎo)航 104
4.2.5 站點地圖 104
4.3 標簽 106
4.3.1 概念 106
4.3.2 類型 107
4.3.3 設(shè)計原則 108
4.4 搜索 110
4.4.1 應(yīng)用場景 110
4.4.2 視覺線索 111
4.4.3 輸入特性 112
4.5 卡片分類法 113
4.5.1 主要類型 114
4.5.2 實施過程 115
第5章 交互設(shè)計 119
5.1 交互設(shè)計的目標 120
5.2 交互設(shè)計的原則 122
5.2.1 唐?諾曼的7個基本原則 122
5.2.2 交互設(shè)計的7大定律 126
5.3 交互元素 130
5.3.1 原子 131
5.3.2 分子 132
5.3.3 組織 132
5.3.4 模板 133
5.3.5 頁面 133
5.4 交互布局 135
5.4.1 F式布局 135
5.4.2 Z式布局 136
5.4.3 卡片布局 137
5.4.4 網(wǎng)格布局 138
5.4.5 雜志布局 138
5.4.6 無框布局 139
5.4.7 對稱布局 140
5.4.8 非對稱布局 140
5.4.9 布局原則 142
5.4.10 柵格系統(tǒng) 146
5.5 交互原型 149
5.5.1 線框圖 149
5.5.2 原型設(shè)計工具 151
第6章 界面設(shè)計 153
6.1 設(shè)計風格 154
6.1.1 擬物風格 154
6.1.2 極簡風格 155
6.1.3 新擬物風格 156
6.1.4 其他風格 157
6.2 色彩 159
6.2.1 基礎(chǔ)知識 159
6.2.2 色彩功能 163
6.2.3 色彩對比 165
6.3 圖標 168
6.3.1 Logo 168
6.3.2 Icon 174
6.4 文字 179
6.4.1 基本知識 179
6.4.2 字體風格 181
6.4.3 文字設(shè)置 184
6.4.4 文字色彩 186
6.5 視覺吸引 187
6.5.1 彈出框 187
6.5.2 交互引導(dǎo) 187
6.5.3 提示 188
6.5.4 微動效 188
6.6 設(shè)計規(guī)范 190
6.6.1 組件庫 191
6.6.2 字體庫 192
6.6.3 色彩庫 194
6.7 設(shè)計原則 194
6.7.1 Robin Williams設(shè)計原則 195
6.7.2 Material Design設(shè)計原則 198
6.7.3 iOS 設(shè)計原則 199
參考文獻 201