1700424070
1700424071
·E-mail地址
1700424072
1700424073
这个例子看上去很简单明了，现在我们用一个略有不同的列表来证明这项工作的挑战性：
1700424074
1700424075
▼功率限制
1700424076
1700424077
▼转轴尺寸
1700424078
1700424079
▼油箱容积
1700424080
1700424081
▼变速器类型
1700424082
1700424083
▼角速率中间值
1700424084
1700424085
▼底盘类型
1700424086
1700424087
▼最大输出功率
1700424088
1700424089
当然，最关键的，是用一种能“反映用户的思路”和“支持他们的任务和目标”的方式来分类和排列这些信息元素。在这些元素之间的概念的关系是真正属于微观信息架构的；当我们必须要在这个页面上传达结构的时候，信息设计就呈现它的作用了。
1700424090
1700424091
由于界面不仅仅只是用来收集用户的信息，它还需要向用户呈现信息，所以信息设计在解决界面设计的问题中扮演了重要角色。错误提示是在设计一个良好界面时，经常需要考虑的信息设计问题；如果你想让用户真正去阅读某个使用手册的话，如何设计这个使用手册也是信息设计的问题。不管什么时候，系统都应该给用户提供能正确使用系统的信息（无论是用户出现了错误还是刚刚开始使用），这些都是信息设计的工作范畴。
1700424092
1700424093
用户体验要素：以用户为中心的产品设计（原书第2版） [:1700422498]
1700424094
指示标识
1700424095
1700424096
将信息设计和导航设计结合到一起，有一个重要的作用：支持指示标识（wayfinding），这是用来帮助用户理解“他们在哪”以及“他们能去哪”的系统。指示标识的概念来自于物理世界中公共空间的设计。公园、商场、公路、机场和停车场，大部分都从指示设施中获益。比如说停车场，有时候会使用“颜色编码（color coding）”，来为人们提供线索，帮助他们记住停车的地方。在机场，标志、地图以及其他的指示设施，帮助人们找到他们周围的路径。
1700424097
1700424098
在网站中，指示标识通常会涉及导航设计和信息设计。一个网站的导航系统不仅仅是要提供到网站不同区域的通路，还必须要清晰地传达出这些选项。好的指示标识能使用户能很快地得到一个心理图像，“他们在哪儿”、“能去哪儿”和“哪条路能使他们离自己的目标更近”。
1700424099
1700424100
指示标识的信息设计元素涉及页面元素，并不是以导航功能来执行的。比如说，就像停车场一样，一些网站非常成功地使用了“颜色标识”来告诉用户他们正在看的是哪个部分（无论如何，颜色编码几乎从来没有被独立使用过—相反，它用于在合适的位置强化另一套指示系统）。图标、标签系统和排版是另外的信息设计方式，有时用于帮助用户加强“你在这里”的感觉。
1700424101
1700424102
1700424103
1700424104
1700424105
用户体验要素：以用户为中心的产品设计（原书第2版） [:1700422499]
1700424106
用户体验要素：以用户为中心的产品设计（原书第2版） 线框图
1700424107
1700424108
页面布局是将信息设计、界面设计和导航设计放置到一起，形成一个统一的、有内在凝聚力的架构的地方。页面布局必须结合所有类型的导航系统，每一个旨在传达在不同结构中的视图设计；也必须结合任何一个在这个页面上的功能所需要的所有界面元素；还包括支持以上这些内容的信息设计，当然也包括在这个页面上内容的信息设计本身。
1700424109
1700424110
这一次需要平衡很多东西。这就是为什么页面布局被纳入一个详细的文档，并称为页面示意图或线框图（wire frame）的原因。这个线框图是对一个页面中所有的组成部分以及它们如何结合到一起的、最直观的描述（正如它的名字一样）
1700424111
1700424112
1700424113
1700424114
1700424115
线框图捕获所有在框架层做出的决定，并用一个文档来展现它们。它作为视觉设计和网站实施的参考来使用。线框图可以包括各种不同程度细节—你看到的这个是非常粗略的。
1700424116
1700424117
这些简单的线条绘制的图一般要着重注明、建议读者在必要的时候参考结构图表或其他交互设计文档、内容需求或功能规格说明，或者其他类型的详细文档。举例来说，如果一个线框图涉及个别已有的内容元素，它也许会给出指示，说明他们在哪儿能找到这些内容。另外，线框图通常还包括附加说明，用于说明在线框图和结构图表看得不太明显的网站行为。
1700424118
1700424119
现在，让我们再回去看看结构层的结构图示，它是这个项目的一个宏伟远景；而在框架层，线框图是正是展示那些远景如何完成的详细文档。线框图有时也需要导航规格的支持，以便能更详细、准确地描述各种导航元素的每一个组成成分。