产品经理成长励志Material design - Android

Material Design设计语言-数据可视化(四)行为

2019-08-11  本文已影响2人  宛苏

行为

图表提供交互模式,使用户可以控制显示的数据。这些交互模式使用户可以专注于图表的特定值或范围。

以下推荐的交互模式、样式和效果(如触觉反馈)可以提高用户对图表数据的理解:

· 逐渐展开 提供了一条明确的途径,可以按需提供详细信息。

· 直接操作 允许用户直接对UI元素进行操作,最大限度地减少屏幕上所需的操作数量,包括:缩放、平移、分页和数据控件。

· 更改透视图 可以使一种设计可以适用于不同的用户和数据类型,例如数据控件和动画。

1、渐进式展示

使用渐进式展示显示图表详细信息,允许用户根据实际需要查看特定的数据点。

2、缩放和平移

缩放和平移是常见的图表交互,它们影响用户研究数据和浏览图表用户界面的紧密程度。

缩放

缩放会更改用户界面是从近还是远显示。设备类型决定如何执行缩放。

· 在桌面端,通过单击和拖动或滚动进行缩放

· 在移动端,使用手指捏合进行缩放

如果缩放不是主要操作时,则可以通过单击和拖动(在桌面端)或双击(在移动端)来实现。

平移

平移让用户浏览屏幕之外的用户界面。它应该根据数据的具体意义进行约束。例如,如果图表的一个维度比另一个更重要,则平移的方向只能限制为该方向。

平移交互通常与缩放配合使用。

在移动设备上,平移通常是通过手势来实现的,比如单手指滑动平移。

3、分页

在移动端,分页是一种常见的交互模式,允许用户通过向右或向左滑动来查看上一个或下一个图表。

4、数据控件

可以使用切换控件、选项卡和下拉菜单过滤/更改数据。

当用户也可以调整控件时,这些控件还可以衡量指标。

5、动画

动画可以增强数据与用户交互方式之间的关系。应该有目的地使用动画(不是装饰性地),来表达不同状态和空间之间的联系。

动画应该感觉合理、平稳、反应灵敏,不会妨碍用户的体验和进程。

6、空状态

空图形和图表可以显示在数据可用时用户期望的内容。

在适用的情况下,可以显示角色动画以提供乐趣和鼓励。

上一篇下一篇

猜你喜欢

热点阅读