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

作者:亿网科技  来源:亿网科技  发布时间:2023-03-09

op.png

好的导航,不只美观,而且能够让用户快速抵达自己想去的中央;糟糕的导航,不只难看,而且难用。

如何设计出美观又好用的网站、小程序导航呢?如下是我们提供的一些建议。

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

在手机上导航最常见的战略之一是运用好的手风琴。事实上,手风琴在多个级别的导航中非常有效,通常比滑入式菜单更好。但是,由于我们翻开和折叠菜单,我们还需求用图标来指示它。这通常会招致太多的标志将用户的留意力拉向太多的方向。

另一种方法——或许是一种更明显的方法——是在链接上加一个链接下划线,并完好删除旁边的图标。作为一个反作用,假设我们最终不得不混合运用可折叠菜单和指向类别的链接,那么哪一个更明显。

普通来说,将用户指向太多的方向通常是不用要的。很有可能只需求两个图标就可以获得更好的效果,指示手风琴能否翻开。

避免过多的图标将用户引导到太多的方向是一个好主意。假设我们能在没有他们的情况下逃脱,那么测试一下假设我们这样做会发作什么是一个好主意。

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

有时,导航菜单将两个不同的功用组合在一个导航栏中。例如,假设您有想要直接链接到的类别,但又想快速跳转到子菜单项,该怎样办?

通常,这意味着向同一导航栏添加两个不同的操作。点击该类别的标题将进入该类别;点击图标将翻开手风琴或提示单独的视图。为了使这种区别愈加明显,我们经常添加一个垂直分隔符。不幸的是,在理论中,这并不太有效。

有时,用户只想一眼就评价导航,而他们还没有承诺去一个专用页面。但是,就在他们根本没有准备好去那里的时分,他们被推向了一页。一旦他们这样做,他们就必需回到上一页,重新开端。理想情况下,我们会完好避免这个问题。

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

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

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

就像我们可能有太多的图标一样,我们最终可能会有太多嵌套的导航级别,划一地封装在嵌套的手风琴中。关于复杂的站点,它似乎是在站点上提供大量可用导航的少数选项之一。事实上,我们可以以为,经过允许用户在第四级以致第五级导航中从任何页面跳到任何页面,我们可以大大加快他们的旅程。

令人惊讶的是,这似乎是正确的。专家用户通常不会遇到多个嵌套手风琴的大量可用性问题。但是,不经常运用的用户常常很难找到他们需求的信息,由于他们不了解信息是如何组织的。

在复杂的环境中,导航通常反映了组织内部结构的方式,假设没有这种先验学问,很难找到通往正确页面的正确道路。在这种情况下,一旦用户正在寻觅非常细致的东西,他们似乎会运用搜索,而不是上下遍历导航树。

另一种指示多层嵌套的方法是添加不同类型的图标,使其更明显地显现用户当前的位置。固然暂时无法考证这种设计方式的效果如何,但假设别离更好的排版对比度,这可能会表现得更好,绝对值得测试。