新风雨-Cnforyou.CN 计算机图书专卖场

	前言 II
01     用户做些什么  2
达到某种目的的手段   3
用户研究基础知识    5
用户的学习动机    7
模式    10
1  安全探索  11
2  即时满足  11
3  满意即可  11
4  中途变卦  12
5  延后选择  13
6  递增构建  14
7  习惯    4
8  空间记忆   15
9  前瞻记忆  16
10  简化重复工作  17
11  只支持键盘  17
12  旁人建议  18
02     组织内容：信息架构和应用结构  20
信息架构基础知识：切分内容  22
物理结构   28
模式    30
13  双面板选择器  31
把两个相邻的面板放在界面上，在第一个面板上显示一组对象，用户可以从中任意选择，然后在第二个面板上显示选中对象的内容。
14   画布加调色板工具条     34
把一个带图标的调色板工具条放在空白的画布旁边；用户单击调色板工具条上的按钮，在画布上创建对象。
15  单窗口深入   36
在一个单一的窗口中显示应用程序的每个页面。当用户层层深入一组菜单项或某个对象的详细资料时，用新的页面完全替换当前窗口的内容。
16  可选视图    39
让用户在使用默认视图之外，还可以使用另外的可选视图，该可选视图对于默认视图来说，不光是装饰性的区别，还有结构上的区别。
17  向导   42
在界面上一步步引导用户按预定的顺序完成任务。
18  需要时显示   45
把最重要的内容显示出来，并把其他内容隐藏起来。让用户通过一个简单的操作访问隐藏内容。
19  有趣的分支    47
把到有趣内容的链接放在一些意想不到的地方，然后给它一个好玩的标签来吸引那些好奇的用户。
20  多级帮助  49
混合使用轻量级和重量级的帮助技术来支持用户的不同需要。
03     到处走走：导航，路标和找路   54
不要迷路   55
导航的代价     56
模式    63  
21  清楚的入口点    64
只在界面上显示几个入口；让它们面向任务，并具有自描述性。
22  全局导航  66
在每个页面上用一个小栏目来显示一组一致的链接或按钮，让用户可以通过它们来访问网站或应用的核心栏目。
23  中心和辐条  68
把应用的各个栏目分割成几个迷你的小应用，每个应用都有一个入口（从主页面），并且可以回到主页面。
24  金字塔    71
使用后退/下一个（Back/Next）的链接来关联一系列页面。把这种序列化展现方式和一个主页面结合起来，由该主页面链接到（并链接回）这个序列中所有的页面。
25  模态面板  74
只显示一个页面，在用户解决好当前的问题之前没有其他任何导航选择。
26  序列地图  76
在一系列页面的每一页上，显示一幅地图，把所有的页面按顺序排序在该地图上，包括一个“你在这里”的位置指示器。
27  面包屑层级结构   78
在层级结构的每个页面，显示所有父级页面的链接，向上追溯到主页面为止。
28  注释滚动条     80
让滚动条在滚动的同时，还可以作为一种内容的映射机制，或者说，作为一个“你在这里”的位置指示器。
29  颜色编码的栏目   82
使用颜色来标记一个应用或网站中某个网页所属的栏目。
30  动画转换  84
把一个突然出现或位置移动的转换用动画来显示，让它变得更自然。
31  逃生舱  86
在每个限制了导航选择的页面上，放置一个按钮或链接，让用户能明白无误地离开这个页面，回到熟悉的地方。
04     组织页面：页面元素的布局  88
页面布局基础知识  89
模式    99
32  视觉框架  100
使用相同的基本布局、颜色、格式方案来设计页面，但是会让设计足够灵活来处理不同的页面内容。
33  中央舞台    103
把最重要的UI部分放到页面或窗口最大的子栏目上，把一些辅助工具和内容放置在它周围的小面板上。
34  带标题的栏目   107
通过给每个栏目一个醒目的标题来区分不同栏目的内容，然后把它们都排列在页面上。
35  卡片堆     109
把不同栏目的内容组织成几个单独的面板或“卡片（Cards）”，并把它们垒成一堆，一次只显示一个栏目；用户可以使用Tab页或其他设备来访问它们。
36  可关闭的面板   111
把不同栏目的内容组织成几个面板，让用户每次可以打开和关闭单独的面板而不影响其他面板的显示。
37  可移动的面板   114
把页面上的工具或栏目组织到几个不同的面板上，让用户可以移动它们，形成自定义的布局。
38  右对齐/左对齐   116
在设计一个两竖栏的表单或表格时，让左边竖栏的标签右对齐，而右边竖栏的元素左对齐。
39  对角平衡    118
用一种不对称的方式布置页面，但是，通过把视觉重量放在左上角和右下角来使页面保持平衡。
40  属性表     120
使用两栏或表单格式的布局来告诉用户，一个对象的属性可以在这个页面进行编??。
41  响应式展开  123
从一个最小限度的用户界面开始，通过在每个步骤显示更多的界面，引导用户完成一系列步骤。
42  响应式允许  125
从一个基本上被禁止的UI开始，通过在每个步骤允许更多的用户界面部分有效，来引导用户完成一系列步骤。
43  流式布局    128
当用户调整窗口大小的时候，相应地调整页面元素的大小和位置，让页面一直保持填满的状态。
05     完成任务：动作和命令  130
扩展边界  133
模式  136
44  按钮分组    137
把相关的动作组织成一组按钮，彼此水平对齐或垂直对齐。如果超过三个或四个动作，那么可以多分几组。
45  动作面板    140
不使用菜单，而是把大量相关的动作放在一个UI面板上，该面板可以有丰富的组织方式，并且通常是可见的。
46  突出的“完成”按钮   144
把完成一项任务的按钮放在视觉流的末尾；加大它的尺寸并为它提供一个合适的标签。
47  智能菜单项   146
动态改变菜单的标题，以便在调用之前明确地知道它的功能。
48  预览  147
在用户执行某个动作之前，为其显示执行结果的预览或小结。
49  进度提示    149
在那些需要很长时间才能完成的操作中为用户显示该操作当前的进度。
50  可取消性    151
提供某种方式快速取消一个耗费时间的操作，而没有什么负面的影响。
51  多级撤销    153
提供一种方式可以很容易撤销用户执行的一系列操作。
52  命令历史    156
当用户执行某些操作时，保存一份可见的记录，记录做了什么操作、作用在什么对象上，以及执行操作的时间。
53  宏     158
宏是一个操作，但是在该操作里组合了其他一些小的操作。用户可以通过把一系列操作放在一起来创建一个宏命令。
06    显示复杂数据：树、表格及其他信息图形   160
信息图形基础  161
模式  173
54  总览加细节   174
在放大的详细视图旁边放置一个总览图。当用户在总览图上圈出一个视野的时候，详细视图里将显示该视野范围里的内容。
55  数据提示    176
当鼠标滑过图形上一个兴趣点时，把该点的数据显示在一个工具提示或其他某种浮动窗口上。
56  动态查询    178
提供一些方式来快速过滤数据，并让这种过滤充满交互性。采用容易使用的标准控件，例如滑块和复选框，来定义数据需要显示的范围。只要用户调整了这些控件的值，显示结果也随之调整。
57  数据刷    181
让用户在一个视图里选择数据，然后在另一个视图里同时显示这些选中的数据。
58  局部缩放    184
在一个密集的页面上显示所有数据，其中有很多小个的数据项目。当鼠标移动时页面会变形，鼠标位置的数据项变大，变得可以阅读。
59  斑马行    187 
在表格行上使用两种样式类似但颜色不同的背景，来间隔显示数据。
60  可排序表格    189
在一个表格里显示数据，并让用户根据表格列的内容对表格进行排序。
61  跳转到对象   191
当用户输入某个对象的名称时，直接跳转到该对象并选中它。
62  新对象行    193
在表格的最后一行创建新的对象。
63  级联列表    195
通过在每个层级上显示一个可以选择的列表来表示层级结构。对任何对象的选择都会将其子对象显示在下一个列表中。
64  树状表格    197
把层级结构的数据放到各个列里，就像表格那样，并在第一列使用一种缩进的大纲形式来表现树结构。
65  多Y值图表    198
把多个图表的线段堆积起来，一个接一个地从上到下摆放在相同的面板里，让它们共享同一个X轴。
66  大量小对象   200
用两三个维度创建很多小的数据图片。并按一到两个附加数据维度平铺到整个页面，要么平铺成连环画式的长条，要么平铺成二维矩阵。
67  树状地图    203
用不同大小的矩形来表示多维数据和/或层级结构的数据。可以把这些矩形级联起来显示其层次结构，并用不同的颜色或给它们加上标签来显示更多的变量。
07     从用户获得输入：表单和控件  206
表单设计基础  207
控件选择   209
模式  218
68  容错格式    219
允许用户以多种格式和语法输入文本，并让应用系统具有智能解释文本的能力。
69  结构化的格式   220
和前面模式只使用一个文本输入框不同，这里使用一组文本输入框来反映所请求数据的格式。
70  填空   222
把一个或多个数据字段设置成散列的句子或短语形式，把那些输入变成“空白区域”，以便用户填写。
71  输入提示    224
在一个空白的文本输入框旁边，用一句话或一个例子来解释需要输入什么样的数据。
72  输入提醒    225
用提示信息预先填写文本输入框或下??列表框，来告诉用户该怎么做/输入。
73  自动完成   227
当用户在文本输入框内部输入的时候，猜测可能的答案并在合适的时候自动把答案填写到输入框里。
74  下拉选择器   230
通过使用下拉列表框或弹出面板，把菜单条的概念扩展成一个更加复杂的选择界面。
75  图示选项    233
用图片而不是文字（或在文字上附加文字）来显示可选项。
76  列表建造器   235
在同一个页面上显示源列表和目的列表，让用户在它们之间移动项目。
77  良好的默认值   237
无论在什么地方，只要合适，就预先为用户填写你猜测他们想要的输入值到各个字段中。
78  错误显示在同一页   239
把表单的错误信息和表单放在一起，直接放在页面上，在页面顶端标记错误信息。如果可能的话，在产生错误的控件旁边进行提示。
08     Builder和编辑器  242
编辑器设计基础    244
模式  248
79  就地编辑   249
使用小的动态文本编辑器，让用户可以“就地”修改文本：把这个编辑器直接放在原始文本的上面，而不是使用一个单独的面板或对话框。
80  智能选择   251
使软件足够聪明，自动选择一组相关对象，而不是让用户自己去选择。
81  组合选择    253
在不同的屏幕区域使用不同的操作——或鼠标单击，例如组合对象的边缘相对它的内部，来确定应该选择这个组合对象本身还是允许它所包含的那些对象也被选中。
82  一次性模态     255
当一个模态打开的时候，执行一次操作。然后自动切换回默认模态或前一个模态。
83  弹性加载模态   257
让用户通过按住某个键或鼠标按钮来进入某种模态。当用户释放它时，离开这个模态并回到之前的模态。
84  强制调整大小   259
为调整大小模态提供不同的行为，例如保持??始比例，以便在特别的环境下使用。
85  磁性吸附    261
让对象具有“磁性”，可以吸住靠近它们的其他对象。当用户拖动一个对象到这种“磁性”目标对象附近时，它就会贴在目标对象上。
86  对齐指示线   263
提供竖直方向和水平方向的参考线，帮助用户对齐各个对象。
87  粘贴变种    266
在标准的粘贴操作之外，另外提供专门的粘贴功能。
09     修饰外观：视觉风格和美感     268
内容相同，风格不同   270
视觉设计基础   279
这对桌面应用来说意味着什么   287
模式  290
88  深色背景    291
用图片或渐变颜色作为页面的背景，这样能可视化地??开和前景元素的距离。
89  少一点色彩，多一些价值     294
选择一种、两种，最多三种主要颜色样式应用在页面上。通过选择这很少几种颜色的混合值（不同亮度）来建立一个颜色板。
90  角落处理  297
不是使用普通的直角，而是使用斜纹、曲线或镂空来装饰界面上的方框角落。让这些角落处理和整个界面保持一致。
91  边界回应字体   300
在描画边界和其他线条的时候，使用设计中某种主要字体所使用的颜色、粗细和曲线。
92  发丝   303
在边界、水平标尺和Texture上使用的一个像素宽的线条。
93  粗细字体对比   306
使用两种字体互相对照——一种细一些，颜色浅一些；另一种粗一点，颜色深一点——来区别不同级别的信息，并丰富视觉效果。
94  皮肤   308
为你的应用提供开放的外观和感觉架构，让用户可以设计他们自己的图形和风格。
参考文献  312
索引  318