小程序资讯

好看又好用网站和小程序导航设计建议

小程序资讯 2023-01-06 09:55:17 | 阅读:208 | 作者:方维网络 | 标签:小程序设计    
网站导航

好的导航,不仅美观,而且能够让用户快速到达自己想去的地方;糟糕的导航,不仅难看,而且难用。
如何设计出好看又好用的网站、小程序导航呢?如下是我们提供的一些建议。

1.避免导航中的图标过多

在手机上导航最常见的策略之一是使用好的手风琴。事实上,手风琴在多个级别的导航中非常有效,通常比滑入式菜单更好。然而,由于我们打开和折叠菜单,我们还需要用图标来指示它。这通常会导致太多的标志将用户的注意力拉向太多的方向。
另一种方法——也许是一种更明显的方法——是在链接上加一个链接下划线,并完全删除旁边的图标。作为一个副作用,如果我们最终不得不混合使用可折叠菜单和指向类别的链接,那么哪一个更明显。
一般来说,将用户指向太多的方向通常是不必要的。很有可能只需要两个图标就可以获得更好的效果,指示手风琴是否打开。
避免过多的图标将用户引导到太多的方向是一个好主意。如果我们能在没有他们的情况下逃脱,那么测试一下如果我们这样做会发生什么是一个好主意。

2.不要用多个动作超载导航

有时,导航菜单将两个不同的功能组合在一个导航栏中。例如,如果您有想要直接链接到的类别,但又想快速跳转到子菜单项,该怎么办?
通常,这意味着向同一导航栏添加两个不同的操作。点击该类别的标题将进入该类别;点击图标将打开手风琴或提示单独的视图。为了使这种区别更加明显,我们经常添加一个垂直分隔符。不幸的是,在实践中,这并不太有效。
有时,用户只想一眼就评估导航,而他们还没有承诺去一个专用页面。然而,就在他们根本没有准备好去那里的时候,他们被推向了一页。一旦他们这样做,他们就必须回到上一页,重新开始。理想情况下,我们会完全避免这个问题。

3.将广告牌模式用于首要任务

并非每个导航项都同等重要。有些项目的使用频率更高,它们可能值得在导航中得到更多关注。事实上,如果某些项目比其他项目更重要,我们可以使用广告牌模式,并在导航上方更显著地显示它们。

4.嵌套手风琴适用于专家用户

就像我们可能有太多的图标一样,我们最终可能会有太多嵌套的导航级别,整齐地封装在嵌套的手风琴中。对于复杂的站点,它似乎是在站点上提供大量可用导航的少数选项之一。事实上,我们可以认为,通过允许用户在第四级甚至第五级导航中从任何页面跳到任何页面,我们可以大大加快他们的旅程。
令人惊讶的是,这似乎是正确的。专家用户通常不会遇到多个嵌套手风琴的大量可用性问题。然而,不经常使用的用户往往很难找到他们需要的信息,因为他们不了解信息是如何组织的。
在复杂的环境中,导航通常反映了组织内部结构的方式,如果没有这种先验知识,很难找到通往正确页面的正确路线。在这种情况下,一旦用户正在寻找非常具体的东西,他们似乎会使用搜索,而不是上下遍历导航树。
另一种指示多层嵌套的方法是添加不同类型的图标,使其更明显地显示用户当前的位置。虽然暂时无法验证这种设计模式的效果如何,但如果结合更好的排版对比度,这可能会表现得更好,绝对值得测试。