31、移动仪表盘设计与无障碍访问优化

移动仪表盘设计与无障碍访问优化

1. 移动仪表盘设计概述

移动仪表盘是一种重要的数据展示形式，它与其他类型的仪表盘并非相互排斥，但在设计上有其独特之处。由于移动设备的视口狭窄，设计移动仪表盘具有一定挑战。

1.1 设计挑战与解决方案

• 视口狭窄 ：移动设备的视口非常窄，难以同时展示多个关键绩效指标（KPIs）。可以采用堆叠 KPIs 或添加水平滚动的方式来解决。例如，在表格中，通常只显示三到五列信息。
• 满足用户需求 ：通过构建可滚动的长格式仪表盘，满足用户滚动和扫描的习惯。如今，人们喜欢在手机上滚动和浏览内容，许多社交媒体平台正是凭借简单的用户界面吸引了大量用户。

1.2 设计细节

• 组件间距 ：在设计移动仪表盘时，要注意组件的间距，以利用扫描和滚动的设计模式。如果视觉元素间距不当，用户很容易失去兴趣。
• 简化调色板 ：建议使用四到五种离散颜色和一种渐变调色板，使设计更加简洁。
• 细节损失 ：与桌面版本相比，移动仪表盘会损失很多细节。例如，在折线图上可能无法显示每个值的标签，工具提示的使用也不如桌面设备方便。如果使用工具提示，最好明确告知用户可以通过点击获取信息。

1.3 示例与操作步骤

当屏幕尺寸为 500 像素或更小时，Tableau 会将仪表盘渲染为移动视图。以下是使用 Tabl