感觉比较好的文章收藏胖胖的用户体验专栏

设计信息仪表板的10个显著原则

2018-07-29  本文已影响84人  e057a0a91ff4

作为设计师,我们会遇到不同类型的产品(移动应用程序,web应用程序、动画原型、营销等相关的产品),它们具有不同的规模、尺寸、UI/UX要求以及不同功能元素的工作流程等。每个项目都需要我们思考深入研究设计过程中的许许多多方面。

每一个优秀的设计师(包括我!)都有一套参数来完成他/她开发的设计。我们Quovantis遵循七个设计原则作为我们工作的每个项目的基准。

这些基本原则是对用户的同情,使用真实数据设计而不是使用虚拟内容,默认为简单、一致性。通过创建整个体验而不仅仅是快乐的场景,我么需要通过性能和寻求批评来标记相应的状态。

但是这篇文章并不是关于基本的设计原则的。相反,它旨在快速洞察构建创新仪表板设计的基础知识。如前所述,每个设计项目都需要根据用户的需求和使用环境进行深入的思考过程和指导。但是当我们得到一个我们需要在视觉上代表分析数据的项目时(阅读仪表板),我们作为设计师需要更加努力地呈现平衡和愉悦的视觉体验,这有助于用户吸收相关的信息,进行比较并查看无需过多的认知能量即可轻松获取相关细节信息。

通过仪表板的设计,我们设计人员面临着提供大量数据的挑战,这些数据是在一段时间、数月甚至数年内收集起来的。漫长时间使得其饱和并以一种方式呈现出来,用户可以通过分析相同的方式获取完整的概述并一目了然地获取所有相关的信息,实际上这是一种艰巨的任务。

从理论的角度上来看,主要目标是支持人类一次性消耗大数据的能力。

选择合适的可视化方法对于我们设计师来说可能是一项复杂的任务。将原始数据转换为有意义的图形和可视化信息,我们需要了解用户的目标和其他预期的活动。

要设计能后有效实现其目标的仪表板,设计人员必须了解影响用户观看体验的关键原则、因素和考虑因素。

作为一名设计师,我参与了仪表板相关问题的设计,我想与我的设计师分享我们的学习经验,以帮助他们完成设计/开发后的工作/编辑工作。我真的很感激,如果其他设计师可以在下面的评论中添加他们经验中的任何要点,并强调我是否可以以更合适的方式呈现任何的内容。

在进入必要的信息以创建漂亮的仪表板设计之前,让我们看看下面的图形加以理解。

1、一致性(Consistency)

它是仪表板设计中非常重要的部分。一致的设计可以节省用户认知力量,以了解任何吸收信息的设计模板。

一致的设计允许用户将知识从一个实例推断到另外一个实例,以最少的认知努力无缝地执行任务。学习是一个努力的过程,设计不断的排练和练习,通常可以进行编码、存储和信息检索。

对于相同任务的标签、视觉模式、功能、图标和文本使用相同的样式,减少了用户的新学习量,最终增强了用户体验。

2、信息嗅觉(Information Scent)

当视觉阵列的多有区域看起来都相同时,观众必须扫描显示器,知道他们收到最相关信息的下落的视觉线索。当设计未能引起用户对相关数据的注意时,扫描过程被简化为“逐项”策略,其中显示器的所有区域都被有意识处理,这在认知上要求很高并且可能导致分心,从而影响用户体验。

我们能够更好地记住或者提取看起来与其他物品相比具有更大直接性的物品的能力被称为“Von Restortff效应”。这种感知现象以Hedwig Von Restorff(1906-1992)命名。

仪表板设计人员可以通过以下方式考虑设计中的“Von Restortff效应”现象:

a.突出显著值值得注意的信息是引导用户注意的最重要技术之一;

b.更改颜色字体、重量或背景颜色是一些简单的方法,并具有改善用户体验的巨大潜力;

c.必须谨慎使用亮点,否则会失去寻求用户注意力的目的,并且用户在一次又一次地遇到它们会忽略的这些亮点。

3、碎片化(Fragmenttation)

当用户不希望一次看到数据时,数据碎片会很有帮助。当不应同时查看两组或更多组数据/图形时,这也很有用。对于专注并不那么杂乱的设计来说,这种碎片化的设计会很棒。但是只有当用户不需要进行并排比较得以分析时,才应该使用此种方法。

4、比较分析(Comparative Analysis)

为了支持仪表板设计中的比较分析,设计人员应该考虑这样一个事实,即进行并排比较和分析可能需要的所有信息都应该以用户能够提取有用信息的方式放置。从数据的可视化表示中轻松获取洞察力。

在数据比较置换重要的情况下,应谨慎使用选项卡式结构,长滚动显示信息或任何其他碎片方法或者应该安全避免。

