1. 主页 > 设计资讯 > 行业动态

为什么导航的设计是为了让体验更好?

编辑指南:用户在使用导航页面时,最关心的是效率,在最短的时间内找到自己想要的。导航菜单层次越多,花费的时间就越多。本文将以最常见的三级导航为例,分析如何优化导航设计,希望对你有所帮助。

为什么导航的设计是为了让体验更好?(图1)

当用户使用PC导航时,效率是最重要的衡量标准之一,这样用户可以更快地找到他们想要的东西,并且可以在任务流中节省更多的时间。

效率对于多级导航菜单非常重要。菜单层次越多,耗时越长。三级导航是最常见的一种。优化三级导航效率最简单的方法就是优化布局。

常见的三级导航布局包括:上-上-上、上-左-左、上-左-上、左-左-左、左-上-上、左-左-上、左-上-左。排名标注按优先级和层次排序,研究方向包括导航时间、用户犹豫、光标移动、选择错误和用户偏好。

第一,航行时间

研究表明,左导航比顶导航效率高,一级导航和二级导航分离时识别速度更快。简而言之,左上和左上排版效率最高。

为什么导航的设计是为了让体验更好?(图2)

第二,用户犹豫

犹豫是指用户在将光标从一个导航移动到另一个导航时犹豫不决的时间长度。在所有布局中,左上角结构的犹豫值最小,左上角结构的犹豫值最大。其中二级和三级导航在同一平面时犹豫值最小。

为什么导航的设计是为了让体验更好?(图3)

第三,光标移动

当主导航位于左侧时,光标移动较少。当主导航和次导航分开时,光标移动较少。当二级导航和三级导航不在同一个方向时,光标会发生多次移动,否则,光标移动会更少。

左-左-左和上-上-有最少的光标移动量,而上-上-左和上-左-有最大的光标移动量。这种效果是有意义的,因为当所有导航都在同一个方向时,用户更难将光标移动到错误的平面。

为什么导航的设计是为了让体验更好?(图4)

第四,选择不对

点击次数过多表示选择错误。一级导航在左侧时,选择错误率最低(左侧错误率比顶部降低80%)。

当主导航和次导航都在顶部时,会出现大量的选择错误。上上上左效率最差。当二级和三级导航与一级导航不在同一方向时,选择错误率将大大降低。

为什么导航的设计是为了让体验更好?(图5)

动词 (verb的缩写)用户偏好

大多数用户更喜欢左边的一级导航,最优布局是左-左-左和左-上。二级和三级航行有很强的同向趋势。

为什么导航的设计是为了让体验更好?(图6)

第六,最佳布局

根据所有类别的表现,对每个布局进行整体评分。最好的导航布局是左上,其次是左左左。表现最差的两个是左上和左上。在两个最好的中,左上比左上快17秒左右。

为什么导航的设计是为了让体验更好?(图7)

左-左-左比左-上慢,因为当所有菜单都在左边时,它需要用户滚动浏览项目列表。随着级别的扩大和加深,用户要滚动才能查看更多的内容,不能再在一个屏幕上查看所有的大项类别。然而,左-左-左的优势在于,用户可以在每个屏幕视图中消费更多的内容。用户花更少的时间浏览内容屏幕。

总结:

主导航应该在左侧而不是顶部(节省17秒左右)。

因为在列表中组织菜单项使它们更容易扫描。

一级导航和二三级导航应该是不同方向的(节省23秒左右)。

因为主菜单是父类别,所以它的优先级高于子类别。当第二、三层与第一层分开时,可以清晰地区分层次结构,防止同一方向的视觉混乱。

二级和三级导航应该是同一个方向(节省9秒左右)。

因为Level 2和Level 3是父类的子类,所以它们更相关。把它们放在同一个平面上,可以使从一个孩子到另一个孩子的导航更加直观、容易理解。

本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://ffjianzhan.cn/xingyezixun/jhsj/642.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息