设计原则中的5种信息组织方式

要以用户能够轻松使用和理解的方式组织信息。用数据来回答用户的疑问。以更贴合用户目标的方式来呈现信息,就能创造出更好用的产品。“信息或许是无限的,但是……组织信息的方式是有限的,因为它们只能通过LATCH原则来组织:位置(Location)、字母表(Alphabet)、时间(Time)、分类(Category)、层次(Hierarchy)。”——Wurman, 1996“我做了太多次尝试,试图用某种其他方式来组织信息,但最终都会回归这5种之一。”——Wurman, 1996比如说,设计一套特别的服务时,我们应该考虑不同物品的位置关系,它们如何分布。超市货架的设计就是很好的例子,在物理空间中组织信息。比如字典和通讯录,无论是虚拟的还是物理的。举例:日历和会议日程、邮箱收件箱、项目计划、有趣的Facebook时间线、电商平台的订单列表、消息应用,还有许多。这种信息组织方式充斥着真实世界和虚拟世界。从购物与工业,到Pinterest上的分类和Twitter的标签。例如:从小到大,从低到高,从开心到不开心等等。给服务和产品标星打分、计分表、能效等级、尺寸等等。


要以用户能够轻松使用和理解的方式组织信息。用数据来回答用户的疑问。以更贴合用户目标的方式来呈现信息,就能创造出更好用的产品。

设计原则中的5种信息组织方式

通过五帽架原则来简化数据,帮助用户理解。

设计原则中的5种信息组织方式

设计师把信息有条不紊组织起来非常重要,如此用户才能轻松理解其中内容。这是优秀用户体验的关键。

在各种展现数据的方式中,有一种经受了时间的考验,直至今天都非常有效。它叫做“五帽架”。

五帽架的概念最初由Richard Saul Wurman在他的著作《信息焦虑》中提出。不久后他又写了《信息结构》,在其中重新定义了“五帽架”概念,构成LATCH原则。

“信息或许是无限的,但是……组织信息的方式是有限的,因为它们只能通过LATCH原则来组织:位置(Location)、字母表(Alphabet)、时间(Time)、分类(Category)、层次(Hierarchy)。”——Wurman, 1996

这套观念,主张信息的组织方式有5种。最终,其实只是要选择一种清晰的方式来回答用户的问题。务必避免纯粹为了漂亮的图表来组织信息,那样给不了用户任何答案!

“我做了太多次尝试,试图用某种其他方式来组织信息,但最终都会回归这5种之一。”——Wurman, 1996

我们下面来看看这5种信息组织方式。

1、位置

根据位置来组织信息。它可以是物理位置,或者是概念上(空间上)的位置。我们人类在进化中形成了这样的能力,在日常生活中就是这样组织位置的。从地图导航和战争策略,到厨房调料的摆放,都是如此。

当信息有多个不同来源和场所时,位置的组织就非常重要。

比如说,设计一套特别的服务时,我们应该考虑不同物品的位置关系,它们如何分布。超市货架的设计就是很好的例子,在物理空间中组织信息。

设计原则中的5种信息组织方式

Pokemon go是个依据位置组织信息的好案例。

在虚拟世界中,依据位置组织信息,同样扮演者重要的角色。比如说,基于位置触发特定的UI交互和通知。想想GPS和所有帮你指引方向的应用。还有基于物理位置展示的通知,和其他操作功能。

而且,随着VR/AR技术的崛起,依据位置来组织信息,正在成为信息架构中非常重要的方面。

使用场景

当信息的位置关系很重要时使用这种组织方式,比如指引方向,或者把最相关的事物放在触手可及的位置。

与“时间”因素结合来组织信息,我们就能以最便捷的方式为用户提供他们所需的答案。

2、字母表

根据字母表顺序组织信息,是一种处理随机数据的好方法,比如说姓名。当信息量特别大时,这是最佳的组织方式之一。

比如字典和通讯录,无论是虚拟的还是物理的。

设计原则中的5种信息组织方式

作品来源:Yao Liu

我们都用过这种方式,而且知道,只要用户熟悉字母表,这种数据组织方式就非常有效。

使用场景

当信息直接展现其本质时(字典、百科、书籍索引等)。当需要高效地通过非线性方式获取特定信息时。还有当信息无法以其他方式组织时,这是一种很好的折中方案。

3、时间

这可能是人类最广泛使用的信息组织方式。我们喜欢以线性的方式思考和归类事物。对于一定时间段以前发生的事件,这是绝佳的归类方式。

