移动数据可视化的五个基本规则

一则或许对你有用的小广告

欢迎加入小哈的星球 ,你将获得:专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡/ 赠书活动

目前,正在 星球 内带小伙伴们做第一个项目:全栈前后端分离博客项目,采用技术栈 Spring Boot + Mybatis Plus + Vue 3.x + Vite 4手把手,前端 + 后端全栈开发,从 0 到 1 讲解每个功能点开发步骤,1v1 答疑,陪伴式直到项目上线,目前已更新了 204 小节,累计 32w+ 字,讲解图:1416 张,还在持续爆肝中,后续还会上新更多项目,目标是将 Java 领域典型的项目都整上,如秒杀系统、在线商城、IM 即时通讯、权限管理等等,已有 870+ 小伙伴加入,欢迎点击围观

我们不确定这是好事还是坏事,但今天的移动用户很难取悦。当他们开始与界面交互时,他们很快就会对任何稍微低于标准的东西失去耐心,并且对学习使用令人困惑或不可预测的用户界面几乎没有兴趣。如果您曾经发现自己对某个应用程序如此愤怒,以至于您准备好将手机扔到墙上,您就会明白创建用户友好界面的必要性。

我们看到 企业应用程序 一次又一次地犯同样的错误——导航令人困惑,输入和输出不清楚,用户最终感觉与产品疏远了。常见的数据可视化错误包括:

  • 不适当的显示选择
  • 为了多样化而多样化
  • 太多信息
  • 嘈杂的图案和颜色
  • 编码和排序不一致

幸运的是,您可以遵循一些简单的规则来确保避免这些经典错误。

1. 向观众播放

与任何产品一样,您必须考虑您的受众是谁,他们将使用您的创作做什么,为什么以及在什么情况下使用。我们假设您正在为企业环境构建数据可视化 - 因此请专注于设计应用程序,使其适合企业用户。避免幼稚的动画或愚蠢的字体——没有人愿意用一款让他们看起来不专业的应用程序进行销售。

重要的考虑因素包括:

  • 用户能否快速访问数据?
  • 它在讲故事吗?
  • 它是否让用户以与其工作相关的方式表达信息?

2. 思考信息展示的方式

有效显示数据涉及许多 原则 ,这些原则影响人眼 感知和分类 数据和模式的方式。当你构建一个显示大量数据的应用程序时,了解这些是至关重要的。您需要考虑用户需要 哪些 信息才能理解您的论点,以及他们需要多少细节才能理解数据所讲述的故事。在处理智能手机屏幕的有限空间时,请特别考虑以下“格式塔原则”:

  • 接近度: 靠在一起的物体会被认为是相连的
  • 相似性: 看起来相似的物体、形状和颜色将被视为一个整体
  • 外壳和连续性: 似乎被装在某种容器中的物体或物品被认为是相关的

3.考虑颜色

用于表示数据的颜色非常重要。查看 此来源 以获取有关可以很好地协同工作的颜色的提示,并遵循 这些在图表中使用颜色的指南 。在数据可视化中使用颜色乍一看似乎很简单;为一个值分配阴影似乎很简单。但是,如果您有数百个值,您也会有一个令人困惑和莫名其妙的图形或图表。 “少即是多”是一条通用规则 - 因此请尽量将您使用的颜色数量限制在最多三到七种之间。多得多,用户会被所有这些阴影的含义所淹没。

还有一件事:大多数用户体验设计师 应该 记住这一点,但相当一部分人是色盲,很难区分绿色和红色。因此,切勿将这两种颜色放在一起,避免在您的设计中出现这一经典错误!

4. 保持简单!

为什么我们首先要有图表、图表和信息图表?不,这不是因为它们看起来很棒,而是因为它们代表了大量数据,并以一种简单的方式讲述一个故事,人类大脑比粗暴的数字和庞大的电子表格更容易处理。牢记这一点,图表最不应该做的就是让阅读变得复杂和混乱。任何人都应该能够查看图表并弄清楚它想表达的意思(查看此 资源 以获取一些基本指南)。鉴于移动设备上的空间减少,以下方面尤为重要:

  • 尽可能将数据保存在图形或图表上 - 必须阅读屏幕侧面的“键”是丑陋且令人困惑的
  • 避免侧栏
  • 让用户轻松选择

5.空间

智能手机和平板电脑为用户提供了与图形、图表和其他数据可视化交互和操作的绝佳可能性。只需轻触手指,他们就可以以一种以前非常困难甚至不可能的方式来处理信息。但请记住,他们也在更有限的屏幕尺寸上探索这些信息。在为数据可视化设计用户体验时,必须充分利用屏幕空间:

  • 它需要适应不同的屏幕尺寸
  • 考虑方向 - 您的图表在横向和纵向时是否一样清晰?
  • 触摸友好吗?
  • 它是否包括旋转木马等平滑表示?

如何应对一大堆数据和概念无法在一个屏幕中显示?请参阅 tobias komischke 关于构建有效仪表板的网络研讨会

相同的数据,但更智能

在 infragistics,我们深知在移动设备上有效显示数据所涉及的挑战。移动设备为交互和操作提供了极好的机会,但在不同设备和操作系统上的可视化和显示方面也带来了严峻的挑战。开发人员可以探索我们的 移动控件 并发现一种更智能的数据显示方式。