根据研究人员的建议,设计仪表板有四种方法可以确保用户时刻:

a.突然:在这方面,经验应该是令人惊讶的;

b.易用性:意味着解决方案可以毫无困难地处理;

c.积极影响:即经验令人满意。

d.正确的感觉:即经历洞察力的人对他/她的直觉毫无疑问并且能够经得起进一步的调查。

5、生成效应(Generation Effect)

“生成效应”一词指的是认知现象,其中自我生成信息的回忆大于对外部呈现的刺激的回忆。

虽然这是我们大多数人常见的现象,但研究人员试图科学地验证和解释它的存在。

允许用户自定义其仪表板可以增强对项目位置的调用,通过个性化显示结构节省时间。

仪表板设计者应该利用认知偏差(例如生成效应)来增强用户体验。

6、数据墨水比率(Data-Ink Ratio)

Edward Tufte建立了这种设计原则,他将其称为“数据墨水比”。这是指图形显示中用于表示仪表板内所有数据的墨水量或像素数。

根据Edward的说法,每个墨水或像素必须用于特定的目的,这几乎不可能在同一显示器中呈现新信息。目标是通过完美设计最大化数据水墨比率,在图形显示中实现数据与像素的1:1比率。一个好的案例可能需要设计师去掉那些需要额外努力认知的渐变效果、3D效果、额外的边框等设计。不好的案例可能会使用非常大胆的颜色,颜色其实么有任何的意义,我们只需要直接使用真实世界的对象比如仪表等即可。相反,简单的图形表示可以更好地工作。

7、例外情况(Exceptions)

仪表板设计中的“例外”是指突出显示或者隔离自用户上次访问以来仪表板上发生的最新变化或发展。特别是当看到所有其他信息没有帮助时,用户只需要知道不寻常的模式或可能在无人看管时能成为问题的事情。

使用异常的另一个好处是设置阈值,即尽在信息达到某个级别时突出显示该信息。这有助于用户仅在需要时才能看到它。

8、选择显示方法(Selecting display method)

仪表板设计的早期决策之一应该是为不同的数据集选择正确的显示方法。视觉语言和口头语言之间存在重要区别。

使用Text作为显示方法步骤及串行处理,其中要求用户按照规定的顺序阅读字母、单词或图形。

使用Visuals涉及全局处理。我们立刻感知整个图像。

使用Both,视觉和口头语言用于不同的目的,但作为设计师,我们必须尝试看到我们可以将这两者结合起来以实现与用户沟通的最清晰方式的可能性。

9、格式塔原则(Gestalt Principles)

Proximity、Sinilarity和Continuity是格式塔法,它极大地影响视觉感知,并帮助设计师作为创建直观图形显示(如仪表板)的基础。

临近度(Proximity):接近定律是在我们对彼此靠近的物品的感知中观察到的,这些物品是分开的,而物品则远离和分离无关。此分组原则可以帮助仪表板查看器快速识别信息类别。

相似性(Sinilarity):相似定律将外观上匹配的项目(例如颜色、形状、大小和方向)的感知描述为分组。将相似性用于组项的一个好处就是,它们不必共享位置,以便观看者将它们视为分组。

连续性(Continuity):当我们看到对齐和缩进的文本时,回观察到连续性。即便标签不是非常接近,也不相似,我们认为它们按照虚构的连续出直线进行分组。

10、颜色选择(Color Selection)

我们的色彩体系体验可以通过多种不同的方式帮助我们,就像我们可以考虑成熟的水果,它的颜色从深绿色变为红色,我们知道我们需要停下来让其他人从不同的方向穿过。

在图形显示中使用颜色对于用户快速理解图形的含义起着非常重要的作用-改变颜色来表示某些东西。例如,我们可以将红色用作任何特定条件的图例,但过度使用红色会使用户习惯性地看到它并且可能不会引起太多关注。

选择正确的颜色组合,使用的颜色数量和频率在设计图形显示时起着至关重要的作用。我们还应该考虑这样一个事实:近8%的男性和0.5%的女性时色盲,他们看到的颜色很少。对于这样的用户我们应该使用一些指示性方法来使得它们在彩色图形和它们的图例之间相关联。帮助那些观众的一种非常流行的技术是使用某种模式以及图形显示和它们的图例之间的颜色。

总而言之,设计一个有用的仪表板存在潜在的挑战,即向用户提供大量信息,目的是正确快速地解释,而不是消耗用户的思维。

链接:http://blogs.quovantis.com/ten-remarkable-principles-to-design-informative-dashboards/

作者:Asif

译者:Pang

欢迎关注微信公众号【交互设计师张小胖】,我会不定期分享干货信息的哟~

上一篇下一篇

猜你喜欢

热点阅读