<用户体验要素> - 框架层：界面设计、导航设计、信

框架层：怎么实现

框架层关注独立的组件及它们之间的相互关系上，用于确定用什么样的功能和形式来实现。

界面设计——为用户提供做某事的能力

哪个功能要在哪个界面上完成，是我们在结构层的交互设计中已经决定的；而这些功能在界面上如何被用户认知到，则属于界面设计的范畴。

一个设计良好的界面是要组织好用户最常采用的行为，同时让这些界面元素用最容易的方式获取和使用。

常见的标准界面元素： 复选框、单选框、文本框、下拉列表、多选菜单、按钮等。

除把用户最有可能点击的按钮设计成最大，其他常用技巧如：

• 仔细考虑每一个选项的默认值
  保持“显示更多细节”复选框为默认选中状态

• 自动记住某个用户最后一次选择状态的系统
  对技术要求高，有局限

导航设计——为用户提供去某地方的能力

要同时完成3个目标：

• 实现用户在页面间的跳转
• 体现跳转元素与其包含内容的联系
• 体现跳转元素与当前浏览页面的关系

常见的导航系统：

• 全局导航
• 局部导航
• 辅助导航
• 上下文导航
• 友好导航
• 远程导航
  网站地图 索引表

信息设计——传达想法给用户

信息设计 决定如何呈现这些信息，使人们易于使用或理解。

如：

视觉表现——
展现数据的最好方式是饼图？还是柱状图？
搜索概念充分的表达方式是望远镜？还是放大镜？

整理散乱的信息——
用一种能“反映用户的思路”和“支持他们的任务和目标”的方式来分类和排列这些信息元素，传达出页面的微观信息架构。

信息设计&界面设计&导航设计——线框图

页面布局 是将以上三者放置在一起，形成一个统一的、有内在凝聚力的架构的地方。要整合很多东西，而常常被纳入一个文档——线框图（页面示意图）

线框图整合3种要素的方法：

通过安排和选择界面元素来整合界面设计；通过识别和定义核心导航系统来整合导航设计；通过放置和排列信息组成部分的优先级来整合信息设计。

这样，线框图就可以确定一个建立在基本概念结构上的架构，同时指出表现层的设计应该前进的方向。