最常见的导航错误设计及优秀导航设计案例

导航设计千变万化,同时还需要兼备可用性和易用性,给用户提供舒适顺畅的网站用户体验。可靠的导航设计能帮助用户找到想要的内容,提升页面的转化率;但设计不合理的导航对网站用户体验来说简直就是一个灾难,甚至间接影响网站的转化率和用户的留存率。

下面,Inspirr Creation将为大家分享最常见的导航错误设计,以及优秀导航设计案例,希望对各位有所帮助!

最常见的导航错误设计及优秀导航设计案例

最常见的导航错误设计

错误设计一:菜单选项太多

当用户花费很长时间来查看导航栏的菜单选项列表时,往往很难快速地进行选择,这会让他们感到困惑或不知所措!这时他们多半会直接放弃继续浏览该菜单。因此,让列表尽量短一些,能方便用户可以快速查阅。

错误设计二:菜单没有足够的选项

菜单选项太多不好,菜单没有足够的选项,同样会让用户难以理解在哪里可以找到相关的功能,而失去耐心放弃使用你的APP/网页,继而投向竞争对手的怀抱。

错误设计三:菜单不见了

这种错误设计的代表作,首当其冲肯定就是汉堡包图标。汉堡包图标最大的问题在於将菜单隐藏在另一个点击後的做法,隐藏菜单会导致用户迷失方向找不到想要的东西,当用户无法找到想要的菜单或界面,就会开始胡乱点击或滑动,因而感到非常烦躁。

错误设计四:视图重制导航规则

不寻常的导航规则可能看起来非常有创意,但对用户来说可能并不直观。在APP应用中,大部分用户已经习惯某些元素或图标固定在某些地方,如果要调整这些规则,除非这些用户有极好的冒险精神和耐心,否则他们不会花太多时间去寻找他们需要的界面。

错误设计五:使用不熟悉的图标

正如用户习惯传统的菜单一样,他们同样习惯认定的图标设计,或许不太熟悉的图标设计具有一定的创造性,但它们会让用户觉得像身处异国他乡一样不太自在,这是导致导航困难的一个非常常见的错误,同时也是最差的UX设计。

错误设计六:没向用户显示当前位置

这是APP设计中最常见的错误,显示用户的当前位置,能有助於保持导航清晰明了,不复杂,同时还可以避免用户在使用APP时出现一些不必要的猜测。

优秀导航设计案例鉴赏

虽然现在很多APP都出现这些常见的导航设计错误,但仍有不少APP可以把导航和菜单设计得很优秀,下面我们来看看:

优秀导航设计一:Tastemade

最常见的导航错误设计及优秀导航设计案例

Tastemade是一个美食视频应用,房屋式的主页按钮、形状像放大镜的搜索按钮、以及经典的书签按钮和个人资料按钮,这四个图标显示出UI设计师完美地把控了平衡。熟悉的符号能确保用户返回应用程序的其他主要功能。

优秀导航设计二:Duolingo

最常见的导航错误设计及优秀导航设计案例

虽然学习教育类APP中包含着大量的内容,但Duolingo仍然没有隐藏起菜单,而是采取在底部导航菜单设置5个灰色图标,当选择一个图标时,图标颜色变成蓝色,界面名称则显示在其下方。这种设计方式不仅使界面保持简洁,还帮助新用户了解应用程序。

优秀导航设计三:Airbnb

最常见的导航错误设计及优秀导航设计案例

Airbnb的APP采用五个明显易懂的图标,避免用户打开数十个浏览器标签来查看搜索结果的麻烦。另外,Airbnb最明智的导航设计,是将整个用户浏览轨迹分成几个独立界面,以合理的顺序显示每个界面的图标。

市场上的同类型APP多不胜数,要脱颖而出!这就必须确保你的用户能够在你设计的APP中轻松点击和滑动。此外,您还需要花一点时间进行换位思考,考虑用户的使用习惯。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/43666.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
InspirrInspirr订阅用户
上一篇 2022年6月25日 23:43
下一篇 2022年6月25日 23:43

相关推荐

  • 网页设计案例分析:如何利用手机版UI设计增加消费者的购买意愿

    如何利用手机版UI设计增加消费者的购买意愿?在智慧型手机的推进下,全球智慧型手机的普及率逐年上升,现在吃喝玩乐几乎都可以通过一部智慧型手机实现。那麽,消费者使用智慧型手机上网都在做些什麽事情? 据数据统计…

    2022年6月21日 建站资讯
    0230
  • 网站开发公司建议:网站建设时如何选择合适的主机

    一个成功的网站需要很多因素构成,例如:网站策划、网站建设以及网站开发等,当然更少不了域名、网站主机等基础硬件。一般来说,快速稳定的网站主机可以让网站的作用发挥最大,网站的价值也会得到有效的体现。那麽…

    2022年6月25日
    0135
  • 常见的几何布局方式

    从广泛的角度来看,其实网页设计本身就是几何形状,矩形。除了矩形之外,以下列举一些如今比较流行的几何布局方式。 三角 稳定性比较强,作为图片元素出现的话,它还能够成为整个网页的焦点。 圆形 很东方风格的符…

    2022年6月25日
    0209
  • 按钮设计预防出错的两个常用方式

    视觉比重 简单来说就是让其中一个按钮成为用户的视觉重心,常见的形式是颜色的深浅,或者阴影程度等。 描述性标签 页面设计到按钮这些细节时,要考虑到的是按钮不仅仅是给用户作出某个选择,而是要帮助他们更快地进…

    2022年6月25日
    0133
  • Forrester:重新思考客户之声。

    客户体验仍然是企业2021年的优先事项。近9/10的客户体验(CX)决策者认为,在未来12个月内改善CX是关键(40%)或最高(46%)优先事项。 8/10的受访者将把洞察力与行动联系起来作为首要任务。但是,当这两个因素被优…

    2023年3月1日 SEO操作
    00
  • 卡片的三个迷人之处

    内容块 卡片形式进行页面设计,能够将信息以区块的样式集合到一起,比较符合如今的碎片化、简短化的浏览喜好。再者,内容块能够让信息更容易被阅读,以及分类明确。 易挖掘 卡片同样是承载故事、情感化设计形式的有…

    2022年6月25日
    0127
  • 2021年值得关注的15种网站设计趋势。

    网站的平均寿命为三年。设计元素(例如颜色和版式)通常会比此更新得更频繁。这就是跟上网页设计趋势如此重要的原因。 这样做可以使您今天对设计进行一些细微调整,以使明天不会过时。本指南将帮助您制定2021年的即…

    2022年7月4日 建站资讯
    0225
  • 网站注重搜索引擎的排名,但也会更加注重用户体验和网站品牌建设。

    SEO进入中国市场已经有一段时间了,很多能够在搜索引擎中获得更高排名的作弊手段层出不穷。现在搜索引擎正在绞尽脑汁与这些作弊手段作斗争,但在打击作弊网站的同时,也阻碍了很多网站进行形式优化的途径。今后,SE…

    2023年2月27日
    02

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息