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

框架层:怎么实现

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

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

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

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

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

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

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

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

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

要同时完成3个目标:

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

常见的导航系统:

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

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

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

如:

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

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

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

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

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

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

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

你可能感兴趣的:(<用户体验要素> - 框架层:界面设计、导航设计、信息设计)