APP推广合作
联系“鸟哥笔记小乔”
用户体验的关键一环:APP的导航种类大全及对应功能作用
2015-12-30 11:55:22
一、写在前面

关于移动端导航模式,我想你身边已经有很多很多类似的文章了,什么“标签式导航”、“抽屉式导航”、“列表式导航”、“葫芦娃喷火式导航”、“天马流星式导 航”...甚至你以为掌握这些,就能游走产品信息架构中的任何和导航有关的问题,现实是,当你在真正运用时,你才发现“咦?刚才葫芦娃喷火式导航是咋用的 啦”。所以在开始之前,你需要明白一个事实:用户体验是一个整体,脱离产品方向去解释那些所谓的“葫芦娃喷火式”毫无意义。

二、你的产品为什么需要导航栏

导航设计的目的就是需要突出产品的核心,扁平化用户的任务路径。无论是PC还是移动端,很难想象一个没有导航的产品会是什么样子,我们可能都会成为“瞎 子”,闷头乱撞。当然,那些有导航的也别50步笑百步,错误的使用导航模式,和没使用导航的效果是一样的,你的产品没那么不言而喻,等待你产品的只有死路 一条。

因此明白了导航设计的目的:突出产品核心,扁平化用户任务路径,下面的就是对产品的理解,产品的核心是什么?什么样的导航模式最能反映我产品的核心,包括是否起到了扁平用户操作的作用?

三、它的作用很大,但并没有描述中的那么神乎

1.抽屉式导航?它其实就是一种化繁为简的“超级整理术”

抽屉式导航更多的被应用于信息流产品设计中,这类产品注重核心内容的展示,用户的任务路径较为单一,几乎都是用于浏览产品的核心内容,至于其他比较低频的模块入口则会隐藏在当前界面后方,避免冗余的模块抢夺用户的眼球。

其实我并不喜欢将其称为“XXX导航”,因为可能在我解释完所有内容之后,等你在工作中再遇到相似的情境,你可能又会疑问“咦?那个XXX导航是怎么用的来着”。

抽屉式导航本质是什么?有人可能会说:“一种交互风格”,再具体一点,有人可能又会说:“交互风格中的一种导航风格”。如果今天你也看了我这篇文章,请你忘 记这以上这两种回答。抽屉式导航说到底就是一种化繁为简的“超级整理术”。“2/8”法则告诉我们,80%的用户只用哪写20%功能,这20%功能就是信 息流里面的核心功能,如果那80%不常用的功能也占用着最重要的位置,那么用户就会被打扰,产生臃肿感,甚至会放弃使用产品。


2.标签式导航?它仅是让用户任务路径更加扁平

同样的,我们经常会讲到的,标签式、标签式,那么标签式导航的的本质是什么呢?

在设计规划期,我们通过产品的信息架构可以直观的了解产品的核心功能,以及各功能之间的一个关系,当产品的整个体验流中是以几个常用功能模块(PS:一般不 超过5个)贯穿的,意味着用户需要在多个标签入口之间来回切换,为了保证切换的效率,将贯穿产品整个体验的流的模块平铺在Tab Bar位置,保证了用户任务路径的扁平。


3.桌面式导航?它只是对于扁平比较独立的用户任务路径模块的另一种思考

我前面提到了“当产品的整体体验流是由几个常用功能模块贯穿而成时,为了保证用户任务路径的扁平,我们将这几个模块平铺在Tab Bar上,后来被冠以'标签式导航‘的称呼”。那么当产品的整体体验流不能由有限个(一般不超过5个)功能模块贯穿时,或者说,整个体验流是由无限个 (PS:这里的“无限”是相对的概念,一般数十个以上都可称为无限个)功能模块集成而成的,那么这是我们是不是还可以平铺在“Tab Bar”上呢?

“Tab Bar”就算了,因为通过相关竞品分析,我们发现使用“桌面式”导航的应用,每一个入口往往是比较独立的信息内容,用户进入一个入口后只处理与此入口相关 的内容,这就意味着用户在几个任务之间频繁切换的概率比较低,这就意味着就算有标签式导航,也是个鸡肋导航。但是由于功能入口众多,我们还得“平铺”,不 过“平铺”的意义不太一样了,Tab Bar是为了保证来回切换任务的扁平,而这里的“平铺”是用来保证用户搜索行为的扁平,因此对展示功能入口数量的限制没有Tab Bar那么苛刻,所以Table View就成了最好的舞台,也就是我们一直神叨叨的“桌面式导航。”


