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

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