定义用户界面要求

已完成

UI 要求与报表的使用方式以及报表的外观和行为相关。 要考虑的方面包括外形规格、输入方法、样式和主题以及辅助功能。

外形规格

在报表设计的上下文中,外形规格描述用于打开报表和页面方向(纵向或横向)的硬件大小。

图像显示了一个报表示例,该报表显示在大屏幕上,而重构后的报表显示在移动手机中。

通常,如今的计算机都配有大尺寸的显示器,有时还附带多个显示器。 大型显示器屏幕尺寸非常适合在 Web 浏览器中查看报表,尤其是当报表包含横向显示的多个视觉对象或复杂视觉对象时。

移动设备外形规格较小,通常在报表使用者离开办公桌时使用。 默认情况下,手机和平板电脑纵向显示内容。 与为较大外形规格设计的报表相比,较小的外形规格要求采用不同的设计方法。 因此,在为较小的外形规格进行设计时,请尽量减少视觉对象并降低其复杂性。 此外,视觉对象应很大,以帮助轻松查看和交互。

移动设备包含增强现实或混合现实技术,让头戴式设备可以显示叠加在现实环境中的报表。

图像显示了仓库工作人员查看的现存货量报表示例,该工作人员正在使用增强现实设备。

有时,可重构用于大型外形规格的报表的设计,以创建移动视图。 移动视图可能包含完整报表的一部分视觉对象。

输入方法

在定义 UI 要求时,还应考虑设备或应用程序支持的输入方法。

计算机具有键盘和定点设备(鼠标),而移动设备则依赖于常见的手势,例如点击、双击、拖动、捏合、展开或按下。 使用移动设备的报表使用者还可使用屏幕键盘、语音控件或条形码和 QR 码读取器。 增强现实或混合现实设备则严重依赖于手势或身体动作。

了解报表使用者可能与报表交互的方式会影响报表设计。 需考虑在页面上一起显示的视觉对象数量、视觉对象的复杂性、视觉对象之间的间距,以及交互式设计元素(如工具提示、切片器、按钮或筛选器)的使用。

当报表嵌入到应用程序中时,可以编程方式从应用程序接收输入。 例如,当应用程序用户打开一个页面来查看特定客户的历史记录时,筛选器会自动传递给嵌入的报表,以筛选和显示该客户的销售历史记录。

样式和主题

UI 要求还应考虑样式和主题。 努力设计具有一致且独特外观的报表,该外观的主题考量需经过深思熟虑。

报表主题应表达组织品牌或旨在其进行补充。 主题至少应包含以下元素:

  • 品牌标记或徽标符号。

  • 与组织品牌相符或互补的调色板。 颜色也应足够丰富,这样在应用于视觉对象时,它们并排显示时可呈现适当的对比度。

  • 文本设置,包括字体选择、大小和颜色。

若要有效且高效地管理样式和主题更改,设计的报表要使用存储在集中存储库中的图像和主题。 此方法可改进变更管理:应用于存储库的更改可以自动级联到报表。

辅助功能

UI 要求还应考虑辅助功能。 报表需要向尽可能广泛的受众传达信息。 因此,应考虑有视觉障碍或其他身体障碍的报表使用者如何充分体验报表。

尽管你现在可能不知道报表用户是否存在可访问性问题,但从一开始就设计辅助功能是一个不错的想法。 辅助功能要求可以在外形规格、输入方法以及样式和主题方面影响报表设计。

若要为低视力或无视力的人士提供支持,请考虑使用:

  • 清晰和大号的字体,

  • 空间足够的大型视觉对象,

  • 对比明显的颜色,

  • 键盘和屏幕阅读器可“理解”的直观报表导航。

某些身体障碍可能会阻碍或阻止报告使用者按你意图的方式与报表完全进行交互。 如果可能的话,请确保为使用者提供替代采用路径,以实现交互式设计结果。 例如,向视觉对象添加替换文字来支持屏幕阅读器,以及设置键盘导航的 Tab 键顺序。