在设计移动端仪表板时要问自己的5个问题

Andy Cotgreave 是一位视觉分析专家，自 2011 年以来，他一直在 Tableau 担任不同的角色，从产品顾问到社交内容经理。他现在是 Tableau 的高级技术推广官。在 Tableau 之前， Andy 是牛津大学的一名数据分析师。作为一名技术推广官，他帮助人们使用 Tableau 的创新产品来查看和理解他们的数据。      

我的项目跟踪器：移动和桌面

今年，我的运动目标是走或者跑 1000 英里。它是 #Walk1000Miles 社区的一个活动，由 Country Walking 杂志发起。我想通过 Strava 和 Tableau 追踪我的进度。

我制作了与桌面版本并行的移动版仪表板，我所有的设计决策都同时考虑了移动端和桌面端。在设计过程中，我开始思考在构建移动版仪表板时需要考虑的事项。

简而言之，不要将关于移动版的设计留到最后：在构建桌面版时就应该开始构建移动版仪表板。

Q1 

您需要一个移动版仪表板吗？

这个问题的答案很简单。是的，您需要一个移动版本。

作为分析师，我们的工作是吸引所有用户，这意味着我们应该给用户提供他们想要的良好体验，而不是您想要的体验。   移动设计为您提供了创造性的约束。在我最近与 Andy Kirk 的辩论中，他提出了一个很好的观点，即当您有一个约束时，例如小屏幕或静态图表，它会迫使您更清楚地思考自己的目的。移动版仪表板也是如此 - 它迫使您对桌面版有一个明确的目的。  

Q2 

您的移动版仪表板上是否需要所有 KPI ？

您所有的 KPI 都是主要的还是次要的？

我的桌面版仪表板上有四个关键指标（KPI）（总距离，目标百分比，平均距离和活动数量（上图中突出显示）。它们都很有用，但只有前三个与我的目标直接相关。

在移动版本中，我只显示了前三个 KPI 。活动数量是有用的辅助信息，但不是我移动版本里主要侧重的问题，我的移动版仪表板完全是关于 1609 公里目标的。

Q3 

它应该是纵向还是横向？

我相信移动版仪表板都应该设计为纵向模式。

因为大多数手机都采用纵向模式 - 根据某些消息来源，这一比例为 92％ 。甚至移动视频也已经开始转向纵向模式，我认为移动版仪表板也应该采用相同的方式。

您的设计应该让用户的生活更轻松，而不是更难。

这也引导我进入了下一个问题......

Q4 

它应该控制在一屏以内吗？

Scrolly !

传统仪表板的定义是它们适合显示在一个屏幕上。如果您能在一个屏幕上获取所有信息并保持可读性，那就太棒了。

然而，在现代触屏手机上，使用拇指滚动页面是如此流畅和快速，因此我们不再需要单一屏幕约束：仪表板可以滚动。

在我的仪表板中，我做了几个设计：

● 折线图显示了平均距离随时间的变化，而这张图表有意地与屏幕底部重叠。这个设计暗示了读者可以通过滚动屏幕进一步发现 viz 。

● 仪表板的下半部分侧重于历史数据，这是一个次要信息，只在想要进一步探索数据时需要。这种布局创造了两个“页面”的感觉。第一个页面主要是关注我的 1000 英里目标，第二个页面则是更深层次的背景分析。

Q5 

它可以精简哪些文本？

我从移动版中删除的文本

在制作移动版仪表板时，我不得不削减显示一些文本量。以下是我可以删除/隐藏的两个区域：

摘要信息隐藏在“显示/隐藏”容器中。

● 我删除了 KPI 下面的文本。在桌面版上这个内容很好，但移动版本的空间太紧。因此我假设了移动版受众所熟悉目标应该是什么（当然，对于这个仪表板，读者是我）。

● 右边的文字非常重要。最上面的部分是主要目标的摘要：我离目标还差多少？它还包含了仪表板的说明。因此我选择将这个内容隐藏在可折叠布局容器后面。

这些就是我在创建仪表板时问自己的五个主要问题，特别是对于移动设备。

在设计下一个仪表板时，请考虑您如何使受众满意，您将在仪表板上回答的主要问题是什么，什么内容可以在移动版本上删除以及如何限制显示的文本。