设计Dashboard的十条法则

Dashboard为什么重要?

Dashboard是信息的直观传达形式。其目的是用易于理解的方式为用户呈现复杂信息。

一个可用性强的Dashboard应该是:

清晰性:优秀的Dashboard可以清晰地显示所需的信息。当用户查看它时,TA应该能够在前5秒内了解到Dashboard的用途,Ta不需要花很长时间才能了解Dashboard的用途。

表意性: 可用的仪表板包含有意义的信息。有意义的信息描述了设计人员希望使用此仪表板传达的内容。仪表板视觉效果背后的故事应为用户所理解。

一致性:出色的Dashboard用统一的方式呈现信息,其中需要注意布局,组织和内容的一致性。

易用性:Dashboard不应该是复杂的,而是应以简单的形式呈现复杂信息。如果以视觉方式呈现信息并不能使其变得简单,那么Dashboard本身的设计就存在问题。

如何设计Dashboard

Dashboard设计最重要的步骤是了解目标用户以及可以为他们提供什么价值。了解他们的用户心智和专业背景将帮助您更容易创造出有价值的设计

为了了解用户,有必要了解用户感兴趣的数据类型。

关注用户的需求可以更好的设计出符合用户习惯的体验。

您的目标用户背景可能各不相同,与其他任何设计项目一样,您可以将用户进行分层,并以此制定内容策略。选择正确的指标(KPI)是为目标群体设计有意义的Dashboard的另一个关键要素。有多种方法可以在Dashboard中表示一组信息,但是选择正确的指标是设计可用行强的Dashboard的一个关键步骤,这也与目标用户希望看到什么样的信息有关。

设计Dashboard需要因人而异,根据业务需求选择合适的展示方式

以下是为用户设计Dashboard时要考虑的一些重要规则。

1.信息层级

在设计Dashboard时,一个非常常见的错误就是将所有信息用相同的方式呈现出来,好像他们都重要似的。正确的做法是利用位置和大小区分他们的信息层级。

  • 通过定义信息层级,向观众阐明最重要的信息
  • 在左上方显示更多重要信息。信息从上至下,从左至右,信息变得越来越不重要。
  • 也可以将信息分为几类,并以不同的视图显示它们


2. 简洁性

Dashboard的真正目的是以易于理解的形式呈现复杂的信息。

  • 不要提供很多用户难以理解的信息
  • 使用较少的列来显示信息。
  • 通过删除多余的内容来减少混乱。

3. 一致性

Dashboard使用统一的排版

  • 为了使Dashboard更易于阅读,请在组之间使用类似的可视化效果和布局。
  • 使相关信息彼此靠近。
  • 对相关内容进行可视化分组

4. 相近性

在Dashboard中同时显示相关信息将帮助用户快速理解它。

  • 使相关信息彼此靠近。
  • 不要在Dashboard上将相关信息呈现的散乱。
  • 对相关内容进行可视化分组。

5. 对齐性

Dashboard的元素需要在视觉上对齐,以使其外观平衡。

  • 请将Dashboard元素彼此对齐以便更好地组织呈现。
  • 尝试将Dashboard中的小部件放置在网格系统中。
  • 未对齐的视图不会给用户带来良好的体验。

6. 留白

留白设计是所必需的。

  • 当用户使用您的设计时,它为用户提供了喘息的空间。 当用户来查看信息时,Da'sh'board设计中的空白会吸引用户。
  • 减少空白将使用户感到混乱。
  • 使用留白可以直观地对相关信息进行分组。

7. 颜色

  • 使用有效的配色方案吸引用户的注意力,并帮助他们轻松浏览信息。
  • 仔细选择颜色以使内容可读。
  • 使用最大对比度在背景上正确显示视觉元素。

8. 字体

除非特别需要使用其他字体,否则标准字体是在Dashboard上显示的最佳字体。

  • 使用标准字体,因为它们更易于阅读和扫描。
  • 不寻常和时尚的字体在视觉上可能看起来不错,但难以理解。
  • 避免全部大写文本,因为它难以阅读并且人的大脑需要时间来理解它 使用合适的字体大小和样式可以有效地传达信息。

9. 数字格式

  • 以超出要求的精度水平显示数字会使它们难以阅读和理解。
  • 必要时要舍入数字,因为长数字会使用户感到困惑。
  • 截断不必要的信息, 使用户更容易比较简单的细节。

10. 标签

  • 使用可以将所需信息快速有效地传达给用户的标签。
  • 避免使用旋转标签,因为旋转标签对于用户而言很难阅读。
  • 尽可能使用标准缩写。

总结

Dashboard旨在节省时间和精力,以更简单的方式表示复杂和抽象的数据。Dashboard的目的是以用户给可以理解的方式向他们传达关键信息,确保提供您的受众需要的内容是关键

原文链接:https://medium.muz.li/10-rules-of-dashboard-design-f1a4123028a2

举报
评论 0