三级菜单页面布局
重点 (Top highlight)
When users navigate an interface, there’s a need for speed. The faster it is for them to find what they’re looking for, the more time they’ll save on their task.
用户导航界面时,需要提高速度。 他们找到所需内容的速度越快,他们将在工作上节省的时间就越多。
Speed is essential for menus that contain multiple levels. The more levels a menu has, the longer it takes to navigate. A common navigation pattern is a three-level menu. You’ll often find it on dashboard interfaces and desktop applications. The easiest way to optimize the navigation speed of a three-level menu is to design for the fastest layout.
速度对于包含多个级别的菜单至关重要。 菜单级别越高,导航所需的时间就越长。 常见的导航模式是三级菜单。 您通常会在仪表板界面和桌面应用程序上找到它。 优化三级菜单的导航速度的最简单方法是设计最快的布局。
A research study ( A comparison of three-level menu navigation structures for web design) has shed some light on which layout is fastest to navigate. They evaluated various three-level menu layouts based on several criteria categories.
一项研究研究( 用于Web设计的三级菜单导航结构的比较 )揭示了哪种布局导航最快。 他们根据几个标准类别评估了各种三级菜单布局。
The navigation layouts include top-top-top, top-left-left, top-top-left, top-left-top, left-left-left, left-top-top, left-left-top, and left-top-left. The level notations are ordered by priority and hierarchy (i.e., primary[1]-secondary[2]-tertiary[3]). The criteria categories include navigation time, user hesitation, cursor movement, selection errors, and user preference.
导航布局包括顶部-顶部-顶部,顶部-左侧-左侧,顶部-顶部-左侧,顶部-左侧-顶部,左侧-左侧-左侧,左侧-顶部-顶部,左侧-左侧-顶部和左侧-顶部-剩下。 级别标记按优先级和层次结构排序(即,primary [1] -secondary [2] -tertiary [3])。 标准类别包括导航时间,用户犹豫,光标移动,选择错误和用户偏好。
导航时间 (Navigation Time)
The study discovered that a left primary is faster to navigate than a top primary. This effect also applies to left secondary menu levels. It also found that navigation is faster when the primary level is separate from the secondary and tertiary levels. Overall, left-top-top and top-left-left were the fastest, and top-top-top and top-top-left were the slowest.
研究发现,左侧的主要对象比顶部的主要对象导航更快。 此效果也适用于左侧辅助菜单级别。 还发现,当初级与次级和第三级分开时,导航速度更快。 总体而言,左上-顶和左上-左是最快的,顶-顶-顶和左上-左是最慢的。
用户犹豫 (User Hesitation)
A hesitation is when the user hesitates to move their cursor from one menu level to another. The left-top-top had the least hesitation out of all the layouts, and the top-left-left had the most. There was a signifi