《用户体验要素》读书笔记五——框架层

框架层

定义：结构层界定了我们的产品将用什么方式来运作，框架层则用于确定用什么样的功能和形式来实现。在结构层，我们看到一个较大的构架和交互的设计；在框架层，我们的关注点几乎全部在独立的组件以及它们之间的相互关系上。

 

功能型产品，我们通过界面设计来确定框架——“按钮、输入框和其他界面空间”的领域。

信息型产品，要解决的是“导航设计”

信息设计是功能和信息两方面都必须做的，他用于呈现有效的信息沟通。

提供给用户做某些事的能力，属于“界面设计”。因为通过它，用户才能接触到哪些“正在结构层的交互设计”确定具体功能。

提供给用户去某个地方的能力，属于“导航设计”。通过它，用户可以在结构中穿行。

传达想法给用户，属于“信息设计”。

习惯和比喻：

习惯和反射作用是我们与这个世界交互时的各种基础。让你的界面与用户早已养成的习惯保持一致很重要，但更重要的是，界面要与它自身保持一致。举个例子：电话按钮布局：三行四列，一直都是这个布局。

将产品特性和人们在真实世界中曾有的经历与认识建立联系。比如，用一个电话簿的图标代表真实的电话号码簿。有效的使用比喻，就是要减少用户在“理解和使用你的产品功能”时对猜测的要求。

界面设计

成功的界面设计是那些让用户一眼就能看到“最重要的东西”的界面设计。

导航设计

任何一个网站的导航设计都必须要同时完成以下三个目标：

1、必须提供给用户一种在网站间跳转的方法。

2、导航设计必须传达出这些元素和它们所包含内容之间的关系。

3、必须传达出它的内容和用户当前浏览页面之间的关系。

 

几种常见的导航系统：

1、全局导航。举个例子：就是导航栏上能到网站所有主要栏目的链接，不管你想去哪儿，你都能从全局导航中到大那儿。

2、局部导航。提供给用户在这个架构中到“附近地点”的通路。局部导航可能只提供一个页面的父级、兄弟级、和子级通路。

3、辅助导航。提供了全局导航或局部导航不能快速达到的相关内容的快捷途径。

4、上下午导航。是嵌入页面自身内容的一种导航。

5、友好导航。提供给用户他们通常不会需要的链接，但它们是作为一种便利的途径来使用。

7、远程导航。一些导航并没有包含在页面结构中，而是以它们自己的方式存在，独立于你的网站的内容或功能。举个例子：网站地图。引索表。

信息设计

信息设计觉得如何呈现信息，使人们能容易理解或使用它们。

有时,它涉及到“分组”或“整理”散乱的信息。最关键的是，用一种能“反应用户的思路”和“支持他们的任务和目标”的方式来分类和排列这些信息元素。

指示标识：

用来帮助用户理解”他们在哪“以及”他们能去哪“的系统。

线框图

线框图是在正建立网站的视觉设计的流程中，必要的第一步。设计者可以借助线框图来保证最终产品能满足他们的期望。