举例:日历和会议日程、邮箱收件箱、项目计划、有趣的Facebook时间线、电商平台的订单列表、消息应用,还有许多。

设计原则中的5种信息组织方式

Javi Pérez设计的天气应用

依据时间来组织,可以轻易观察到变化,并且做出对比。由于我们人类通过线性的方式来感知时间,这就是最佳的记录历史的方式。

使用场景

要展现和对比一定时间跨度的事件时。想要表达基于时间的顺序时(分步步骤)。还有当你需要提供指南或者将事件以时间顺序排列时,你应该按时间来组织信息。

4、分类

当需要把信息按照相似性或相关性排列时,分类是最适合的组织方式。原因是我们的大脑也以类似的方式工作,我们喜欢把类似的事物归为一类。

这种信息组织方式充斥着真实世界和虚拟世界。从购物与工业,到Pinterest上的分类和Twitter的标签。

设计原则中的5种信息组织方式

Paul Flavius Nechita的标签选择设计

把事物分类编组,帮助用户更轻松找到信息所属的大类,只要他们知道自己在找什么。这种方式与字母表相结合效果非常好。

使用场景

对于重要性相近的事物,这种方式组织很适用。如果有迹象表明,人们会自然地按照分类寻找信息,我们就可以通过分类组织信息,来展示推荐的功能或产品,以提高可发现性。

要牢记一点,人们并不总是按相同的方式归类事物!尤其是当信息的各种属性跨分类交叉时。比如用我的蓝牙音响举例,它可以防水,能用在浴室里。它应该归到什么类别中?浴室配件还是音频产品?

这些定义分类的术语一定要经过测试,确保它对于用户是有意义的。

分类信息的另一个潜在问题是量级。信息量越大,就越可能有二级甚至三级、四级、五级子分类。这样又会使信息检索令人生厌。

如果点击某个分类、然后再点子分类是唯一的信息检索方式,千万不要创造过多的子类别。

5、层次或连续性

当信息可以通过同一种丈量方式来组织时,就可以以量级来排列。

例如:从小到大,从低到高,从开心到不开心等等。给服务和产品标星打分、计分表、能效等级、尺寸等等。

设计原则中的5种信息组织方式

Dann Petty的衣服尺寸选择页面

使用场景

如果可以用一种通用的丈量方式来比较事物时,可以运用层次(连续性)的方式组织信息。你可以在视觉上通过尺寸和颜色来展现信息,以此强调。

运用五帽架原则

要回答用户的问题,最好的方式往往是使用一顶以上的帽子。在分类中混入字母表顺序,时间和地点结合使用来记录重大事件。如果需要的话,甚至可以5种方式都用上,为信息的展现提供灵活性。

在如今的虚拟世界中,许多用户都希望能够从多维度查看数据。因此,我们需要5种方式搭配使用,找到最适合的组合。

结语

记住,最重要的一点在于,要以用户能够轻松使用和理解的方式组织信息。用数据来回答用户的疑问。

以更贴合用户目标的方式来呈现信息,就能创造出更好用的产品。

本文的灵感来自William Lidwell的著作《通用设计原则》。

感谢阅读!

 

原文作者:Anton Nikolov

原文地址:https://uxplanet.org/design-principle-organizing-information-343a7ef936a8

#专栏作家#

可乐橙,微信公众号:可乐橙(colachangreen)。人人都是产品经理专栏作家,UI/UX设计师,关注互联网,关注科技。现居杭州,与小伙伴们正在创业途中。或许不是一名优秀的设计师,至少是个快乐的设计师。

本文翻译发布于人人都是产品经理,未经许可,不得转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/20767/

(0)
CatherineCatherine
上一篇 2017-08-04 12:13
下一篇 2017-08-04 13:17

