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


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