设计原则:组织信息的方式

我们的设计必须显示展现出组织性良好的信息,这样用户才能很容易地理解所显示的内容。这是提供良好用户体验的关键。“信息可能是无限的,但信息的组织是有限的,因为它只能由LATCH组织:Location位置,Alphabet字母,Time时间,Category类别或Hierarchy视觉层级。”
– Wurman,1996“我已经尝试了一千次找到其他方式来组织信息,但我最终仍使用这五种之一。” – Wurman,1996年


我们的设计必须显示展现出组织性良好的信息,这样用户才能很容易地理解所显示的内容。这是提供良好用户体验的关键。

设计原则:组织信息的方式

在大量显示数据的方式中,有一种经受了时间的考验,并证明即使在今天也是高效的。它被称为“ 五帽架 ”。

“五帽架”的概念最初由Richard Saul Wurman在他的“ 信息焦虑”一书中形成 。后来他写了这本书“ 信息架构 ”,在那里他重新定义了“五帽架”的概念,形成了LATCH原则。

“信息可能是无限的,但信息的组织是有限的,因为它只能由LATCH组织:Location位置,Alphabet字母,Time时间,Category类别或Hierarchy视觉层级。”

– Wurman,1996

这个想法是组织信息有五种方式。这五种方式到最后都是以清晰的方式解决用户的问题。这些方式避免了组织一些仅仅是为了好看外观,但是不包含答案的信息。

“我已经尝试了一千次找到其他方式来组织信息,但我最终仍使用这五种之一。” – Wurman,1996年

让我们来看看这组织信息的5种方式。

Location 位置

通过它的位置来组织信息。它可以是物理位置或概念(空间)位置。我们人类已经在我们的日常生活中养成了用这种方式组织位置的习惯。从使用地图导航和制定战争策略,到在厨房里摆放我们的食材,都运用了这种方法。

当信息具有多个不同的来源和地点时,根据位置组织信息变得尤其重要。

例如,在设计特定服务时,我们应该考虑不同物体的位置以及它们将会被如何分配。设计超市的货架就是根据物理位置组织信息的一个优秀案例。

设计原则:组织信息的方式

Pokemon go是按照位置组织信息的一个app优秀案例。

在数字世界,根据位置组织信息也扮演着重要的角色。例如,基于位置触发特定的UI交互和通知。想一想GPS,和任何有助于定位和找到方向的应用程序。在想一想那些根据物理位置提示你采取行动的提醒和其他功能。

此外,随着VR / AR技术的兴起,基于位置的组织信息方式已经成为信息架构中非常重要的一环。

何时使用它?

当你想出现的信息的相对位置很重要时使用它。在给出指示或优先考虑范围内最相关事情时使用它。

结合“Time时间”组织的信息,我们可以用最方便的方式向用户显示所需的答案。

Alphabet 字母

顾名思义,按字母顺序排列信息是提供随机访问数据的好方法。当数据量很大时,它是组织信息的最佳方法之一。

例如,当字典或大电话簿是数字或物理的情况下,使用字母顺序排列。

设计原则:组织信息的方式

来源/Yao Liu

我们都使用过它们,并且知道只要用户熟悉字母表,这种组织数据的方法就是高效的。

何时使用它?

当信息本质上是参考性的(字典,百科全书,书籍索引等)时候,使用它。当需要对特定条目进行有效的非线性访问时,使用它。当信息不能用另一种方法排序时,这也是一个很好的让步方法。

Time时间

这种类型的组织信息方式可能是人类最常用的方式。我们喜欢以线性的方式思考和排列事件。按时间组织是对在固定时间段内发生的事件进行分类的好方法。

例如:日历和会议日程,电子邮件收件箱,项目计划,愉快的Facebook时间轴,电子商务平台中的订单项,消息应用程序等等。

设计原则:组织信息的方式

JaviPérez的天气应用程序

按时间组织信息可以很容易观察到变化并进行比较。这是记录历史记录的最好方法,因为我们人类以线性方式看待时间。

何时使用它?

