设计原则中的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

相关推荐

  • 2018年用户体验趋势(一)

    2017年,我们见证了很多。在与全世界的189489位设计师策划并分享了1926条链接后,我们从行业内的所写、所说和所想中,预见了几个趋势。以下就是2018年用户体验的预期。#1UX的死亡和重生作为设计师,我们一直致力于能够参与早期的战略决策。如今,我们获得了一席之地,接下来要怎么做呢?APP关掉了新手体验怎么办?这有一份最好的实践清单;不确定网站适合哪种菜单?就用这个模板库吧;首页的标题不够吸引人?咱们来做做A/B测试...与此同时,...

    2018-02-28
  • 从GUI到CUI,谈谈智能时代的用户体验

    用户体验分为三个层面:有用性、易用性与美观性。有用性是用户体验的根基,美观性属于锦上添花,易用性则与用户对产品的“操作体验”直接相关。User:买一张明天去北京的机票,要国航的;五点前到达,尽量便宜。

    Bot:好的,查到CA XXXX航班,16:00到达,票价XXX元。来自携程。

    User:买了吧。

    Bot:好的。User:订一张明天去北京的机票。

    Bot:好的,还是国航五点前到的最便宜的吧?

    User:对的。

    Bot:好的,已经预定了CA XXXX,16:30到,XXX元。来自携程。

    Bot:另外这次要和上次一样预定当天的万豪酒店吗?

    User:订边上的汉庭,这次公司不报销。

    Bot:好的。User:我要去北京,定个明晚的酒店。

    Bot:好呀好呀,是否要订华贸的万豪酒店?

    User:订边上的汉庭。

    Bot:听起来好杯具,摸摸~

    Bot:话说“边上的汉庭”是什么酒店?

    User:#WTF……(关掉了应用)User:你可爱吗?

    Bot:很可爱呢~

    User:约吗?

    Bot:我们大约有20款车。(难免出现理解不到位的情况)

    User:#hhh果然很SB……User:你可爱吗?

    Bot:您好,这里是XXX汽车经销商,我可以回答你购车相关的问题。

    User:锐腾16款有些什么颜色?

    2017-08-04
  • 十张图看懂交互设计原则

    一致性保持视觉统一性,才能加深用户对产品品牌的认知,降低用户的学习成本可视性用户一看便知的操作方法认知不一味只求美感或者感觉,而是从一般人的认知习惯,比如视觉,阅读,记忆,学习等多方面开展设计反馈用户需要接收到操作结果的完整、持续的反馈信息自然操作流程顺畅不生硬,节点、逻辑跳转符合人类的思维习惯情感化与人文关怀赋予设计的产品生命力和亲和力,不要把产品当成一个冷冰冰的使用工具错误控制考虑可能出现的人为差错,在设计的时候先行避免效率简化任务...

    2018-04-12
  • “用户体验”3.9万油电混合植保机演示视频

    植保季就快来到,很多植保团队以及飞手非常关注行业植保机的动向,不仅因为飞机本身的性价比高而且续航时间和作业效率同样是大家非常关心的事情。因为对于植保作业来说,作业效率关系着成本和收益,同样的植保机在单位时间内所节省的时间相当于是多出来的利润,这也就是为什么油电混合植保机能被大众所看中的缘由。近期在无人机网(www.youuav.com)发布的这款3.9万油电混合植保机一经亮相之后在植保行业中引起了足够的重视,很多朋友对其抱有足够的兴趣,...

    2018-04-24
  • 设计师如何使用用户研究优化A/B测试

    作者:Jennifer Cardello; 编译:霍诗雨@ 点融黑帮   一、A/B 分类测试 A/B分类测试使得网站可以通过比较同一网页的不同设计,来决定其中哪些设计将产生最好的结果。在A/B测试中用到的指标是微观和宏观的转化率。 …

    交互专题 2017-08-07
  • 译文|用户体验的秘诀是什么?

    我常被问到的问题之一是:“你在用户体验过程中的思维是怎么样的”或者“如何你如何把用户的个人资料转化成可以有形的事物,比如说‘界面’”。

    2017-05-28
  • 怎么理解信息架构,什么是信息架构?

      之前一直有朋友(初学者)问我什么是信息架构,什么是流程图等等,一直没有很好的答案回答对方。后来举例以下的例子,她说终于明白大概是什么意思了,在这里将回答分享给大家(或许可以帮助妹子们更好的理解…

    2015-11-18
  • 课程论文 | 基于用户体验的购物车再设计

    引言PAGE1随着我国经济水平的增长,人民生活水平的不断提高,越来越多的消费者选择去大型超市购物消费,大多数城市居民都养成了定期光顾超市的习惯,把购物同休闲结合起来。体验经济的到来,越来越多的消费者开始关注购物本身是否能带来愉快的体验,这样的体验超出了纯粹的购物,而成为光顾超市目的的一部分。因此,购物不仅仅是出于购物的需求而且还为了获得愉快的体验。而购物车与消费者的购物体验紧密相连。购物车的使用体验对消费者的购物体验影响很大。现有购物车...

    2018-02-13
  • 简约至上--交互设计四策略

    无所不在的产品简单设计人们喜欢简单、值得信赖、适应性强的产品。复杂的产品很难吸引人。所有不必要的功能都是要付钱的。简单并不意味着欠缺或低劣,也不意味着不注重装饰或者完全赤裸裸。而是说装饰应该紧密贴近设计本身,任何无关的要素都应该予以剔除。四个策略以DVD遥控器设计方案为例.删除:去掉所有不必要的按钮,直至减到不能再减。组织:按照有意义的标准将按钮划分成组。隐藏:把那些不是最重要的按钮安排在活动仓盖之下,避免分散用户注意力。转移:只在遥控...

    2018-02-09
  • 对于UED来说,读研和工作抉择的关键在哪里?

    这个问题不只是只有UED群体能遇到,其实是一个学生群体都会遇到的疑问。 大学毕业之后是去读研还是直接参加工作?自己也会做一些思想争斗和听取家人、朋友、前辈等各方意见之后做出决断,那么这件事在阿西这里怎么…

    2016-07-29