UED学院:8种移动APP导航设计模式大对比

UED学院:8种移动APP导航设计模式大对比

当咱们确认了移动APP的规划需求和APP产品规划流程之后,开端着手规划APP界面UI或是APP原型图啦。这个时分咱们都要面对的第一个问题便是如何将信息以最优的方法组合起来?

或许咱们比照和了解了其他一些常用的APP导航规划方式。

并且杰出的APP导航规划方式决议计划对整个app的中心体会起到关键作用。

之前跟咱们共享过6个超有用的APP导航规划计划和3种常见的APP导航规划计划优劣势剖析

有一些优异的app根据这些方式做了一些立异的优化计划,本文总结了现在通用且盛行的方式,并评论了这些方式适用的场景,期望协助交互规划师更快的作出较合理的信息安排决议计划。

先来看看8种移动APP导航规划方式比照图吧!

  第一种:app标签导航

标签导航坐落页面底部,一般包括5个标签是比较适宜的数量。这种导航对错常常见的,假如你的使用需求用户频频的在不同分页切换,能够选用这种导航。它的缺陷是会占用必定高度的空间。如微信最新版的APP界面规划图。

  第2种:APP舵式导航

现在盛行一种标签导航的变体,个人把它称为“舵式导航”,因为它的款式很像轮船上用来指挥的船舵,两边是其他操作按钮。当页面有处于同一层级的几大部分内容,一起又需求一个十分重要且频频操作的进口,就能够选用这种APP导航方式。如下图葡萄社APP。

  第三种:APP抽屉式导航方式

抽屉导航是讲菜单躲藏在当时页面后,点击进口即可像拉抽屉相同拉出菜单,这种导航的长处是节约页面展现空间,让用户将更多的留意力聚集到当时页面。比较适合于不那么需求频频切换内容的使用,例如对设置、关于等内容的躲藏。这种导航规划需求留意的是必定要供给菜单画出的过渡动画。

自从path使用以来,这种抽屉式导航菜单十分遭到咱们的喜欢,25书院之前也要点介绍了9种最佳移动APP侧边栏规划计划。

  第四种:APP宫格导航(比方九宫格)

这种宫格导航是将首要进口悉数聚合在页面,让用户做出挑选。这样的安排方法无法让用户在第一时间看到内容,挑选压力较大,选用这种导航的使用现已越来越少,往往用在二级页作为内容列表的一种图形化方式出现,或是作为一系列东西进口的聚合。

  第五种:APP混合组合导航

当用户需求聚集内容,一起又需求一些便利进口能够连接到某些页面时,就能够选用组合导航。组合导航上方用宫格的方式展现便利进口,与标签导航不同的是,这些宫格进口之间不需求是平级的联系,也不用包括整个层级的内容,你能够将它了解为一种图形化的文字链。这种导航比较灵敏,能习惯架构的快速调整。

  第六种:列表式APP导航

列表式APP导航是咱们在APP规划种必不可少的一个信息承载方式。当然作为一个APP的导航也对错常便利的。

不过现在来看,列表导航一般用于二级页,因为它与宫格导航相同,不会默许展现任何实质内容,所以一般app不会在主页使用它。这种导航结构明晰,易于了解,镇定高效,能够协助用户快速的定位去到对应的页面。列表项目能够经过距离、标题等进行分组。

  第七种:tab导航

用于二级页,实质和标签导航相同,当使用层级较多的情况下,能够选用tab导航,典型场景是用于改动的当时的视图,或对当时页面内容进行分类检查。

  第八种便是:大图轮播导航或是 大图上面的导航规划

当你的使用信息满足扁平,能够测验轮播导航,假如使用妥当,能够给人耳目一新的体会。这种导航能够最大程度的确保使用的页面简洁性,操作也是最便利的。可是缺陷是不能够快速的定位对应的分页内容。

上一年今天运营文章2022:阿里云初次大面积停摆24小时(0)2022:抖音解锁外卖事务!有什么新的增加时机?(0)2022:能够按编号排序的iPhone备忘录是什么?(0)2022:一条视频暴升2400w播映,12w粉的黑马主播竟是靠这个逆袭!(0)2022:私域流量中,私域运营影响用户转化的四个要素(0)

特别申明:本站的主旨在于收集互联网运营相关的干货知识,给运营小伙伴提供便利。网站所收集到的公开内容均来自于互联网或用户投稿,并不代表本站认同其观点,也不对网站内容的真实性负责,如有侵权,请联系站长删除,转载请注明出处:https://www.lnwcn.com/156000.html。
(0)
运营学社的头像运营学社官方
上一篇 2023年7月22日 上午9:58
下一篇 2023年7月22日 下午12:22

猜你喜欢

QQ:1124602020
微信:vl54120
备注:周一至周五全天在线,周末可能不在线,另外联系时,请告知来意。

公众号
交流群
运营学社会员,开通可享海量资源与多项权益,点击了解详情