GUI設(shè)計(jì)禁忌：程序員和網(wǎng)頁設(shè)計(jì)師界面設(shè)計(jì)必讀

第1章  第一原則        1
簡介        1
1.1  原則1：關(guān)注用戶及其任務(wù)，而不是技術(shù)        1
1.1.1  理解用戶        2
1.1.2  理解任務(wù)        4
1.1.3  廣泛上下文中的交互式產(chǎn)品和服務(wù)功能        9
1.2  原則2：首先考慮功能，然后才是表示        11
1.2.1  “首先考慮功能”并不意味著什么        12
1.2.2  “首先考慮功能”意味著什么        12
1.2.3  開發(fā)一個(gè)概念模型        13
1.3  原則3：確定用戶對任務(wù)的看法        17
1.3.1  爭取自然        17
1.3.2  使用用戶的詞匯，而不是你自己的        19
1.3.3  讓程序內(nèi)部內(nèi)容在程序內(nèi)部進(jìn)行處理        20
1.3.4  找到正確的功能/復(fù)雜度平衡點(diǎn)        20
1.4  原則4：不要讓用戶的任務(wù)復(fù)雜化        22
1.4.1  常用任務(wù)應(yīng)當(dāng)簡單        22
1.4.2  不要讓用戶解決額外問題        23
1.5  原則5：促進(jìn)學(xué)習(xí)        24
1.5.1  “從里到外”思考，而不是“從外到里”        25
1.5.2  一致性、一致性、一致性        26
1.5.3  提供一個(gè)低風(fēng)險(xiǎn)的環(huán)境        28
1.6  原則6：傳遞信息，而不僅僅是數(shù)據(jù)        29
1.6.1  認(rèn)真設(shè)計(jì)顯示；獲取專業(yè)幫助        29
1.6.2  屏幕屬于用戶        31
1.6.3  保持顯示慣性        31
1.7  原則7：設(shè)計(jì)應(yīng)滿足響應(yīng)需求        32
1.7.1  定義響應(yīng)及其不足        32
1.7.2  Web上的響應(yīng)：重要的事        33
1.7.3  響應(yīng)設(shè)計(jì)原則的小結(jié)        33
1.8  原則8：針對用戶進(jìn)行充分測試，然后進(jìn)行修補(bǔ)        34
1.8.1  測試結(jié)果甚至可能讓有經(jīng)驗(yàn)的設(shè)計(jì)人員吃驚        34
1.8.2  安排時(shí)間糾正測試發(fā)現(xiàn)的問題        35
1.8.3  測試有兩個(gè)目的：信息方面的和社會方面的        35
1.8.4  每個(gè)時(shí)刻和每個(gè)目的都要進(jìn)行測試        36
進(jìn)一步閱讀資料        38
第2章  GUI組件錯(cuò)誤        41
簡介        41
2.1  使對功能的訪問復(fù)雜化        43
2.1.1  錯(cuò)誤1：動(dòng)態(tài)菜單        43
2.1.2  錯(cuò)誤2：重復(fù)的菜單項(xiàng)        47
2.1.3  錯(cuò)誤3：隱藏的功能        50
2.1.4  錯(cuò)誤4：沒有鍵盤對應(yīng)        53
2.2  不規(guī)范的應(yīng)用程序窗口        56
2.2.1  錯(cuò)誤5：混淆基本窗口和對話框        56
2.2.2  錯(cuò)誤6：命令只放在工具欄按鈕中        60
2.2.3  錯(cuò)誤7：將所有的菜單欄命令都放到工具欄上        61
2.3  誤用選擇控件和標(biāo)簽頁        63
2.3.1  錯(cuò)誤8：混淆復(fù)選框和單選按鈕        63
2.3.2  錯(cuò)誤9：無初始值的多選一設(shè)置        68
2.3.3  錯(cuò)誤10：在非開/關(guān)設(shè)置中使用復(fù)選框        70
2.3.4  錯(cuò)誤11：使用命令按鈕作為開關(guān)        72
2.3.5  錯(cuò)誤12：使用標(biāo)簽頁作為單選按鈕        74
2.3.6  錯(cuò)誤13：太多標(biāo)簽頁        78
2.4  提供錯(cuò)誤的反饋信息        82
2.4.1  錯(cuò)誤14：在“按下鼠標(biāo)”時(shí)引發(fā)動(dòng)作的按鈕        83
2.4.2  錯(cuò)誤15：不明確的選擇        85
2.4.3  錯(cuò)誤16：不顯示忙光標(biāo)        88
2.5  濫用文本框        90
2.5.1  錯(cuò)誤17：給只讀數(shù)據(jù)使用文本框        90
2.5.2  錯(cuò)誤18：濫用文本框        94
2.5.3  錯(cuò)誤19：行為反常的輸入框        96
進(jìn)一步閱讀資料        99
第3章  布局和外觀錯(cuò)誤        101
簡介        101
3.1  窗口和對話框的蹩腳布局和排列        101
3.1.1  錯(cuò)誤20：將對話框控制按鈕與內(nèi)容控制按鈕混合安放        101
3.1.2  錯(cuò)誤21：布局沒有體現(xiàn)設(shè)置的常用或者自然次序        103
3.1.3  錯(cuò)誤22：窗口初始位置不合適        108
3.2  組合框和分隔線的錯(cuò)誤        112
3.2.1  錯(cuò)誤23：不恰當(dāng)?shù)厥褂媒M合框        112
3.2.2  錯(cuò)誤24：組合框樣式不一致        117
3.2.3  錯(cuò)誤25：分隔線樣式不一致        119
3.3  劣質(zhì)的標(biāo)記和間隔        120
3.3.1  錯(cuò)誤26：單選按鈕之間間隔太大        120
3.3.2  錯(cuò)誤27：屬性標(biāo)記的對齊方式不一致        122
3.3.3  錯(cuò)誤28：標(biāo)記安放不當(dāng)        126
3.3.4  錯(cuò)誤29：無標(biāo)記的滾動(dòng)容器組件        129
3.4  麻煩的排版和圖形設(shè)計(jì)        130
3.4.1  錯(cuò)誤30：文本字體不一致        130
3.4.2  錯(cuò)誤31：字體過小        134
3.4.3  錯(cuò)誤32：未激活控件沒有被充分置灰        138
進(jìn)一步閱讀資料        143
第4章  文字錯(cuò)誤        145
簡介        145
4.1  非專業(yè)的書寫        146
4.1.1  錯(cuò)誤33：術(shù)語不一致        146
4.1.2  錯(cuò)誤34：含義不清的術(shù)語        154
4.1.3  錯(cuò)誤35：用詞晦澀        157
4.1.4  錯(cuò)誤36：書寫馬虎        168
4.2  不友好的消息和標(biāo)記        174
4.2.1  錯(cuò)誤37：無用的錯(cuò)誤消息        174
4.2.2  錯(cuò)誤38：在命令標(biāo)記中錯(cuò)誤地使用或者不使用“...”        180
4.2.3  錯(cuò)誤39：在設(shè)置標(biāo)記中對冒號的使用不一致        183
4.2.4  錯(cuò)誤40：工具提示與可見標(biāo)記的內(nèi)容完全一樣        185
4.3  引起誤解的窗口標(biāo)題        186
4.3.1  錯(cuò)誤41：在不同窗口中使用同樣的標(biāo)題        186
4.3.2  錯(cuò)誤42：窗口標(biāo)題與調(diào)用的命令不符        188
進(jìn)一步閱讀資料        193
第5章  交互錯(cuò)誤        195
簡介        195
5.1  允許程序?qū)崿F(xiàn)來控制GUI        196
5.1.1  錯(cuò)誤43：向用戶展示實(shí)現(xiàn)        196
5.1.2  錯(cuò)誤44：向用戶索取隨機(jī)數(shù)        199
5.1.3  錯(cuò)誤45：TTY GUI        201
5.2  不充分的信息表示        205
5.2.1  錯(cuò)誤46：決策和細(xì)節(jié)對用戶的干擾        205
5.2.2  錯(cuò)誤47：容易丟失的信息        211
5.2.3  錯(cuò)誤48：被意外重排的顯示        220
5.2.4  錯(cuò)誤49：說明信息消失過快        223
5.3  給用戶設(shè)置障礙        225
5.3.1  錯(cuò)誤50：相似的功能卻有不一致的用戶界面        225
5.3.2  錯(cuò)誤51：不必要或是效果不佳的標(biāo)記模式        228
5.3.3  錯(cuò)誤52：安裝噩夢        241
5.4  令人生厭的對話框        245
5.4.1  錯(cuò)誤53：對話框?qū)哟芜^多        245
5.4.2  錯(cuò)誤54：使用戶陷于困境的對話框        251
5.4.3  錯(cuò)誤55：取消按鈕無法取消操作        257
5.4.4  錯(cuò)誤56：確定和取消按鈕做同樣的事情        261
進(jìn)一步閱讀資料        262
第6章  Web錯(cuò)誤        265
簡介        265
6.1  Web結(jié)構(gòu)和交互錯(cuò)誤        267
6.1.1  錯(cuò)誤57：網(wǎng)站結(jié)構(gòu)反映公司的結(jié)構(gòu)或者歷史        267
6.1.2  錯(cuò)誤58：Back（返回）按鈕不能到達(dá)用戶預(yù)期的位置        270
6.1.3  錯(cuò)誤59：搜索復(fù)雜化        273
6.2  Web組件、布局和外觀錯(cuò)誤        276
6.2.1  錯(cuò)誤60：隱藏鏈接        276
6.2.2  錯(cuò)誤61：未提供足夠信息的鏈接        282
6.2.3  錯(cuò)誤62：不提供點(diǎn)擊反饋的按鈕        287
6.2.4  錯(cuò)誤63：以長頁面顯示冗長列表        288
進(jìn)一步閱讀資料        292
第7章  響應(yīng)錯(cuò)誤        293
簡介        293
7.1  常見的響應(yīng)錯(cuò)誤（錯(cuò)誤64～錯(cuò)誤75）        294
7.2  響應(yīng)不好的原因        297
7.2.1  原因之一：響應(yīng)的有關(guān)事實(shí)并沒有廣為人知        297
7.2.2  原因之二：用戶界面設(shè)計(jì)人員在設(shè)計(jì)中很少考慮響應(yīng)        298
7.2.3  原因之三：程序員將響應(yīng)等同于性能        298
7.2.4  原因之四：程序員將用戶輸入視為機(jī)器輸入        299
7.2.5  原因之五：開發(fā)人員使用簡單、直白的實(shí)現(xiàn)方法        300
7.2.6  原因之六：GUI軟件工具、組件和平臺不完善        303
7.2.7  原因之七：管理者雇用缺少必要技能的GUI程序員        303
7.3  避免響應(yīng)錯(cuò)誤：設(shè)計(jì)準(zhǔn)則        303
7.3.1  響應(yīng)不等同于性能        304
7.3.2  處理資源總是受限的        304
7.3.3  用戶界面是實(shí)時(shí)接口        305
7.3.4  任務(wù)對延遲的要求各異，軟件不用立即做所有的事情        306
7.3.5  軟件不必按照任務(wù)要求的順序完成工作        307
7.3.6  軟件不必做所有被請求的任務(wù)        307
7.3.7  用戶是人而不是計(jì)算機(jī)程序        308
7.4  避免響應(yīng)錯(cuò)誤：技巧        309
7.4.1  及時(shí)反饋        309
7.4.2  并行問題解決方案        314
7.4.3  隊(duì)列優(yōu)化        315
7.4.4  動(dòng)態(tài)時(shí)間管理        317
7.4.5  響應(yīng)技巧總結(jié)        321
7.4.6  為實(shí)現(xiàn)響應(yīng)技巧掃清障礙        322
進(jìn)一步閱讀資料        325
第8章  管理錯(cuò)誤        327
簡介        327
8.1  錯(cuò)誤的管理態(tài)度        329
8.1.1  錯(cuò)誤76：對用戶界面專家所做工作的誤解        329
8.1.2  錯(cuò)誤77：認(rèn)為用戶界面是次要的工作        333
8.1.3  錯(cuò)誤78：貶低測試和交互設(shè)計(jì)的價(jià)值        337
8.2  錯(cuò)誤的管理過程        345
8.2.1  錯(cuò)誤79：使用拙劣的工具和構(gòu)建塊        345
8.2.2  錯(cuò)誤80：無政府主義開發(fā)        350
8.2.3  錯(cuò)誤81：設(shè)計(jì)團(tuán)隊(duì)沒有任務(wù)領(lǐng)域的專業(yè)知識        357
8.2.4  錯(cuò)誤82：給程序員提供最快的計(jì)算機(jī)        366
進(jìn)一步閱讀資料        368
第9章  軟件評審        371
簡介        371
9.1  Eudora Pro 4.0的安裝        371
9.1.1  存在的問題        371
9.1.2  結(jié)論        379
9.2  Kodak Picture Disk 1.2        379
9.2.1  執(zhí)行小結(jié)        380
9.2.2  組織        380
9.2.3  局限        381
9.2.4  總體評審        381
9.2.5  開始運(yùn)行        382
9.2.6  主窗口        383
9.2.7  滾動(dòng)顯示對話框        385
9.2.8  滾動(dòng)顯示窗口        385
9.2.9  圖片編輯窗口        387
9.2.10  打印預(yù)覽窗口        388
9.2.11  打印設(shè)置對話框        389
9.2.12  打印選項(xiàng)設(shè)置對話框        390
9.2.13  圖片旋轉(zhuǎn)對話框        390
9.2.14  圖片組織對話框        391
9.2.15  導(dǎo)出對話框        392
第10章  一個(gè)用戶界面顧問的戰(zhàn)爭故事        395
簡介        395
10.1  簡化一個(gè)交互式電影游戲的控制        395
10.1.1  背景        395
10.1.2  分析        397
10.1.3  重新設(shè)計(jì)：物理動(dòng)作        400
10.1.4  重新設(shè)計(jì)：語言和思考        402
10.1.5  重新設(shè)計(jì)：評估和討論        408
10.1.6  用戶界面的其他方面        409
10.1.7  教訓(xùn)和結(jié)論        409
10.2  機(jī)頂盒的控制設(shè)計(jì)        410
10.2.1  工作1：UI評審意外地變成了UI設(shè)計(jì)        411
10.2.2  工作2：UI評審，檢查設(shè)計(jì)的實(shí)現(xiàn)        419
10.2.3  工作3：前面板的緊急重新設(shè)計(jì)        421
10.2.4  工作4：第二個(gè)UI設(shè)計(jì)        423
10.2.5  學(xué)到的教訓(xùn)        424
附錄  本書是如何進(jìn)行易用性測試的        427
參考文獻(xiàn)        431