在固定时间段内呈现和/或比较事件的时候使用它。当你想传达一个基于时间的序列(分步骤的程序)时使用它。当你需要指导或需要按时间顺序记录事件时,可以按时间组织信息。

Category 类别

当信息需要通过相似性或相关性进行排序时,使用类别分类法是组织它的最佳方式。我们可以认为我们的大脑以类似的方式工作,我们喜欢将相似的东西放在一起。

这种组织信息的方法在物理和数字世界广泛的被使用着。从商业和工业,到Pinterest中的类别和Twitter上的标签,都广泛使用着这种方法。

设计原则:组织信息的方式

选择类别,Paul Flavius Nechita

将事物放在一起,分为一类,只要用户知道他们正在寻找什么,他们就可以更轻松地查找到一般信息类型。当与字母表方法结合,这也是一个很好的方法。

何时使用它?

这种方法可以很好地组织类似重要的项目。如果我们已经表明人们会自然地按类别寻找信息,那么可以使用它。我们可以使用按类别组织的信息的方法来推荐好的功能/产品,这样可以提高可发现性。

我们应该牢牢记住,人们并不总是以同样的方式组织事物!特别是当信息的属性重叠几个类别时,这个尤为重要。例如,如果我们拿起我的蓝牙音箱,它是防水的,也可以在淋浴中使用。那么它应该分到什么类别?浴室配件还是音响?

确保用户测试了定义类别的术语条目,并确保这些条目对用户来说是有意义的。

另一个按类别组织信息的潜在问题是大小。信息越多,就越有可能会有子类别或次级子类别。拥有这些会使得在查找信息的过程中变得很痛苦。

如果找到信息的唯一方法是单击每个单独的类别和子类别,请确保不要创建太多子类别。

Hierarchy 视觉层级 或 Continuum 连续性

当信息可以通过一个常见的标准进行比较来组织的时候,使用视觉层级组织方法。如果信息需要按重要性组织,使用视觉层级组织方法。

例如:小到大,最低到最高,令人愉悦到不愉悦等。在服务和产品,得分表,效率,大小等都有星级标准。

设计原则:组织信息的方式

T恤尺寸,Dann Petty

何时使用它?

当有一个共享标准可以用来比较事情的时候,使用层次结构(或连续性)方式组织信息。你可以通过视觉上操纵信息显示的大小或颜色来强调信息。

戴着5顶帽子

一次使用多个帽子是组织你想用来回答用户问题信息的最佳方式。用带有字母顺序和分类法一起使条目变得井然有序。用时间和位置组织法来组织值得纪念的事件。如果需要,你可以同时使用5个帽子来让你的信息呈现方式更具有灵活性。

允许多种方式查看数据是许多用户期望在当今数字世界中使用的方式。为了做到这一点,我们需要戴5顶帽子,并以最好的方式使用它们。

总结

记住,最重要的是以用户能够轻松访问和理解的方式组织信息。使用数据来回答用户的问题。

通过允许用户以与其目标相关的方式查看信息,你将创建出更多易用的产品。

本文章受到 威廉·利德维尔(William Lidwell)的 “ 通用设计原则 ”的启发。

感谢阅读!

 

原文链接:https://uxplanet.org/design-principle-organizing-information-343a7ef936a8

译者:非科班设计翻译小组@Lisa,微信公众号【非科班设计】

本文由 @Lisa  翻译发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-04-30 09:13
下一篇 2017-04-30 11:04

