信息设计决定如何呈现产品信息

今天为大家更新《用户体验要素》的第六章——框架层,界面设计、导航设计和信息设计——信息设计

本小结关键词:信息设计

主要观点:信息设计决定如何呈现产品信息,使人们能很容易使用或理解它们。


前两关作者介绍了界面设计和导航设计,今天来更新最重要的信息设计。

信息设计

信息设计总是很难入手,它常常充当一种把各种设计元素聚合到一起的粘合剂的角色。最后,信息设计变成决定如何呈现这些信息,使人们能很容易使用或理解它们。

有时信息设计是视觉上的。对我们的用户来说,饼图是展现数据的最好方式?还是柱状图更好一点?是“望远镜”能充分表达网站的搜索概念,还是一个“放大镜”更容易理解? 有时信息设计涉及“分组”或“整理”散乱的信息。我们通常把这方面的设计看成理所应当的,因为我们过去对信息设计的理解正是这种。

举个例子来说,看看下面这个列表:

▼省份 

▼职位名称 

▼电话号码 

▼地址 

▼姓名 

▼邮政编码 

▼所在公司 

▼所在城市 

▼E-mail地址

它看上去有一点让人迷惑,因为通常我们都会这样排列:

▼姓名 

▼职位名称

▼所在公司 

▼地址 

▼所在城市 

▼省份 

▼邮政编码 

▼电话号码 

▼E-mail地址

即使是这样的排列也可以更进一步地整理成这样:

▼个人信息 

    ·姓名 

    ·职位名称

    ·所在公司 

▼联系方式 

    ·地址 

    ·所在城市 

    ·省份 

    ·邮政编码

 ▼其他联系方式 

    ·电话号码

    ·E-mail地址

这个例子看上去很简单明了,现在我们用一个略有不同的列表来证明这项工作的挑战性:

▼功率限制 

▼转轴尺寸 

▼油箱容积 

▼变速器类型 

▼角速率中间值

▼底盘类型 

▼最大输出功率 

当然,最关键的,是用一种能“反映用户的思路”和“支持他们的任务和目标”的方式来分类和排列这些信息元素。在这些元素之间的概念的关系是真正属于微观信息架构的;当我们必须要在这个页面上传达结构的时候,信息设计就呈现它的作用了。

由于界面不仅仅只是用来收集用户的信息,它还需要向用户呈现信息,所以信息设计在解决界面设计的问题中扮演了重要角色。错误提示是在设计一个良好界面时,经常需要考虑的信息设计问题;如果你想让用户真正去阅读某个使用手册的话,如何设计这个使用手册也是信息设计的问题。不管什么时候,系统都应该给用户提供能正确使用系统的信息(无论是用户出现了错误还是刚刚开始使用),这些都是信息设计的工作范畴。

指示标识

将信息设计和导航设计结合到一起,有一个重要的作用:支持指示标识,这是用来帮助用户理解“他们在哪”以及“他们能去哪”的系统。指示标识的概念来自于物理世界中公共空间的设计。公 园、商场、公路、机场和停车场,大部分都从指示设施中获益。比如说停车场,有时候会使用“颜色编码”,来为人们提供线索,帮助他们记住停车的地方。在机场,标志、地图以及其他的指示设施,帮助人们找到他们周围的路径。

在网站中,指示标识通常会涉及导航设计和信息设计。一个网站的导航系统不仅仅是要提供到网站不同区域的通路,还必须要清晰地传达出这些选项。好的指示标识能使用户能很快地得到一个心理图像,“他们在哪儿”、“能去哪儿”和“哪条路能使他们离自己的目标更近”。

指示标识的信息设计元素涉及页面元素,并不是以导航功能来执行的。比如说,就像停车场一样,一些网站非常成功地使用了“颜色标识”来告诉用户他们正在看的是哪个部分(无论如何,颜色编码几乎从来没有被独立使用过——相反,它用于在合适的位置强化另一套指示系统)。图标、标签系统和排版是另外的信息设计方式,有时用于帮助用户加强“你在这里”的感觉。

明天更新本章最后一节——线框图,继续加油吧!

How time flies!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,568评论 2 59
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,093评论 3 119
  • “这个世界本来的面目,到底是什么?” 我的四周全是水,但我却渴得要命。真正重要的东西永远在别处。 我沉到池底,上边...
    青衫_客阅读 2,241评论 0 1
  • 再不济,工厂模式总是听过的吧,所以概念就不过多介绍了。工厂模式一般分为工厂方法模式和抽象工厂模式。好,上代码。 工...
    日三省阅读 2,586评论 0 0
  • 纤洛阅读 2,271评论 0 1

友情链接更多精彩内容