App常见的导航设计技巧有哪些?

作者 : 知识君 本文共1450个字,预计阅读时间需要4分钟 发布时间: 2022-02-20 共178人阅读

夫妻小店的信心指数?

前一段,我看“新经销+货圈全”关于全国162个城市的1069家零售小门店的调研数据。而这些小店的经营主,超9成以上都是夫妻共同经营。 夫妻店突出特点是,规模小、数量多、增长快、成本低、经营方式灵活。他们经营难点是效率低、资金限制、抗风险性小、转型较困难。 小店…

今天我要分享的是APP常见的导航设计。我主要通过是什么?为什么?怎么做?这个思路来分享。

好,思路逻辑可以先看一下这张脑图。

1、什么是App导航?

导航字面上的意思是航标,是引导船只安全航行的标记。那对于App而言,顾名思义就是app上面的引导标记了,引导用户操作。

2、App为什么要注重导航设计?

导航设计的目的就是需要突出产品的核心,是把用户带到他们想去的地方。

如果一个产品没有导航,所有的地方都是一样的,没有重点,你想想看用户的体验会怎样?用户在使用的时候会不会觉得很茫然,不知所措的感觉。

这就像我们的书籍有目录、有标题、有段落一样。如果一本厚厚的书籍没有目录,没有标题通篇全部都是一样大小的字,也没有段落,你读下来会不会感觉很难受。

所以这就是导航对于App的重要性。

3、常见的导航有哪些呢?分别有哪些优点?

常见的导航有八种,分别是:标签式导航、抽屉式导航、列表式导航、平铺式导航、宫格式导航、悬浮icon式导航

分别解读一下。

第一种:标签式导航。

标签是导航又分为:底部标签式导航、顶部标签式导航、标签导航的扩展式导航。

底部标签式导航

顾名思义就是底部的引导区域,底部标签导航也称底部tab导航,是目前最常见的导航形式。一般都是采用3—4个标签,最多不会超过5个,如图。

优点:入口直接清晰,操作路径短,便于在不同功能模块之间直接跳转。

缺点:扩展性差,数量有限。

顶部标签式导航

和底部的意思相同,只是说它是放到app的顶部的,如图。

优点:在底部数量有限的情况下,顶部通过标签导航,也可更好的引导用户,因为用户习惯是从上到下看东西的。

标签导航的扩展式导航

意思就是在底部或者顶部标签导航的基础上,再次扩展出来的一种导航形式,如图。

优点:可以在底部标签数量有限的情况下,展示更多的入口。这种导航常见于一些社交类,内容类软件中出现较多。

第二种:抽屉式导航。

抽屉顾名思义是可以抽开的,抽开后可以展示更多内容。在小屏幕时代,这种导航是很经典的设计方式,样式如图。

优点:可以收纳更多东西,帮助产品经理整理内容。

第三种:列表式导航。

一般用在作辅助用的,用来辅助二级导航或更深的导航,用来显示类别列表,样式如下图。

优点:这个不用多说吧,反正就着是个类别下的所有类目全部给你显示出来。

第四种:平铺式导航。

就是把所有内容普通在页面上,一个个内容就像一个个卡片一样,可以滑动切换下一个,样式如下所示。

优点:清晰,内容能更好凸显出来。

第五种:宫格式导航。

这个很好理解,直接见图吧。

优点:展示的入口相比底部标签式和顶部标签式导航更多,同时也清晰明了。

第六种:悬浮icon式导航。

也就是说导航是悬浮在所有页面之上的,点击后可以展开,见下图。

优点:悬浮式导航会遮挡某些页面的操作,在设计的时候应该考虑进去,比如无论在那个页面永远为悬浮icon留有位置。

本文来源:陈鹤元 的公众号

产品经理如何开好需求评审会议?

什么是需求评审会议? 需求评审会议就是产品经理把自己设计的需求准确的传达给开发团队的一次需求讲解会议。 通过完整,清晰的传递产品目标,产品功能,来获得团队认同,会后实施。 产品目标:讲明白,我们要做什么,为什么要做,能解决什么问题。 产品功能:具体做什么事,涉…

免责声明:此网站资源由知了么资源网(www.zle.me)收集整理自网络,版权归原作者所有,仅作学习交流使用,不可用于任何商业途径,如非免费资源,请在试用之后24小时内立即删除,如果喜欢该资源请购买正版谢谢合作;如不慎该资源侵犯了您的权利,请麻烦通知我及时删除,联系QQ:2251735092
知了么资源网 » App常见的导航设计技巧有哪些?

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

发表评论

也想出现在这里? 联系我们
© 2019 知了么资源网 www.zle.me
开通VIP 享更多特权,建议使用QQ登录