设计|仪表盘设计的 7 个阶段( 二 )


举个例子,一个客户想在屏幕上看到许多不同的读数。你(作为设计师)并不需要从屏幕上去除任何东西来清理仪表盘的展示空间;但你可以做的是突出最重要的东西,并在视觉上淡化次要的内容。
然而,要做到这一点,你必须得知道哪个指标是最重要的且哪个是次要的。
设计|仪表盘设计的 7 个阶段
文章插图
仪表盘设计:Bidding Car
最重要的一系列指标有助于实现目标,且能帮助控制流程(或者产品),例如:

  • 它们展示实际的成功率;
  • 它们影响产品被感知的方式;
  • 它们激励创建该仪表盘的团队。
指标的选择还需要了解受众。用户应该看到哪个 KPI以及他们认为最容易理解的视觉表现形式?
人们喜欢对应他们目标的一系列数字。
设计|仪表盘设计的 7 个阶段
文章插图
仪表盘设计:Panch
三、仪表盘的结构:这类似于骨头 Dashboard structure: the skeleton
想象一下,你进入一家酒店房间,看到一张床、一面桌椅、一个镜子和一个衣柜,就算不打开壁橱,你也能猜到里面有什么,吹风机、拖鞋、浴巾就放在你所认为的地方——有人已经保证了这些。
一个好的仪表盘设计就如同那个房间:它是干净、整洁且可被预知的。你可以立即看到所有必需品,并且直观地知道剩下的东西会在哪里。设计师们有他们自己的工具来确保仪表盘设计的整洁性。
1. 层级首先,你需要理清思路,在发挥创意之前,要对所有数据进行排序,将其分类,并充分理解优先级等等,确定用户可以立即看见的关键指标数据。
1)视觉层级必须反应信息层级。
设计师可以通过微件的大小及位置来表现数据的层级权重。如果你的用户是从左往右阅读的,那么关键信息必须放在左上角,而相关性最弱的信息放在底部右下角。
对数据重要性的排序方法取决于仪表盘的设计用途。重要的是根据信息的优先级构造信息并搭建逻辑链路。
2)将信息面板视为一个故事,而不是一系列的数据点。
2. 网格网格对于创建页面的总体布局、排序、协调和对齐元素非常有用。
设计|仪表盘设计的 7 个阶段
文章插图
3. 信息模块系统的模块类似于一个住宅中的功能分区:卧室用来睡眠,餐厅用来吃饭之类,每个区域有其功能。你的舒适性取决于它们放置的位置有多方便。
一个糟糕的布局不能靠翻新和布置家具来挽救,因此与之相类似的,信息模块的布局需要被提前考虑。信息模块帮助你展示内容的层次结构,且帮助你根据数据内容的重要性、相关性和逻辑连接对内容进行分组。每个模块应该在给定过程中执行特定的目的。
设计|仪表盘设计的 7 个阶段
文章插图
设计|仪表盘设计的 7 个阶段
文章插图
4. 连续性和接近性如果你在去往厨房的路上需要穿过一个有两扇门的走廊,那么这是一个糟糕的室内布局。相互关联的进程则会假定在逻辑上也具有相似性。如果一个模块的进程需要来自另一个模块的数据,那么数据的布局就需要有近似性。
这一点必须事先考虑,这样用户就不需要在晦涩难懂的信息海里挖掘他们需要的信息。所有相关的信息应依据相似性,从最重要到最不重要性来进行分组和定位。
5. 分离模块没有人需要一个与卧室相连的厨房。为了将两个区块分开,你需要留白或者负空间。你一定要在一开始就考虑到:将负空间视为视觉平衡所需要的设计元素组合。