应用程序中适量留白很重要,不是越多越好

宽敞的。极简主义。清洁。丰富的白色空间已成为消费者应用程序中事实上的设计美学。

我不是在讨厌这种趋势。有效使用,白色空间很有吸引力,可以大大提高简单界面的可用性。万岁缤纷的白色空间!

但复杂的接口怎么样?企业软件设计人员知道我的意思:技术支持控制面板,数据密集型物流系统和数量庞大的会计系统。我们的业务用户所依赖的工具每天都能完成工作。

让我告诉你一个悲伤的故事

主角是一家大型高科技公司的善意用户体验设计师,他获得了一个新项目:重新设计一个丑陋,难以学习的内部控制面板,并在每个屏幕上填充内容(如此多的数据)。每个人都同意它需要现代化 – 看起来它毕竟是从21世纪初开始的!

因此,这位设计师着手解决问题,从现代消费者应用程序中获取线索。

新设计简化了每个屏幕。它将大页面分成更小,更集中的页面。它使用渐进式披露来隐藏可能无关紧要的信息。由于今天的用户不介意滚动(咳咳),因此设计在所有常用位置(包括标题,内容块和表格行)中包含空白区域。呼吸的空间是光荣的。

它持续了一个月才公司被迫退休。

用户绝对讨厌新系统。当然,旧系统很难看,但它拥有所需的一切,就在他们的指尖!他们的工作节奏非常快 – 他们在技术支持呼叫中心工作,并根据生产率指标进行评级。他们没有时间去点击或滚动查找信息,而时钟是字面上滴答作响。

在他们看来,这个新系统不是升级,而是一个笨拙的人。这不仅有点令人沮丧 – 它让他们发疯了。

这是什么教训?

大型企业本质上拥有大规模数据,通常有数千名用户直接与之交互 – 搜索,操作,报告等。他们需要快速浏览这些数据,而无需在界面中进行大量挖掘。

可以这样想:就像你不会欣赏每页只有10个单词的字典(这么多页面需要翻阅!),企业用户不希望系统使他们能够找到他们正在寻找的东西对于。

但这并不意味着你的界面必须丑陋。

精心设计的数据密度可以在每个屏幕上显示大量信息,同时仍保持清晰且可扫描的内容层次结构。如果做得好,用户可以快速准确地访问他们所需的数据,而不会影响他们阅读文本或与整个应用程序交互的能力。

以下是关于如何在不降低应用程序的现代美感的情况下提高数据密度的一些建议。

首先,尝试减少数据量

在开始缩小字体大小以在每个屏幕上填充更多数据之前,请查看是否所有数据都是必需的。问你自己:

  • 我可以消除冗余数据吗?如此多的系统意外地多次显示相同的数据而略有变化。(大规模表格是第一个开始寻找重复信息的地方。)
  • 我的用户真的不需要现在看到的东西吗?如果你不知道,请问!他们真的在使用他们可以使用的所有东西吗?
  • 我可以更好地分组相关信息吗?并非每个离散数据元素都需要自己的表格单元格,即使它是如何存储在后端系统中的。通过组合元素,查看可以降低视觉复杂性的位置 – 例如,将客户的名字和姓氏放在同一个字段中。
应用程序中适量留白很重要,不是越多越好
更难扫描
应用程序中适量留白很重要,不是越多越好
更容易扫描

使用良好的印刷标准

“间距对于快速读取冗长,基本无意义的字符串(例如序列号)至关重要,即使对于较短的字符串(如电话号码和日期)也很有用。”

– 罗伯特·布林赫斯特,印刷风格的元素

适当的排版在企业应用程序中至关重要。字体粗细,字距调整和间距都会影响用户扫描信息的速度。

  • 在比较行之间的数字时,请考虑使用等宽数字
  • 当美元和美分很重要时,请考虑货币的小数对齐
  • 保持线高不窄,但要小心使用足够的空白区域来干净地分离物体。

故意使用颜色。

尽可能减少不太重要的内容的颜色。在你的设计中使用一个保守的调色板让你的颜色使用更多的影响力和开放的交互式或视觉意义,就像在错误消息(通常是红色)或链接文字。

应用程序中适量留白很重要,不是越多越好

在上面的例子中,由于缺少其他颜色,请注意灰色主题表中单个红色突出显示的突出性。每行的水平扫描性稍有不同,但增加了表范围的可扫描性。考虑对您的应用程序更重要的是什么。

少用“家具”

在讨论制作更易读的表时,Robert Bringhurst指出,

“应该有最少量的家具(规则,盒子,圆点和其他导轨用于穿越印刷空间)和最大量的信息。”

– 罗伯特·布林赫斯特,印刷风格的元素

在提高应用程序密度时,请考虑页面上哪些元素最终是美观的,而不是对页面的内部逻辑和可视结构有价值。

让用户导出数据

有时你只是不够密集。在处理大型数据集,长列表,复杂表格或逐页结果时,有时最好的解决方案是使用户能够将这些数据转移到另一个可以与其进行不同交互的工具中。

考虑加入启示为您的用户导出他们正在寻找的数据(或超吧!如果你的出口可能包括更多的通过XML,XLS,JSON或CSV数据比你能适应在屏幕上?)。

不要忘记触摸

除非您可以安全地排除基于触摸的交互,否则不要忘记触摸目标的最小尺寸。例如,Material 在其可访问性页面上的触摸目标布局方面有很好的指导,您应该检查它们。

查看Material的更新

在最近对Material的更新中,Google包含了增加数据密度的新标准,使其更适用于企业应用程序。他们提供了经过深思熟虑的具体建议,其中包含大量关于密度如何影响布局的精彩示例。

总是在形式上发挥作用

企业设计人员可以从消费者设计中获得很多好处,但功能必须始终是我们最关心的问题。那是因为我们的用户没有选择权,他们必须使用我们设计的工具 – 如果他们认为系统不可用,他们就不能决定只下载不同的系统。因此,我们应该始终把他们的日常生产力放在首位。

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/262792.html

(0)
上一篇 2022年5月27日
下一篇 2022年5月27日

相关推荐

发表回复

登录后才能评论