顶部导航vs侧边导航 哪一种用户体验更好
发布时间：2023-04-24 11:16:29 所属栏目：经验 来源：
导读：大家好，我是Clippp。今天为大家带来的文章是「导航」设计。如何在顶部导航和侧边导航之间做出合理的选择呢？两种不同的设计方式能带来完全差异化的体验效果。
后来由于平台的变化，将主导航的选项缩减到3个&mdas
后来由于平台的变化，将主导航的选项缩减到3个&mdas
|
大家好，我是Clippp。今天为大家带来的文章是「导航」设计。如何在顶部导航和侧边导航之间做出合理的选择呢？两种不同的设计方式能带来完全差异化的体验效果。 后来由于平台的变化，将主导航的选项缩减到3个——主页、实习和课程。导航的数量变少了，团队又迎来了新的问题：是应该继续保留侧边导航的设计样式还是切换成顶部导航的样式呢？ 在选择导航时回答这个问题很重要。这里介绍一个有趣的的交互概念叫做视觉固定 (Visual Fixation)：注意力一直保持在同一个地方。 结果很明确。与顶部导航相比，用户能够在一个视觉视图中在侧方导航上查看并了解更多菜单选项。当然顶部导航也有自己的优势，为每个菜单项赋予各自的权重，而不是让它们的重要性被其他选项分散。 对于具有过滤选项或带有二级菜单的电商网站，视觉固定的观念,对于视觉系统的构建,起到了极为重要的作用。因为在这些情况下，我们希望用户能够在单一的视觉点上有尽可能多的选择。 用户在浏览网页或App时会有各种各样的浏览顺序，其中一种就是“F型模式”。看起来像这样： F型布局的特点是将注视力集中在页面的顶部和左侧: 用户首先以水平移动的方式浏览内容区域，这个动线构成了F型布局的顶栏； 接下来用户扫描页面左侧的垂直线，进行第二次水平移动浏览。随着路径越来越长，阅读覆盖的区域一次比一次短，构成了F型布局下面的部分； 因此，在"顶部导航"最左边出现的选单比其他选单更具视觉影响力，因为它位于主要视觉区域，优先级更高。 侧边导航采用了垂直移动，这是用户浏览网页的一个自然方向，但是选项优先级的排序是一个限制。当选项的优先级相同时，可以使用侧边导航，这样用户就可以完整浏览列表并确定对他们重要的内容。 如果是的话，可以考虑利用以下两种设计样式：水平导航——在页面顶部设置一个主导航，在主导航下面设置二级导航进一步来区分内容。 （编辑：汽车网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
推荐文章
站长推荐
