About 10 regular background management data visualization design notes

Why data visualization design is very important?

Data Visualization A user object is presented in a form easier to understand complex information.

An excellent data visualization interface includes the following key elements:

  • Clear: a good visual interface data must be able to clearly show the user the information required. When the user interface to see the content, you should be able to understand its use within 5 seconds, instead of spending at least a few minutes to understand the meaning of the data.

  • Meaningful: a useful data visualization on the screen every piece of information should be meaningful. These can accurately convey meaningful information content designers want to express. Behind every piece of data, users are able to read the.

  • Consistency: Excellent data visualization interface, there will be a very rigorous and consistent layout. Consistency needs to be considered here is the layout, structure and content.

  • Simple: Complex data visualization interface design contrary to the original intention. If the information presented is not a simple and direct, then certainly there is a problem in the design.

 

How to design a data visualization interface?

The most important step data visualization interface design is the need to understand who the target user is able to provide any value for them. Understanding the target audience knowledge and understanding of the background can help you make them valuable design.

In understanding the target audience, it is necessary to understand the type of data of interest to the audience.

"Focus on the needs of users, they are more likely to prefer to use the results."

Target user level may be between one level and another change, this is a challenging point. And any other design projects, and the segment can be divided into the basic information of the corresponding content and premium content.

In the interface represents a set of information has a variety of methods to choose the right index data is design data visualization another key element. This is also the target user's preferences about, that they want to see what kind of information.

"According to the need to design data visualization interface, use a different type of show the way different business."

Here are some important rules to consider when designing for the target user data visualization interface.

1. distinguish levels

A common mistake is that designers do not all look the same content important to distinguish the hierarchy of information.

Size and position can be used to try to distinguish the components of the hierarchical data.

  • By defining the hierarchy of information, allowing users to understand what is most important

  • More importantly, the information displayed in the upper left corner, in a diagonal direction, the importance of information should in turn weakened the importance of information on the lower right corner of the weakest

  • Further information can be divided into different categories, and displays them in different views

 

2. easy to understand

数据可视化的真正目的是用一种更方便理解,更简单的形式来传达复杂信息。

  • 不要放一些大多数用户都难以理解的信息

  • 使用更少的列来显示信息

  • 删除冗余内容来减少混乱

3. 一致性

使用一致性布局设计的数据可视化界面看起来更好。

  • 为了使界面更容易阅读,可以在信息组之间使用类似的可视化效果。

  • 把相关的信息放的更近一些

  • 对相关内容进行可视化分组

4. 临近原则

在界面中把相近的信息放在一起可以帮助用户快速理解。

  • 把相关的信息放的更近一些

  • 不要将相关信息分散在界面上

  • 对相关内容进行可视化分组

5. 对齐

可视化组件元素需要在视觉上对齐,并保持视觉平衡。

  • 将可视化组件元素在视觉上进行对齐,可以将界面组织的更好

  • 尝试将组件元素进行网格布局设计

  • 不对齐的界面会给用户带来糟糕的体验

6. 留白

留白是为了让界面有呼吸感,它使得用户在使用你的界面时能够有喘息的空间。

  • 当用户查看需要的信息时,界面中的留白能够吸引用户的目光,提升用户体验。

  • 减少留白会使用户的界面变得混乱

  • 使用留白能对信息进行可视化分组

△ 留白太少简直就是在鼓励你的用户尽快离开

 

 

 

使用有效的配色方案来吸引用户的注意力,帮助他们轻松地浏览信息。

  • 仔细选择颜色,目标是使内容易于阅读

  • 使用大对比度来显示背景上的视觉元素

△ 避免使用低对比度和低效的渐变

 

8. 字体

标准字体是可视化界面中的最佳字体,除非有特别的理由,一般不要用其他字体。

  • 使用标准字体,因为它们更容易阅读和扫描

  • 特别和美术字体可能看起来不错,但很难理解

  • 避免所有的大写字母文字,因为它很难阅读,人类的大脑需要时间来消化它。

  • 使用合适的字体大小和风格,有效地传达信息

△ 不要使用影响可读性的字体

 

9. 数字排版

显示精度超过要求的数字使它们难以阅读和理解。

  • 必要时使用整数,因为长数字会使用户混淆

  • 省去不必要的信息

  • 让用户能够容易地比较简单的差异细节

10. 标签

使用能够快速有效地向用户传达所需信息的标签。

  • 避免使用带旋转的标签,因为很难阅读

  • 尽可能的使用标准的缩写

△ 避免旋转标签

总结

数据可视化旨在节省时间和精力,将复杂和抽象的数据以更简单的形式表示,目的是以用户能够理解的方式将关键信息传达给他们,确保自己理解用户所需,并给他们需要的信息。

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

译者的微信公众号:「彩云译设计」

Guess you like

Origin www.cnblogs.com/-wenli/p/12090938.html