UX项目清单:视觉层次


UX项目清单:视觉层次

作者:JOSHUA PORTER[1]

视觉层次结构表明,存在一种适当的方式查看内容。换句话说,信息和内容是有先后顺序的……应该先查看一些内容,然后再查看一些内容,然后再查看第三部分。

最重要的内容是层次结构的顶层。合理的视觉层次,将一步步引导用户查看需要的信息和内容。就像一位伟大的作家从有趣的线索开始,让读者悠闲的进入下一个段落,一个有思想的设计师可以有效地将用户从一个内容引导到另一个内容。

最佳视觉层次结构使用户可以放心地执行操作。他们具有清晰明了的顺序,可以查看事物并对其进行操作。

例如:注册界面的层次结构可能由醒目的标题,一些支持的文案(可能是使用该服务的好处),注册表单和提交按钮组成。这些元素应在视觉上保持连贯,以正确的逻辑顺序引导用户完成注册操作。

另一方面,较差的视觉层次结构没有设置适当的上下文。可能会使用户遗漏一些重要的内容,或者以错误的顺序放置设计元素。

较差的视觉层次结构无法以有用的方式组织信息,并使用户不知道该怎么操作。正确合理的视觉层次结构,是所有用户体验中最重要的原则之一。

参考资料

[1]

JOSHUA PORTER: https://52weeksofux.com/post/443828775/visual-hierarchy

Author: pixel32