美文网首页
如何设计移动APP的导航?

如何设计移动APP的导航?

作者: Eureka_Gao | 来源:发表于2018-01-31 17:14 被阅读16次

什么是导航?

类似于书的目录,看下导航就知道产品有什么功能,在产品使用过程中,你可以通过导航,切换到另外一个功能中。

导航是用来指引人从一点出发到达另一点的技术的总称(维基百科)

为什么需要导航?

告诉用户产品的主要功能有哪些,并指引用户进入到该功能页面,不让用户迷失在产品中。

移动APP的常见导航类型有哪些?

  • 标签导航
  • 分段式导航
  • 舵式导航
  • 抽屉式导航
  • 下拉菜单式导航

这些导航类型的特点是什么?

标签式导航

优势:入口扁平化,适合几个功能之间的频繁切换
劣势:占用页面空间,比如一些内容型产品,使用时需要注意
弥补方案:可在滑动时显示标签式导航

分段式导航

体积小巧,属于ios的标准控件,常见于二级导航

舵式导航

优势:在标签式导航的基础上,强调了核心功能,比如拍照、发布帖子等

抽屉式导航

优势:专注于核心功能,隐藏掉不重要的功能到抽屉中

下拉菜单式导航

现在不常用,属于安卓4.0时代,能和滚动式标签导航互补,比如某些新闻客户端中的顶部导航就是属于滚动式标签导航+下拉菜单式导航

如何选择导航类型?

依旧是根据用户需求和场景来选择合适的导航,甚至可以选择组合式的导航

相关文章

  • 移动应用设计细节分析——导航

    移动设计模式整理分析——导航篇 产品导航设计优缺点分析 8种移动APP导航设计模式大对比 1.扁平式导航 1.1 ...

  • 如何设计移动APP的导航?

    什么是导航? 类似于书的目录,看下导航就知道产品有什么功能,在产品使用过程中,你可以通过导航,切换到另外一个功能中...

  • APP导航设计

    良好的APP导航设计模式决策对整个app的核心体验起到关键作用。几种常见的移动APP导航设计模式对比图。 ☆ AP...

  • 让APP中内容呈现更友好易用的5种常见导航设计模式

    今天的文章会着重介绍移动端APP导航的设计模式。无论你所设计的APP是什么样的类型,或多或少都绕不开导航设计。作为...

  • 唯美APP设计IOS移动端

    本文是转载文 移动App中的10种创新导航设计 移动应用的导航条设计经过这么多年的发展,有许多种不同的样式。如果所...

  • 移动互联网-APP导航设计

    导航设计导航设计需要突出产品的核心点,尽量做到任务路径的扁平化,同时还要考虑到导航操作的便捷性。移动app导航样式...

  • APP导航总结

    APP中导航的形式有很多种,原生的导航能满足多种情景使用需求,随着移动互联网的发展,导航栏的设计也出现了多种变形。...

  • TAB设计一些个人思考

    以前有在《移动应用ui设计——导航设计》中提到底部和顶部tab设计的模式和设计来源,如今市场上很多app都沿用了底...

  • 常见移动端产品导航设计模式

    平时生活中使用过很多APP,也看过一些关于移动产品导航设计的文章。今天整理了一下市场上常见的几种导航设计,算是对自...

  • 判断浏览器,区分PC和移动

    判断浏览器 区分PC和移动 web端:app.vue app端:app.vue 网站导航 网站导航

网友评论

      本文标题:如何设计移动APP的导航?

      本文链接:https://www.haomeiwen.com/subject/hfjlzxtx.html