视觉动线指的是用户在使用产品时的行为轨迹,即用户行为路径设计。常见的动线设计方法有视觉引导用户注意力、小红点消息提示引导用户、页面切换动效、暗示更多内容、留白等。
视觉动线分为 3 种类型:F 型、Z 型、对角线型
F 型浏览模式下,用户首先落点于左侧的定位点,再由左向右进行阅读,接着再垂直扫视,当定位到兴趣点后继续由左至右得阅读。这种动线符合人类自然的阅读模式。并且在由上至下的视线迁移中,用户的注意力势必随着路径的拉长而逐步递减。
Z 型浏览模式下,用户视觉动线通常由左至右、再由上至下得进行,并可以「雨露均沾」得在数个点上均匀迁移,注意力递减效应不会像列表布局那么强烈。
那么,我们什么时候要采用 F 型什么时候要采用 Z 型呢?
1、F 型对应的一般是列表布局,比较适用于文本为主要信息,或者按照某种规律排序的信息。
2、Z 型对应的一般是网格布局,比较适用于图片为主要展示,或者没有排序规则,需要用户通过图片、图标辨识区分的信息。