相关推荐

  • UED · 艺见 | 当玻璃遇到混凝土

    编者按所谓一方水土养一方人,美丽的地方不仅盛产美人也盛产创造美的艺术家。比如这位大半生都生活在新西兰美丽海湾的雕塑家Ben Young,他不仅造得一手好船,还是是衝浪和滑板行家。拥有如此多令人羡慕嫉妒恨的技能的他,还不忘用那双巧手和那颗被海洋蓝温柔的心不停地创造着惊艳的作品。那是玻璃与混凝土的碰撞,是坚强支撑着的脆弱,是冷漠背后的柔软。via:brokenliquid.com

    2018-02-07
  • 用户体验设计师、UI 设计师和交互设计师有什么区别?

    首先,不同的公司对不同职位都有自己的理解和定位,名称相似的职位在不同的公司文化中通常职责不尽相同。比如 Google 会要求用户体验设计师有 “专家级的 XHTML,HTML,CSS 和 Javascript 能力” ,而这样的要求在其他公司并不常见。不过通常来说,这三个职位还是各自有一些大概的职责范围的。用户体验设计师用户使用你产品的每一秒钟,都是这 “体验” 的一部分。先不管 “用户体验” 能否被 “设计”,既然你尝试去改变或者影响...

    2018-03-11
  • 关注用户体验的酒店设计永不过时

    目前110000+人已加入品筑设计位于德国巴登-巴登(Baden-Baden)的Roomers酒店,建筑的外观采用简洁的黑白灰格调,错落有致的立面构成,干净利落。建筑的外观采用简洁的黑白灰格调,干净利落、错落有致的立面构成。酒店共设有130间客房及套房,另外还有餐厅与酒吧、屋顶酒吧、500m²的水疗中心、户外花园、无边泳池等等。在精品酒店的设计中,越来越关注客人的亲身体验感,其中有几个重要的关键点:家的温馨感、艺术馆般的艺术气息、现代极...

    2018-04-10
  • 微信春晚摇一摇项目经验总结

    [关键词一:用产品说话] 春晚,虽然每年收视率逐渐下降,但是30%的收视率相对于其他晚会或电视剧的1-2%的收视率,依然是电视界的霸主。倚靠这个媒体,微信要做什么?打硬广?植入软广?都不是。用电视行业的话说…

    2015-02-28
  • 实践分析产品第一天

    【分析思路】 首先要明确,产品是面向用户的,当分析一个产品的时候,我们要先以用户的角色按照设计师的引导整体走一遍,也就是遍历每一个操作,每个设计师都会有一条设计主线,把杂乱无章的功能点根据用户的期望及…

    交互设计 2015-08-25
  • 后台交互设计中,控件使用场景与规范总结(附案例)

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

    2017-08-01
  • 互联网理财平台交互设计再设计

    一、项目背景互联网理财平台,支付渠道升级,由原来的新浪托管换成富友、宝付支付。这就意味着平台需要对账户资产页面及交易流程进行重新设计。用户在购买理财产品时,只能通过平台的账户余额进行购买。如果账户余…

    2017-08-01
  • 交互设计工作记录(二)

    作者:飞阿婷的交互设计生活 系列:交互设计工作记录 互联网热点引发的思考 对百度用户体验总监刘超事件,怎么看? 首先,他此次的表现的确挺让人失望的,主要是态度问题,不够尊重台下好学且交了学费的设计师们,…

    2016-07-06
  • JD Watch V1.0设计思考

    近年来可穿戴设备渐渐进入人们的视线,京东JDC也为给用户一个完整的体验加入到了探索的队伍中来。 ·全新的平台 谷歌与苹果的Watch设计理念基本相同,两个平台下我们面临相同的问题。如何体现Watch平台自身重情景、…

    2015-06-11
  • 让你的设计拥有高转化率的配色知识简明指南

    互补指的是我们视野中色彩和色彩之间相互补足的关系。选择色轮中处于相对位置的色彩,构成的配色 方案令双眼觉得和谐。最常见的互补配色有两种,三元配色和复合配色,我们将稍后探讨。
    对比则可以将不同的元素区分开来,从而降低视觉疲劳,构建出视觉重心和焦点。元素之间的高对比度让文字更容易被识别,引导用户注意到更关键的信息。背景和背景之上文本的色彩选取就是一个非常常见的对比度的问题,我们会随后聊到。
    色彩对于用户的情绪上的感染也是一个重要因素。

    较小的文本应当确保至少和背景之间有4.5:1的对比度比率
    较大的文本(14pt粗体,18pt常规)应当确保和背景之间的对比度超过3:1

    2017-05-22