8种移动APP导航设计模式

作者: 小蔷嬉兮 | 来源:发表于2017-06-22 16:04 被阅读119次

标签导航设计

优点:操作便捷,结构简单,信息清晰,增加信息曝光率。

缺点:占用页面一定的高度;

适用:适宜购物类、社交类,操作路径短,使用很普遍。

标签导航设计

舵式导航设计

较流行的设计,同一层级,且需要一个非常重要且频繁操作的入口

优点:引导和鼓励用户生成内容,并曝光信息。

适用:适宜UGC类,拍照类。

舵式导航设计

抽屉式导航设计

菜单隐藏在当前页面后,让用户将更多的注意力聚焦到当前页面

优点:•节省页面展示空间,将更多的注意力聚焦到当前页面。

•沉浸式:把频次低,优先级不高的功能隐藏起来。

缺点:但会增加用户操作成本,操作路径过深,信息曝光度不高。

适用:比较适合于不需要频繁切换内容的应用,例如对我的、设置、关于等内容

抽屉式导航设计

九宫格导航设计

将主要入口全部聚合在页面,让用户做出选择

优点:图形化设计,多个功能聚合,可呈现的功能较多,且各功能相对独立,关联性不强。

缺点:无法让用户在第一时间看到内容,选择压力较大

适用:二级页作为内容列表的一种图形化形式呈现,或是作为一系列工具入口的聚合。

九宫格导航设计

组合导航设计

当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面时,就可以采用组合导航。

优点:导航比较灵活,能适应架构的快速调整,多用于H5页面的混合排列。

适用:现多用于二级导航,聚焦内容,通过层次清晰的内容引导,信息展示的比较丰富,层次结构清晰。

组合导航设计

列表导航设计

APP设计中必不可少的一个信息承载模式。

优点:结构清晰,易于理解,冷静高效,快速的定位到对应页面。

适用:列表导航通常用于二级页,由于不会默认展示任何实质内容,所以通常app不会在首页使用它。

列表导航设计

Tab导航设计

用于二级页,本质和标签导航相同

优点:当应用层级较多的情况下,可以采用tab导航。

适用:典型场景是用于改变的当前的视图,或对当前页面内容进行分类查看。

Tab导航设计

轮播导航设计

应用信息足够扁平,可以尝试轮播导航

优点:能够最大程度的保证应用的页面简洁性,操作方便,单个信息呈现丰富。

缺点:不能够快速的定位对应的分页内容,可呈现数量有限

轮播导航设计 产品Daily:和你分享和产品学习中的点点滴滴

相关文章

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

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

  • APP导航设计

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

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

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

  • 移动应用UI设计模式图示

    移动应用UI设计模式: 1.导航设计模式:主要导航和次要导航模式。 1)主菜单导航模式: 跳板式 Springbo...

  • TAB设计一些个人思考

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

  • 8种移动APP导航设计模式

    标签导航设计 优点:操作便捷,结构简单,信息清晰,增加信息曝光率。 缺点:占用页面一定的高度; 适用:适宜购物类、...

  • APP导航设计模式

    导航主要分为两大类,横向和纵向。横向的导航有:标签导航、舵式导航、tab导航、轮播导航;纵向的导航有:宫格导航、下...

  • App导航设计模式

    1.抽屉式导航 抽屉式导航就是当前比较流行的导航样式,是应用选择比较多的一种导航方式,这种导航的核心思想就是隐藏,...

  • APP导航设计模式

    下图是八种导航设计模式对比图: 一、列表式导航 列表式导航是最常见的主导航形式之一,是APP设计中不可少的一个导航...

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

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

网友评论

本文标题:8种移动APP导航设计模式

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