4.菜单式导航?相比于扁平用户任务路径,凸显产品的核心会显的更加重要

对 于像微博这样开放性的信息流,用户在不同情景和不同时段下可能会有不同的兴趣域,我想看一下我喜爱明星最近的动态放松一下、我想看一下我的专业领域达人的 动态学习一些干货...不同的人的需求是不一样的,同一个人不同时段的需求也是不一样的,可能前一秒你还是“酷爱足球运动的财经男”,下一秒你很可能又会 成为那个喜欢娱乐八卦的“清新女”。

通过相关竞品与用户访谈分析,我们发现,该类产品的用户在某个时间段的兴趣域几乎是特定的,比如我现在就想刷一些大V的干货,因此决定了用户频繁切换的概率是比较低的。

说到这里,有人可能觉得这句话好像在哪里听过,是的,桌面式导航也是这种情境——用户频繁切换的概率是比较低的,那么我们可不可以也像“桌面式导航”那样,将这些兴趣频道入口平铺在Table View上呢?

首 先你想到了这一层,我很开心,因为你已经不再纠结那些神叨叨的形式了,开始追求“花架子”背后的机制了。其次不知道你注意没有,桌面式导航为什么需要平 铺?因为独立的功能入口太多了,我们为了保证搜索行为的扁平而采用的招式。但是这里的兴趣频道是独立且有限的。独立性是菜单式导航与桌面式导航的共性,你 还记得在桌面式导航,我强调“平铺只是为了服务搜索,和切换没有关系”,但是菜单式导航的兴趣频道就那么几个(有限性),没有多少搜索成本,因此此时的 “平铺”似乎没有太大意义,再想想我在第二部分讲的:“导航设计的目的是突出产品的核心,扁平化用户的任务路径。”现在相比于扁平用户的任务路径,突出产 品的核心(因为这里的产品更多的是信息流产品,信息流最强调沉浸体验)反而会显得更加重要,因此我们需要“超级整理术”,收起那些现在可能用不到的80% 模块,保留真正有用的20%,通过面积和内容限制保证了此刻用户的沉浸体验。


5.点聚式导航?它仅是一种暖心的UCD法则的衍生物

点聚式导航最早来自于“Path”,它将用户最频繁使用的多个核心功能点汇聚在主界面中显示,通常这些功能具有一定的交集,比如都是“发动态”用的,发音乐有关的动态、发LBS信息有关的动态、发照片有关的动态。本质其实是一种“超级整理术”中的合并同类项术。

为什么需要“合并同类项”?合并同类项是为了突出产品更重要的内容,当用户已经确定,自己需要那些同类项来丰富自己的移动端体验,此时再分解同类项,并且分解的过程是那么的有趣。懂你+有趣=暖心。


6.走马灯导航?它仅想让你多看她一眼

看到只显示1/8的图片,你会本能地把它滑出来,因为强迫症在作怪,当然你可能抑制力很好,没有滑,但是1/8不完整图片也会让你感觉别扭,只要你“别扭 了”它的目的已经达到了,你的眼球已经被它“Catch”了,换句话说,它希望你看到这些内容(和商业目标有关),你的确因为强迫症的驱使聚焦于这些内 容,结果发现“哎呦,不错哟”(迎合了用户目标),产品目标、用户目标达成完美融合。


7.列表导航?一张名片的效果

“我是做xxx的,这是我的名片,如果哪天你有类似需求,欢迎找我啊,一定给你优惠!”尽管你没有买东西,但是销售人员也成功了,因为它销售了一张名片,有了 这张名片,就等于你现在已经是他的长线之鱼。有一天你很想买一样东西,突然想起,那天那个人给你一张名片,依据名片上的不同信息,你成功从数十张里面找到 了它,再次依据这张名片上的信息,你联系到了那天的销售人员,并且达成了交易。

这个过程中,名片扮演了“长线”的作用。试想一下,如果没有名片,就意味着这条线就断了,那位销售者也因此损失了一条鱼。对应到产品,那位销售者其实就是我 们产品,顾客就是我们的用户,那个“名片”或者“长线”就是这里的“列表导航”,通过列表导航的识别,用户可以完成自己的目标,同时也带来了商业目标。

易识别性是其最重要的衡量准则,因为它承载了产品大量的数据信息,相当于产品的语言元数据,只有具备共同的语言元数据,才有可能促使产品做到真正意义上的不言而喻!