相关推荐

  • 复杂性和用户体验[译]

    每一个交互设计师应该都怀有一颗追求简单的心——轻盈的操作,简易的流程,干净的界面。每每提及复杂性,必然会想到其对立面——简单。所谓简单,就是要去除不必要的干扰,让用户直达目标。优秀的产品关注简约而非复杂…

    交互设计 2015-07-22
  • Sketch49-原型设计才刚刚开始

    官方说明:草图49已经到来,在我们的图书馆更新之后,我们又为Sketch增加了另一个巨大且备受期待的功能。我们了解设计,所以我们知道你不能总是根据静态屏幕判断是否有效。有时你需要看到整个流程的实际运行情况,最好的方法是将你的设计变成交互式原型。通过我们的最新更新,我们正在使整个过程无缝 - 在Sketch中与原型设计师打招呼。Sketch 49带给我们的是最值得期待的功能之一:能够在本地创建和分享快速交互式原型当我听到这个消息时候,脑子...

    2018-03-02
  • 网页首图抓住用户注意力的8个要点

    Banner 是我们最常聊到的设计元素,它是一个网页的招牌,是用户最容易看到的视觉元素。今天,我们来聊聊Banner中的急先锋,网页首图,它的设计之道。

    2017-05-08
  • 阿里UCAN2017用户体验设计论坛的总结与感悟

    五一假期前的两天有幸参加了阿里UCAN2017用户体验设计论坛,很荣幸的领略了业内大牛们对于体验设计的理念与趋势的见解。本次论坛的主题是“新设计x新商业”,由阿里提出的新零售、新金融、新创造、新能源和新技术为起点,借助用户体验的设计赋能,来连接用户、商业与技术,实现最大化的商业目的。在沉淀了两天之后,我将从中学习领悟到的一些看法总结了下来。“利用人类的现实感官作为交互体验的手段,模拟与现实世界相似的场景,让体验特征表现的更加直观,真实。正是借助于科技的创新,一体性、真实性的交互体验才得以实现,人类与虚拟信息的交流才会越来越自然。”在既要满足一群人,又要满足个体中的一个人,包容一个人到参与群体的场景多样性。就是现在设计思维中所需要逐渐形成机器学习的共生方式。— 阿里妈妈UED总监 萧健兴“全链路设计是新技术发展下的必然趋势。”

    2017-05-01
  • 营销型网站建设如何优化网站, 提高用户体验!

    营销型网站建设如何优化网站, 提高用户体验!据相关研究表明:当页面加载时间从 1 秒到 3 秒,跳出的机会增加了30%左右。1s到5s的机会增加到90%,如果你的网站需要10s的加载,跳出的机会将会超过120%。  这是令人难以置信的,因此有效的提高网站加载速度,对于搜索引擎优化而言很重要。  那么,我们该如何提高页面加载速度呢?  首选,我们需要对已知网站速度测试,总结归纳问题:其次,制定相应的整改策略:1、开启MIP百度对于MIP的...

    2018-04-11
  • UI设计入门必会:Axure及Adobe系列软件如何安装

    UI设计最最基础的-软件如何正确安装且永久免费试用1、Axure 8.0正确安装、汉化、破解2、UI设计之通过CreativeCloud安装Adobe软件

    微信热点 2018-05-07
  • 后台交互设计中,控件使用场景与规范总结(附案例)

    数十万互联网从业者的共同关注!作者:panda,交互设计师微信号:D1173740249编辑:Dva背景之前有写过一篇关于新手入门交互设计师的文章《新手入门做交互设计的那些事儿》,最近刚完成公司平台 2.0 的改版设计,平…

    2017-08-01
  • 从音乐属性改进用户体验,QQ音乐和虾米音乐如何再优化?

    本文将抛开市场占有率,将腾讯的QQ音乐与阿里的虾米音乐作对比,从音乐的本身属性和对人心理的影响出发,分析用户需求,对产品提出用户体验方面的优化建议。

    2017-05-18
  • 用户体验是一种过程,而不是结果

    任何人都抵挡不了时间的力量,你可以斥责它的无情、也可以赞美它的给予,在这个成长的历程中,我们寻找的不是时间给我们带来了什么,而是这个过程中我经历了什么。后者,才是我们需要深思并感恩的。与「用户体验」一样,许多人会评判一个产品用户体验的好与差。但是「好」与「差」只是整体上的一种结论,普通人可以说这两个字。但作为设计师,必须懂得在体验过程中,知晓哪里好与哪里差,更要知道为什么好为什么差。就好像评书似得,真正读过某本书的人,不会单纯的说:「这...

    2018-05-04
  • Android界面设计视觉规范

    当你拿到Android的设计需求后,开始着手进行界面的设计,却不知道如何设计才能让用户对界面感到满意,设计出来的界面差强人意,返稿无数以至于一遍遍的修改?如果这就是你现在的状况,那么先别急着重新进行界面的设计,因为你首先得静下心来看一看这篇Android的界面设计规范。

    2017-05-31