下拉菜单不再是新鲜事
Posted: Wed Jan 29, 2025 9:42 am
许多人觉得它非常实用,而另一些人则觉得它很烦人。它为附加菜单项提供了额外的空间,这些菜单项只会导致主导航(无论是水平还是垂直)混乱。通过鼠标悬停或单击主导航中的链接可以访问下拉菜单。然后打开更深的级别,其中包含更详细的页面、链接或跳转标签。
下拉菜单的老大哥就是所谓的巨型下拉菜单。此菜单扩展用于非常大的导航。这里的先驱是拥有极其丰富的产品系列的在线商店。如果下拉点的数量将菜单推向极限并使其显得混乱,则会构建一个大型下拉菜单。菜单窗口变得更大,因此为不同类别及其子类别提供了更多空间。目的是让用户清楚地了解所有产品。
画布外导航
另一种形式的导航是画布外菜单。在这里,用户的菜单完全隐藏在图标或按钮后面,直到可以直接访问。这种形式主要用在移动设备上,例如作为汉堡菜单。画布外菜单也存在于桌面应用程序中,但目前并 餐馆电子邮件列表 不常见。由于用户首先要搜索并找到导航,因此这种形式仍然存在一些争议。
画布外菜单的妹妹就是所谓的页面覆盖。这里导航显示在整个屏幕上。因此它分布在整个页面上,而不仅仅是页面或标题中的一小部分。
总结 – 导航形式的优缺点
横向导航
每
短点击路径
定位广受好评
通过滚动获得最佳可见度
节省空间
缺点
可能的链接数量有限
额外的下拉菜单涵盖了网站内容
垂直导航
每
菜单项数量没有限制
结构清晰,可提供多个导航级别和类别
缺点
需要大量空间
很快就会显得超载并让用户感到困惑
由于网站较宽,导航可能会横向移动
下拉式菜单
每
为子类别提供充足的空间
可以随时扩展
可以有多个级别
缺点
它很快就会变得混乱
选择时隐藏网站内容
如果弹出菜单集成到下拉菜单中,用户的可用性可能会变得困难
很快就会显得超负荷
大型下拉菜单
每
所有页面一目了然且可点击
提供充足的空间且可扩展
视觉结构是可能的
可以合并图标或小图像
缺点
很快就会变得混乱
需要针对不同网站宽度进行调整
需要结构良好的分类
画布外菜单
每
需要最少的空间
可以进行扩展
移动版和桌面版没有区别
视觉结构是可能的
可以合并图标或小图像
缺点
很快就会被忽视
需要更多点击
始终需要用户执行操作才能实现导航
浏览网站的八个技巧
1.将导航放置在熟悉的位置
用户喜欢快速了解网站的概况。必须搜索导航会令人沮丧并且不必要地浪费时间。因此,帮助用户尽快找到方向,并将导航放置在用户熟悉的地方。
2.让导航成为网站的一部分
给导航足够的空间,以便它可以很容易地被察觉,并从网站的内容中清晰地脱颖而出,而不会显得奇怪。
下拉菜单的老大哥就是所谓的巨型下拉菜单。此菜单扩展用于非常大的导航。这里的先驱是拥有极其丰富的产品系列的在线商店。如果下拉点的数量将菜单推向极限并使其显得混乱,则会构建一个大型下拉菜单。菜单窗口变得更大,因此为不同类别及其子类别提供了更多空间。目的是让用户清楚地了解所有产品。
画布外导航
另一种形式的导航是画布外菜单。在这里,用户的菜单完全隐藏在图标或按钮后面,直到可以直接访问。这种形式主要用在移动设备上,例如作为汉堡菜单。画布外菜单也存在于桌面应用程序中,但目前并 餐馆电子邮件列表 不常见。由于用户首先要搜索并找到导航,因此这种形式仍然存在一些争议。
画布外菜单的妹妹就是所谓的页面覆盖。这里导航显示在整个屏幕上。因此它分布在整个页面上,而不仅仅是页面或标题中的一小部分。
总结 – 导航形式的优缺点
横向导航
每
短点击路径
定位广受好评
通过滚动获得最佳可见度
节省空间
缺点
可能的链接数量有限
额外的下拉菜单涵盖了网站内容
垂直导航
每
菜单项数量没有限制
结构清晰,可提供多个导航级别和类别
缺点
需要大量空间
很快就会显得超载并让用户感到困惑
由于网站较宽,导航可能会横向移动
下拉式菜单
每
为子类别提供充足的空间
可以随时扩展
可以有多个级别
缺点
它很快就会变得混乱
选择时隐藏网站内容
如果弹出菜单集成到下拉菜单中,用户的可用性可能会变得困难
很快就会显得超负荷
大型下拉菜单
每
所有页面一目了然且可点击
提供充足的空间且可扩展
视觉结构是可能的
可以合并图标或小图像
缺点
很快就会变得混乱
需要针对不同网站宽度进行调整
需要结构良好的分类
画布外菜单
每
需要最少的空间
可以进行扩展
移动版和桌面版没有区别
视觉结构是可能的
可以合并图标或小图像
缺点
很快就会被忽视
需要更多点击
始终需要用户执行操作才能实现导航
浏览网站的八个技巧
1.将导航放置在熟悉的位置
用户喜欢快速了解网站的概况。必须搜索导航会令人沮丧并且不必要地浪费时间。因此,帮助用户尽快找到方向,并将导航放置在用户熟悉的地方。
2.让导航成为网站的一部分
给导航足够的空间,以便它可以很容易地被察觉,并从网站的内容中清晰地脱颖而出,而不会显得奇怪。