|
目錄：
第1章 交互概念設(shè)計(jì)與圖形
界面設(shè)計(jì)… …………………………… 3
1.1 交互概念設(shè)計(jì)……………………………………… 4
1.1.1 交互設(shè)計(jì)從概念出發(fā)………………………… 4
1.1.2 交互設(shè)計(jì)的發(fā)展… …………………………… 6
1.1.3 交互設(shè)計(jì)的應(yīng)用展示………………………… 8
1.2 圖形界面設(shè)計(jì)………………………………………12
1.2.1 圖形界面的發(fā)展歷程………………………… 12
1.2.2 用戶使用系統(tǒng)就是使用界面……………… 15
1.2.3 用戶界面不是繪畫(huà)繡花……………………… 15
1.2.4 UCD的設(shè)計(jì)思想… …………………………… 16
1.2.5 使用圖形軟件之前的準(zhǔn)備… ……………… 16
1.2.6 必備的軟件分析… …………………………… 16
1.3 交互概念設(shè)計(jì)與圖形界面的聯(lián)系… …………18
1.3.1 理解用戶的需求和分析需求… …………… 18
1.3.2 設(shè)計(jì)一些候選方案和概念… ……………… 19
1.3.3 進(jìn)行原型設(shè)計(jì)…………………………………… 19
1.3.4 用戶測(cè)試與評(píng)估… …………………………… 19
1.3.5 兩者的關(guān)系和應(yīng)用… ………………………… 19
第2章 交互概念與圖形界面
設(shè)計(jì)新趨勢(shì)…………………………… 21
2.1 手持移動(dòng)設(shè)備的產(chǎn)品特點(diǎn)………………………22
2.1.1 不同的感知和感覺(jué)… ………………………… 22
2.1.2 不同的使用環(huán)境… …………………………… 24
2.2 手持移動(dòng)設(shè)備的概念設(shè)計(jì)要素… ……………32
2.3 手持移動(dòng)設(shè)備的界面設(shè)計(jì)風(fēng)格… ……………33
2.4 手持移動(dòng)設(shè)備的基礎(chǔ)知識(shí)………………………35
2.4.1 承載平臺(tái)的介紹和分析………………………35
2.4.2 顯示介質(zhì)的介紹和分析………………………37
2.4.3 作者的經(jīng)驗(yàn)………………………………………39
第3章 手持移動(dòng)設(shè)備設(shè)計(jì)的
產(chǎn)品化………………………………… 45
3.1 產(chǎn)品設(shè)計(jì)的目的……………………………………46
3.1.1 產(chǎn)品設(shè)計(jì)的目的是
為使用產(chǎn)品的用戶 … …………………………46
3.1.2 交互設(shè)計(jì)和界面設(shè)計(jì)不是萬(wàn)能的…………47
3.1.3 我應(yīng)該使用什么樣的產(chǎn)品 … ………………48
3.2 設(shè)計(jì)是如何產(chǎn)品化的… …………………………51
3.2.1 如何決定將一個(gè)設(shè)計(jì)產(chǎn)品化的
市場(chǎng)調(diào)查和分析… ……………………………51
3.2.2 設(shè)計(jì)的產(chǎn)品化檢驗(yàn)過(guò)程………………………57
3.3 產(chǎn)品化過(guò)程中的問(wèn)題… …………………………60
3.3.1 天使客戶還是魔鬼客戶 … …………………60
3.3.2 為什么用戶選擇了他…………………………62
3.3.3 產(chǎn)品經(jīng)理的太極拳… …………………………64
3.3.4 開(kāi)發(fā)人員說(shuō)：“我討厭交互設(shè)計(jì)”…………67
3.3.5 交互設(shè)計(jì)師說(shuō)：“我不需要圖形”…………67
3.3.6 設(shè)計(jì)師的一廂情愿… …………………………68
第4章 產(chǎn)品策劃定義… …………………… 73
4.1 競(jìng)爭(zhēng)分析 … ………………………………………74
4.1.1 如何分析競(jìng)爭(zhēng)對(duì)手和產(chǎn)品… ………………74
4.1.2 設(shè)計(jì)總監(jiān)的角色… ……………………………75
4.2 相關(guān)負(fù)責(zé)人會(huì)議……………………………………77
4.2.1 會(huì)議的前期準(zhǔn)備… ……………………………77
4.2.2 團(tuán)隊(duì)成員的確定… ……………………………81
4.2.3 出現(xiàn)的一些波動(dòng)因素…………………………83
第5章 用戶分析與研究…………………… 87
5.1 用戶參與研究法……………………………………88
5.1.1 為何用戶要參與研究…………………………88
5.1.2 一個(gè)典型案例… ………………………………88
5.1.3 創(chuàng)意從何而來(lái)……………………………………90
5.2 觀察法…………………………………………………93
5.2.1 觀察的方法………………………………………93
5.2.2 觀察的目的和分析手段………………………93
5.3 用戶訪談… …………………………………………95
5.3.1 用戶訪談的原則… ……………………………95
5.3.2 用戶訪談的記錄方式…………………………95
5.4 焦點(diǎn)小組法… ………………………………………96
5.5 卡片分類(lèi)法… ………………………………………98
5.6 頭腦風(fēng)暴法… ………………………………………99
5.6.1 頭腦風(fēng)暴法成功的要點(diǎn)………………………99
5.6.2 “正規(guī)”手持設(shè)備的GUI界面… ……………99
5.7 任務(wù)分析法… …………………………………… 102
5.8 情景設(shè)定法… …………………………………… 103
5.9 社會(huì)性研究法…………………………………… 103
第6章 概念原型設(shè)計(jì)… ………………… 109
6.1 紙上原型… ……………………………………… 110
6.1.1 紙上原型的設(shè)計(jì)要點(diǎn)……………………… 110
6.1.2 一些案例… …………………………………… 110
6.2 設(shè)計(jì)原則… ……………………………………… 112
6.2.1 需要做些什么………………………………… 112
6.2.2 視覺(jué)與功能平衡… ………………………… 112
6.3 交互原型設(shè)計(jì)…………………………………… 115
6.3.1 低保真原型設(shè)計(jì)… ………………………… 115
6.3.2 高保真原型設(shè)計(jì)… ………………………… 116
第7章 設(shè)計(jì)驗(yàn)證測(cè)試… ………………… 119
7.1 可用性測(cè)試… …………………………………… 120
7.1.1 可用性測(cè)試對(duì)設(shè)計(jì)有什么幫助…………… 120
7.1.2 可用性測(cè)試的場(chǎng)地和費(fèi)用… …………… 120
7.1.3 什么時(shí)候進(jìn)行？多少人參與？
如何準(zhǔn)備 … ………………………………… 121
7.2 啟發(fā)式評(píng)估… …………………………………… 123
7.2.1 如何決定將一個(gè)設(shè)計(jì)產(chǎn)品化… ………… 123
7.2.2 設(shè)計(jì)的產(chǎn)品化檢驗(yàn)過(guò)程…………………… 124
7.3 問(wèn)卷表格… ……………………………………… 126
7.3.1 問(wèn)卷調(diào)查法…………………………………… 126
7.3.2 如何設(shè)計(jì)一份標(biāo)準(zhǔn)的問(wèn)卷表格… ……… 126
第8章 設(shè)計(jì)規(guī)范… ……………………… 131
8.1 設(shè)計(jì)規(guī)范… ……………………………………… 132
8.1.1 設(shè)計(jì)規(guī)范的必要性… ……………………… 132
8.1.2 關(guān)于設(shè)計(jì)規(guī)范的談話……………………… 133
8.2 設(shè)計(jì)的執(zhí)行… …………………………………… 136
8.2.1 設(shè)計(jì)執(zhí)行說(shuō)明書(shū)… ………………………… 136
8.2.2 編寫(xiě)要點(diǎn)… …………………………………… 138
8.3 輸出標(biāo)準(zhǔn)化… …………………………………… 142
8.3.1 設(shè)計(jì)說(shuō)明… …………………………………… 142
8.3.2 菜單樹(shù)結(jié)構(gòu)…………………………………… 142
8.3.3 文件打包… …………………………………… 144
第9章 一切從圖標(biāo)開(kāi)始………………… 147
9.1 圖標(biāo)的故事… …………………………………… 148
9.1.1 圖標(biāo)設(shè)計(jì)的意義… ………………………… 148
9.1.2 好的圖標(biāo)設(shè)計(jì)有什么特點(diǎn)… …………… 152
9.2 手持設(shè)備的圖標(biāo)設(shè)計(jì)… ……………………… 159
9.2.1 手持設(shè)備的圖標(biāo)設(shè)計(jì)有何不同… ……… 159
9.2.2 設(shè)計(jì)一個(gè)手持設(shè)備的圖標(biāo) ……………… 160
第10章 手持設(shè)備的圖形界面………… 167
10.1 圖形界面設(shè)計(jì)的創(chuàng)意……………………… 168
10.1.1 優(yōu)秀圖形界面賞析… …………………… 168
10.1.2 開(kāi)始設(shè)計(jì)手持設(shè)備的圖形界面… …… 176
10.2 【案例】手機(jī)MP3播放器的
界面設(shè)計(jì)………………………………………… 183
10.2.1 產(chǎn)品定義… ………………………………… 184
10.2.2 交互設(shè)計(jì)… ………………………………… 184
10.2.3 界面原型… ………………………………… 185
10.2.4 視覺(jué)設(shè)計(jì)… ………………………………… 185
10.3 【案例】移動(dòng)設(shè)備主題界面設(shè)計(jì)… ……… 186
第11章 圖形界面的創(chuàng)意升級(jí)………… 193
11.1 圖形界面不只是畫(huà)圖… …………………… 194
11.1.1 讓手持設(shè)備變得人性化………………… 194
11.1.2 情感化因素不可忽視… ………………… 194
11.1.3 交互特效的引入…………………………… 195
11.1.4 產(chǎn)品=體驗(yàn)=品牌… ……………………… 196
11.1.5 臨場(chǎng)的體驗(yàn)決定購(gòu)買(mǎi)意愿……………… 197
11.2 用戶體驗(yàn)………………………………………… 197
第12章 手機(jī)交互界面設(shè)計(jì)始末… … 205
12.1 制定設(shè)計(jì)流程… ……………………………… 206
12.1.1 一個(gè)優(yōu)秀的圖形界面設(shè)計(jì)
還需要什么………………………………… 206
12.1.2 面向整個(gè)產(chǎn)品過(guò)程的設(shè)計(jì)流程… …… 212
12.2 第一次項(xiàng)目會(huì)議……………………………… 214
12.3 圖標(biāo)設(shè)計(jì)………………………………………… 220
12.3.1 圖標(biāo)設(shè)計(jì)的思考方式… ………………… 220
12.3.2 【教程】圖標(biāo)設(shè)計(jì)………………………… 224
12.4 評(píng)審篩選會(huì)議… ……………………………… 231
12.5 設(shè)計(jì)方向………………………………………… 233
12.6 交互設(shè)計(jì)效果… ……………………………… 237
12.7 界面設(shè)計(jì)………………………………………… 239
12.7.1 【教程】main menu（主菜單）
設(shè)計(jì)…………………………………………… 242
12.7.2 【教程】world time（世界時(shí)間）
設(shè)計(jì)…………………………………………… 245
12.8 界面設(shè)計(jì)提案… ……………………………… 249
12.9 制作Flash演示………………………………… 253
12.9.1 制作平面演示框架… …………………… 253
12.9.2 制作Flash演示… ………………………… 254
12.10 提案會(huì)議……………………………………… 257
PART 4 項(xiàng)目實(shí)踐
12.10.1 準(zhǔn)備演示的資料………………………… 257
12.10.2 確定必要的參會(huì)人員…………………… 259
第十三章 樣板工程設(shè)計(jì)——
UI決策產(chǎn)品… ……………… 263
13.1 產(chǎn)品策劃………………………………………… 264
13.1.1 PPT演示文檔的作用… ………………… 264
13.1.2 《用戶體驗(yàn)淺析》培訓(xùn)課程試卷… … 269
13.1.3 《用戶體驗(yàn)淺析》部門(mén)培訓(xùn)試卷
反饋分析… ………………………………… 271
13.2 項(xiàng)目會(huì)議………………………………………… 274
13.3 概念設(shè)計(jì)………………………………………… 281
13.3.1 “影視手機(jī)”概念機(jī)型定義……………… 281
13.3.2 測(cè)試LCD… ………………………………… 284
13.3.3 界面概念設(shè)計(jì)……………………………… 285
13.4 界面設(shè)計(jì)………………………………………… 286
13.5 交互實(shí)現(xiàn)………………………………………… 293
13.6 音效整合………………………………………… 300
13.6.1 音源芯片測(cè)試……………………………… 300
13.6.2 鈴音制作示例……………………………… 301
13.7 制作開(kāi)關(guān)機(jī)動(dòng)畫(huà)……………………………… 304
媒體評(píng)論
在各種變化的環(huán)境中單手使用一個(gè)小屏幕設(shè)備，是件極其痛苦的事情。要降低這種痛苦，只有做出更完美的交互界面。這本書(shū)在給我們介紹一種降低人們痛苦的方法，值得所有致力于降低用戶痛苦的設(shè)計(jì)師們認(rèn)真品讀。
——白鴉 支付寶首席產(chǎn)品體驗(yàn)師
在我的印象中，Lytous是一個(gè)十分優(yōu)秀的視覺(jué)設(shè)計(jì)師。最近幾年的接觸，發(fā)現(xiàn)他原來(lái)還是一個(gè)高產(chǎn)作家。這還是其次，最重要的是他寫(xiě)的每一本書(shū)都很暢銷(xiāo)。讓我們感謝他對(duì)中國(guó)設(shè)計(jì)界做出的貢獻(xiàn)！讓我們?yōu)橹袊?guó)設(shè)計(jì)！
——JunChen 途牛網(wǎng)產(chǎn)品總監(jiān)
縱觀國(guó)內(nèi)目前出版的一些Web可用性書(shū)籍，東拼西湊類(lèi)、偷梁換柱類(lèi)和濫竽充數(shù)類(lèi)比比皆是，針對(duì)移動(dòng)設(shè)備交互和界面設(shè)計(jì)類(lèi)的圖書(shū)更是為數(shù)不多，周陟同學(xué)的這本書(shū)從移動(dòng)設(shè)備的交互到項(xiàng)目實(shí)施，再到一些實(shí)操過(guò)程中的一些問(wèn)題的解決方法，都做了系統(tǒng)和流程化的闡述。我對(duì)這本書(shū)的評(píng)價(jià)：全面，系統(tǒng)，實(shí)用。是您手頭不可或缺的一本移動(dòng)交互界面設(shè)計(jì)案例教材書(shū)。
——壞人
本文鏈接：http://m.95time.cn/news/book/2010/8174.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) UI進(jìn)化論—移動(dòng)設(shè)備人機(jī)交互界面設(shè)計(jì) [1] 下一頁(yè)
|
第 1 頁(yè) 
第 2 頁(yè) UI進(jìn)化論—移動(dòng)設(shè)備人機(jī)交互界面設(shè)計(jì) [2]
