GUI设计禁忌：程序员和网页设计师界面设计必读

第1章  第一原则        1
简介        1
1.1  原则1：关注用户及其任务，而不是技术        1
1.1.1  理解用户        2
1.1.2  理解任务        4
1.1.3  广泛上下文中的交互式产品和服务功能        9
1.2  原则2：首先考虑功能，然后才是表示        11
1.2.1  “首先考虑功能”并不意味着什么        12
1.2.2  “首先考虑功能”意味着什么        12
1.2.3  开发一个概念模型        13
1.3  原则3：确定用户对任务的看法        17
1.3.1  争取自然        17
1.3.2  使用用户的词汇，而不是你自己的        19
1.3.3  让程序内部内容在程序内部进行处理        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  提供一个低风险的环境        28
1.6  原则6：传递信息，而不仅仅是数据        29
1.6.1  认真设计显示；获取专业帮助        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  测试结果甚至可能让有经验的设计人员吃惊        34
1.8.2  安排时间纠正测试发现的问题        35
1.8.3  测试有两个目的：信息方面的和社会方面的        35
1.8.4  每个时刻和每个目的都要进行测试        36
进一步阅读资料        38
第2章  GUI组件错误        41
简介        41
2.1  使对功能的访问复杂化        43
2.1.1  错误1：动态菜单        43
2.1.2  错误2：重复的菜单项        47
2.1.3  错误3：隐藏的功能        50
2.1.4  错误4：没有键盘对应        53
2.2  不规范的应用程序窗口        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：在“按下鼠标”时引发动作的按钮        83
2.4.2  错误15：不明确的选择        85
2.4.3  错误16：不显示忙光标        88
2.5  滥用文本框        90
2.5.1  错误17：给只读数据使用文本框        90
2.5.2  错误18：滥用文本框        94
2.5.3  错误19：行为反常的输入框        96
进一步阅读资料        99
第3章  布局和外观错误        101
简介        101
3.1  窗口和对话框的蹩脚布局和排列        101
3.1.1  错误20：将对话框控制按钮与内容控制按钮混合安放        101
3.1.2  错误21：布局没有体现设置的常用或者自然次序        103
3.1.3  错误22：窗口初始位置不合适        108
3.2  组合框和分隔线的错误        112
3.2.1  错误23：不恰当地使用组合框        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  非专业的书写        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：工具提示与可见标记的内容完全一样        185
4.3  引起误解的窗口标题        186
4.3.1  错误41：在不同窗口中使用同样的标题        186
4.3.2  错误42：窗口标题与调用的命令不符        188
进一步阅读资料        193
第5章  交互错误        195
简介        195
5.1  允许程序实现来控制GUI        196
5.1.1  错误43：向用户展示实现        196
5.1.2  错误44：向用户索取随机数        199
5.1.3  错误45：TTY GUI        201
5.2  不充分的信息表示        205
5.2.1  错误46：决策和细节对用户的干扰        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：网站结构反映公司的结构或者历史        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  原因之五：开发人员使用简单、直白的实现方法        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  队列优化        315
7.4.4  动态时间管理        317
7.4.5  响应技巧总结        321
7.4.6  为实现响应技巧扫清障碍        322
进一步阅读资料        325
第8章  管理错误        327
简介        327
8.1  错误的管理态度        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：无政府主义开发        350
8.2.3  错误81：设计团队没有任务领域的专业知识        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  执行小结        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章  一个用户界面顾问的战争故事        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评审，检查设计的实现        419
10.2.3  工作3：前面板的紧急重新设计        421
10.2.4  工作4：第二个UI设计        423
10.2.5  学到的教训        424
附录  本书是如何进行易用性测试的        427
参考文献        431