• 联盟
  • 公司
  • 新闻
  • 最新项目

  • 曝光中心

  • VIP特权

  • 干货分享!关于APP导航菜单设计你应该了解的一切

    2024-10-30 09:52:51

    浏览量:

    赞()

     

    QQ截图20171201090825.jpg

    导航菜单是人机交互的最主要的桥梁和平台,主要作用是不让用户迷失标的目的。现在市面上产品的菜单栏种类繁多,到底什么样的才是优秀的导航菜单设计呢?好的菜单设计不但能提升整个产品的用户体验,并且还能让用户耳目一新。这篇文章将聚焦导航菜单,分享我们对于导航菜单的认识和体验。

    一、导航菜单有什么作用?

    1.    提升产品内容和功能结构和层次

    导航是APP的骨架,支撑着整体的内容和信息,让内容根据信息架构有机地结合在一起,直不雅观而清晰地展示在用户面前,从而使零碎的内容变得充实而有序。结构化的同时也增强了生态感。

    2.    重点展示核心功能

    每一款产品投入开发进入市场后,立身之本在于本身的核心功能。因此,核心功能必需放在用户触手可及的位置,次要功能的比重应该得到控制,展示上也不能喧宾夺主。通过导航就能很好的突出核心,适当隐藏次要功能。

    3.    简化用户旅程

    合理的导航系统和顺畅的任务路径,能够让用户快速地达到目标,形成畅快的用户体验。用户旅程的简化对于产品的用户黏度和转化率有着直接的作用,高效的导航能够直戳用户痛点。

    二、导航菜单的分类

    在了解导航菜单的基本作用后,我们利用快速原型工具Mockplus来展示一下导航菜单的分类。

    1、经典导航菜单Tabber

    Tabber是苹果ios可以自动生成一种导航控件,开发起来便利。所以这种经典的底部导航栏受到绝大数app设计师的青睐。这种设计符合手机端用户单手操作的习惯,包孕新版微信,淘宝,支付宝,百度手机等都采用的这一方式。这个APP导航方式占大多数。

    干货分享!关于APP导航菜单设计你应该了解的一切

    优点:清楚当前所在的入口位置;直接展现最重要入口的内容信息。

    缺点:功能入口过多时,该模式显得笨重不实用。

    2.、矩形、网格式导航菜单

    这种宫格导航是将主要入口全部聚合在页面,让用户做出选择。这样的组织方式无法让用户在第一时间看到内容,,选择压力较大,采用这种导航的应用已经越来越少,往往用在二级页作为内容列表的一种图形化形式呈现,或是作为一系列工具入口的聚合。

    干货分享!关于APP导航菜单设计你应该了解的一切

    利用Mockplus实现的宫格导航效果

    优点:简约而不简陋,导航清晰、明显,并能提高效率。

    缺点:设计时需要注意色彩的搭配,太过于花哨会让用户产生视觉疲劳。

    热门推荐

    2016-2022 来推 版权所有 ©2022 Www.iLaiTui.Com

    闽ICP备19008869号