提高数字化产品信息可读性的六条UI设计原则

设计营销   2022-09-22

我们在APP或者一些数字化产品里阅读文字的时候,往往会遵循某些人类阅读规则和人的视线模式,那么我们在进行UI界面设计的时候,可以按信息可读性六条原则来支持 Web内容的扫描。 创建有效的视觉层次结构 视觉层次是排列元素以显示其重要性顺序的原则。

一个元素越重要,它就越突出。视觉层次是通过操纵这些特征来建立的:
尺寸:更大的元素吸引更多的注意力字体
粗细:粗体元素引起更多关注
颜色:鲜艳的颜色更有吸引力
对齐:不对齐的元素更加突出
空白:空白有助于创建焦点。在元素周围留出更多空间会吸引人们的目光。
质感:质感越丰富的元素越突出。

1、接近法则
接近法则确定接近有助于建立与附近物体的关系。逻辑上相关的元素应该放在很近的位置。元素也可以直观地嵌套以显示它们的层次结构。这有助于用户更有效地理解和组织信息。 视觉层次是设计的基本原则,也可以在印刷媒体中看到。标题更加突出,以使读者能够以有效的方式进行浏览。 视觉层次结构的目的是为用户预处理页面,以用户几乎可以立即掌握的方式组织和优先处理内容。

2、利用约定
为了让用户更容易扫描,请遵循用户熟悉的标准化设计模式。 常见元素(例如导航、徽标、站点地图)位于页面上的位置 在主页上,导航栏位于屏幕顶部,徽标位于左上角。在页面底部,用户可以期望看到带有站点地图的页脚,为他们提供特定页面的快捷方式。 如何工作 用户有如何执行不同任务的心智模型,例如预订机票、在电子商务网站上购物、注册服务。如果该过程与他们的心理模型不同,则会增加他们的认知负担。 事情看起来如何 许多元素具有标准化的外观,例如汉堡菜单、搜索图标和共享功能。当一个图标不熟悉时,用户会想知道它的含义以及它将他们带到哪里。当使用一个不熟悉的图标时,给图标贴上标签,这样用户就不会怀疑了。

3、将页面分成明确定义的区域
具有明确定义的区域使用户能够快速决定页面的哪些区域要关注以及哪些区域要忽略。眼动追踪研究表明,用户在查看内容时非常有选择性,并在最初的浏览中决定页面的哪些部分更有可能包含与他们的目标相关的信息,而他们忽略了其他部分。横幅盲区描述了用户忽略被认为是广告的元素的倾向。

4、格式化内容以支持内容
最佳实践包括使用: 标题:如果有超过1个级别的标题,请确保它们之间有区别 短句 较长文本部分的简短摘要段落 项目符号列表 短段落

5、明确什么是可点击的
用户在网络上所做的是寻找下一个要点击的内容,因此用户知道什么是可点击的很重要。向用户提供可供性——可供性是对象的属性,可以帮助用户了解他们可以与之交互。利用形状和颜色向用户传达元素是按钮的信息。

6、避免视觉混乱
可以通过以下方式避免视觉混乱:
使用网格对齐页面上的元素,使其看起来更有条理
消除不相关的文本和图像
删除分散注意力的动画和微交互的使用。

维好维可-用户体验体验创新设计

联系我们:

关注我们微信

关注我们,持续输出与分享

+86-21-51115850
©2010-2022 维好维可 | 用户体验创新设计咨询公司-版权所有
沪ICP备19006116号-1

请留下您的联络方式
我们将在两个工作日内安排专人与您联系

合作咨询
+86-21-51115850
© 2010-2022  维好维可 | 用户体验创新设计咨询公司
沪ICP备19006116号-1
维好维可-微信二维码