8.图示导航?它只是一种展示信息的扁平处理方式

针对以图片为主的应用平台,经常变化的图片会让用户感受到栏目内容的更新的及时性,对用户来说是比较核心的点。图示导航将这些更新的信息可视化,以达到展示 信息扁平化的作用。这里需要注意的是,这种导航需要配置固定的栏目或标题,防止不断更新的图片让用户找不到相应的入口。


9.分段选项卡?它只是用户来扁平用户来回切换任务路径

我们来思考这样一个问题“当产品的某个模块是由有限个子集贯穿时,我们该采用什么导航形式?”这句话,好眼熟啊,没错,在“标签式导航”部分我们提到“当产品由有限个模块贯穿时,我们会采用平铺在‘Tab Bar'位置的标签式导航。"

现在我们的对象由产品变成了产品的某个模块,数学里有一个叫做”等效替换法”,令t=sin(x),然后将有关sinx的元素全部替换成t,从而使一个复杂 的正弦问题,变成了一个简单的线性问题。同样对应产品的某个模块我们可以将其看成产品,这样问题又变成了一个标签式导航问题了,对于标签式导航我们再熟悉 不过,所以我们只需采取相同的手法就行了,只是原来的“Tab Bar”要换成“Segment Control”区域。


四、总结

当你读到这儿,你可能已经忘记了“走马灯导航导航是什么鬼?”“菜单式导航是什么鬼?”但是有一天你在实战中发现当前产品的信息架构正是由有限个元素贯穿时,你意识到用户对这些模块来回切换的需求比较大,因此需要将他们平铺在Tab Bar上,以确保用户操作路径的扁平,从而实现用户体验的优化与用户留存。如果你真的做到了这一步,我会很开心,因为我这篇文章的目的已经达到了。
运营那些事儿
分享到朋友圈
收藏
收藏
评分

综合评分:

我的评分
Xinstall 15天会员特权
Xinstall是专业的数据分析服务商,帮企业追踪渠道安装来源、裂变拉新统计、广告流量指导等,广泛应用于广告效果统计、APP地推与CPS/CPA归属统计等方面。
20羽毛
立即兑换
一书一课30天会员体验卡
领30天VIP会员,110+门职场大课,250+本精读好书免费学!助你提升职场力!
20羽毛
立即兑换
顺丰同城急送全国通用20元优惠券
顺丰同城急送是顺丰推出的平均1小时送全城的即时快送服务,专业安全,准时送达!
30羽毛
立即兑换
运营那些事儿
运营那些事儿
发表文章38310
确认要消耗 羽毛购买
用户体验的关键一环:APP的导航种类大全及对应功能作用吗?
考虑一下
很遗憾,羽毛不足
我知道了

我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求,为完善跟帖评论自律管理,为了保护用户创造的内容、维护开放、真实、专业的平台氛围,我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容,同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。


一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规,对以下违法、不良信息或存在危害的行为进行处理。
1. 违反法律法规的信息,主要表现为:
    1)反对宪法所确定的基本原则;
    2)危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一,损害国家荣誉和利益;
    3)侮辱、滥用英烈形象,歪曲、丑化、亵渎、否定英雄烈士事迹和精神,以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉;
    4)宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动;
    5)煽动民族仇恨、民族歧视,破坏民族团结;
    6)破坏国家宗教政策,宣扬邪教和封建迷信;
    7)散布谣言,扰乱社会秩序,破坏社会稳定;
    8)宣扬淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪;
    9)煽动非法集会、结社、游行、示威、聚众扰乱社会秩序;
    10)侮辱或者诽谤他人,侵害他人名誉、隐私和其他合法权益;
    11)通过网络以文字、图片、音视频等形式,对未成年人实施侮辱、诽谤、威胁或者恶意损害未成年人形象进行网络欺凌的;
    12)危害未成年人身心健康的;
    13)含有法律、行政法规禁止的其他内容;


2. 不友善:不尊重用户及其所贡献内容的信息或行为。主要表现为:
    1)轻蔑:贬低、轻视他人及其劳动成果;
    2)诽谤:捏造、散布虚假事实,损害他人名誉;
    3)嘲讽:以比喻、夸张、侮辱性的手法对他人或其行为进行揭露或描述,以此来激怒他人;
    4)挑衅:以不友好的方式激怒他人,意图使对方对自己的言论作出回应,蓄意制造事端;
    5)羞辱:贬低他人的能力、行为、生理或身份特征,让对方难堪;
    6)谩骂:以不文明的语言对他人进行负面评价;
    7)歧视:煽动人群歧视、地域歧视等,针对他人的民族、种族、宗教、性取向、性别、年龄、地域、生理特征等身份或者归类的攻击;
    8)威胁:许诺以不良的后果来迫使他人服从自己的意志;


