六、框架层——界面设计、导航设计和信息设计

  • 界面设计:确定框架,提供给用户做某些事的能力。
  • 导航设计:呈现信息的一种界面形式,提供给用户去某个地方的能力。
  • 信息设计:呈现有效的信息沟通,传达想法给用户。

一、界面设计

  • 界面设计要做的事情是选择正确的界面元素。这些界面元素要能帮助用户完成他们的任务,还要通过适当的方式让它们容易被理解和使用。
  • 成功的界面是能够是用户一眼看到最重要的东西的界面设计,另一方面,不重要的则不应该被注意,或者根本没有出现。一个设计良好的界面是要组织号用户最常采用的行为,同时让这些界面元素用最容易的方式获取和使用。
  • 一些标准的界面元素:
    复选框,单选框,文本框,下拉菜单,多选菜单,按钮
    ——但是不能强迫必须按这种方式使用,在界面如何相应用户动作上应该多点灵活性。

二、导航设计

  • 导航设计三个目标:
    1、必须提供给用户在网站间跳转的方法。
    2、必须传达出元素和他们所包含内容间的关系。
    3、必须传达出它的内容和用户当前浏览页面之间的关系。
  • 大多数网站实际上都会提供一个多重的导航系统,每一个都要完成在各种情形中成功引导用户的任务。
  • 常见的导航系统:
    1、全局导航:提供了覆盖整个网站的通路——提供用户最有可能需要从网站的最终页面到其他什么地方的一组关键点。
    2、局部导航:提供用户在整个架构中到附近地点的通路。
    3、辅助导航:提供全局导航或局部导航不能快速达到的相关内容的快捷途径——允许用户转移他们浏览时的方向而不需要从头开始。
    4、上下文导航:也叫内联导航,是嵌入页面自身内容的一种导航。
    5、友好导航:将用户通常不需要的链接作为一种便利途径使用——联系信息、反馈表单和法律声明的链接通常放置在友好导航。
    6、网站地图:一种常见的远程导航工具,给用户一个简明的,单页的网站整体结构的快捷浏览方式。
    7、索引表:按字母顺序排列、链接到相关页面的列表——对于涵盖不同主题、大量内容的网站非常有效。

三、信息设计

  • 用能反映用户思路和支持他们任务和目标的方式来分类和排列信息元素
  • 界面不仅用来收集用户信息,还需要向用户呈现信息,所以信息设计非常重要。不管什么时候,系统都应该给用户提供能正确使用系统的信息。
  • 将信息设计和导航设计结合到一起能够支持指示标识。在网站中,指示标识通常涉及导航设计和信息设计。

四、线框图

  • 页面布局是将信息设计、界面设计和导航设计放置到一起,形成一个统一的、有内在凝聚力的架构。
  • 线框图捕获所有在框架层做出的决定,并用一个文档来展现他们。它作为视觉设计和网站实施的参考来使用。
  • 线框图通常还包括附加说明,用于说明在线框图和结构图表看得不太明显的网站行为。
  • 线框图时整合在框架层的全部三种要素的方法:通过安排和选择界面元素来整合界面设计;通过识别和定义核心导航系统来整合导航设计;通过放置和排列信息组成部分的优先级来整合信息设计。把这三者放到一个文档中,线框图就可以确定一个建立在基本概念结构上的架构,同时指出了表现层的设计应该前进的方向。