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

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