3. 发布垃圾广告信息:以推广曝光为目的,发布影响用户体验、扰乱本网站秩序的内容,或进行相关行为。主要表现为:
    1)多次发布包含售卖产品、提供服务、宣传推广内容的垃圾广告。包括但不限于以下几种形式:
    2)单个帐号多次发布包含垃圾广告的内容;
    3)多个广告帐号互相配合发布、传播包含垃圾广告的内容;
    4)多次发布包含欺骗性外链的内容,如未注明的淘宝客链接、跳转网站等,诱骗用户点击链接
    5)发布大量包含推广链接、产品、品牌等内容获取搜索引擎中的不正当曝光;
    6)购买或出售帐号之间虚假地互动,发布干扰网站秩序的推广内容及相关交易。
    7)发布包含欺骗性的恶意营销内容,如通过伪造经历、冒充他人等方式进行恶意营销;
    8)使用特殊符号、图片等方式规避垃圾广告内容审核的广告内容。


4. 色情低俗信息,主要表现为:
    1)包含自己或他人性经验的细节描述或露骨的感受描述;
    2)涉及色情段子、两性笑话的低俗内容;
    3)配图、头图中包含庸俗或挑逗性图片的内容;
    4)带有性暗示、性挑逗等易使人产生性联想;
    5)展现血腥、惊悚、残忍等致人身心不适;
    6)炒作绯闻、丑闻、劣迹等;
    7)宣扬低俗、庸俗、媚俗内容。


5. 不实信息,主要表现为:
    1)可能存在事实性错误或者造谣等内容;
    2)存在事实夸大、伪造虚假经历等误导他人的内容;
    3)伪造身份、冒充他人,通过头像、用户名等个人信息暗示自己具有特定身份,或与特定机构或个人存在关联。


6. 传播封建迷信,主要表现为:
    1)找人算命、测字、占卜、解梦、化解厄运、使用迷信方式治病;
    2)求推荐算命看相大师;
    3)针对具体风水等问题进行求助或咨询;
    4)问自己或他人的八字、六爻、星盘、手相、面相、五行缺失,包括通过占卜方法问婚姻、前程、运势,东西宠物丢了能不能找回、取名改名等;


7. 文章标题党,主要表现为:
    1)以各种夸张、猎奇、不合常理的表现手法等行为来诱导用户;
    2)内容与标题之间存在严重不实或者原意扭曲;
    3)使用夸张标题,内容与标题严重不符的。


8.「饭圈」乱象行为,主要表现为:
    1)诱导未成年人应援集资、高额消费、投票打榜
    2)粉丝互撕谩骂、拉踩引战、造谣攻击、人肉搜索、侵犯隐私
    3)鼓动「饭圈」粉丝攀比炫富、奢靡享乐等行为
    4)以号召粉丝、雇用网络水军、「养号」形式刷量控评等行为
    5)通过「蹭热点」、制造话题等形式干扰舆论,影响传播秩序


9. 其他危害行为或内容,主要表现为:
    1)可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好影响未成年人身心健康的;
    2)不当评述自然灾害、重大事故等灾难的;
    3)美化、粉饰侵略战争行为的;
    4)法律、行政法规禁止,或可能对网络生态造成不良影响的其他内容。


二、违规处罚
本网站通过主动发现和接受用户举报两种方式收集违规行为信息。所有有意的降低内容质量、伤害平台氛围及欺凌未成年人或危害未成年人身心健康的行为都是不能容忍的。
当一个用户发布违规内容时,本网站将依据相关用户违规情节严重程度,对帐号进行禁言 1 天、7 天、15 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号,或者滥用多个帐号发布违规内容时,本网站将加重处罚。


三、申诉
随着平台管理经验的不断丰富,本网站出于维护本网站氛围和秩序的目的,将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议,可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)

我知道了
恭喜你~答对了
+5羽毛
下一次认真读哦
成功推荐给其他人
+ 10羽毛
评论成功且进入审核!审核通过后,您将获得10羽毛的奖励。分享本文章给好友阅读最高再得15羽毛~
(羽毛可至 "羽毛精选" 兑换礼品)
好友微信扫一扫
复制链接