高考考试网
当前位置: 首页 高考资讯

导航栏组件实例讲解(导航栏设计有发现)

时间:2023-07-16 作者: 小编 阅读量: 6 栏目名: 高考资讯

在「人X」这种模式下,用户的操作行为从源头上就会分为三类:与“X”建立关系;消费与“X”的关系;自我管理。另外部分UGC的产品,可能会选择在导航栏中添加发布入口,这也是建立关系的一种途径。产品导航栏的设计步骤:Step1:与“X”建立关系;Step2:消费与“X”的关系;Step3:自我管理。未经许可,禁止转载。

清晰易懂的导航栏是提升有效转化的第一步,如何设计一款实用的导航栏呢?

我有个兴趣,就是定期不定量地去试用新产品,但最近我越来越困惑了,因为越来越多的产品让人难以理解,有些简直到了无所适从的程度。

尤其体现在产品的导航栏上面,根本起不到导航的作用,不信你看看下面的导航栏:

假如我是一名新用户,想看看最近的产品投资的热点新闻,谁能告诉我究竟应该从哪个入口进去获取有效信息?

你知道导航栏是能被推导出来的吗?

在这一轮的科技变革浪潮里,与其说是技术进步,其实更多是整个社会接口界面层的变化,中后台的业务效率提升仍处在萌芽阶段。

引用王兴先生的一段感慨:

这里面长出来的很多公司,表面上是科技公司,实际上都是广义上的中介公司:趁着社会接口界面洗牌的时候,抢先占据了一些中介点。

社会接口界面层的变化,着实提升了现代人与其他对象建立联系的效率,这里所说的对象大致能分为下面四个方面:

  • 人与资讯;
  • 人与商品;
  • 人与服务;
  • 人与人;
  • ……

目前市面上基于互联网技术的产品,本质上都在处理着人与各种对象之间林林总总的关系。

这是“人 X”的模式,在这里我用“X”来代表这段关系中的另一半,尽管在未来会有更多的X,但唯一不变的是人这一部分,毕竟产品是给人用的。

针对上述的这部分关系,这些产品普遍都在引导用户:建立一段关系 → 消费这段关系。

这个时候,产品的主流程应该围绕着上述方向做有针对性地引导,很显然这本应是导航栏以及一切引导模块的职责。

所以根据产品的主流程,导航栏是可以被推导出来的,而且是能根据用户和对象建立关系的场景推导出来的。

而那些让人费解到无地自容的导航栏,简直就是天然的“新用户杀手”,有些更是堪比“障碍栏”根本没有导航作用。

如何根据业务流程设计导航栏的模块?

在「人 X」这种模式下,用户的操作行为从源头上就会分为三类:

  • 与“X”建立关系;
  • 消费与“X”的关系;
  • 自我管理。

下面是我自己常用的一套方法论,分享给大家:

Step1:与“X”建立关系

“X”是这段关系里面的另一个对象,无论是内容资讯、商品、服务还是人来充当这个对象,这一步都可以分为以下两种方式:

获取对象

「模块例子:发现、探索、活动、话题」

这里的获取指的是用户通过产品的推荐功能,最终获取到对象,也就是说这部分用户有获取信息、获取服务的需求,但是并不知道哪种信息或者哪种服务适合他。

这种模块的功能大部分以推荐为主,模块内容的周转率要求很高,只有在高周转率高密度的内容推荐下,用户才能不断发现新事物。(不仅仅指资讯)

所以这个模块的周转率是用户留存和用户活跃的关键,相比之下,其余模块的更新速度相对比较固定,在没有新对象获取的情况下,用户是不会持续使用的。

通常情况下在重视留存的产品里,用户需求都是需要被持续满足的,更期待的聊天、更火爆的新闻、更划算的商品、更有趣的活动,这都是用户持续使用的根本原因。

如果一个产品的用户留存总是很低,大概率就是这一步没有做好。

在以前,这都是强运营手段的结果,现在基本都是依靠算法来支撑。随着科技的进步,通过推荐获取对象的方式,将会越来越普及。

详情可见之前的文章:《为什么未来更多优质的内容只会通过「推荐」获得,而非「搜索」?》

寻找对象

「模块例子:书架、通讯录、产品、商城」

这里的寻找对应的是搜索,在前面的文章中也有说过,这是个高级行为,只有用户很清晰自己需要什么,以及这个东西在哪里时,才会去使用搜索行为。

这一点尤其体现在老用户身上。

诸如书架、通讯录、产品、商品这些列表类型的模块都是起着分类作用,这个模块主要以搜索为主,内容信息大多以库的形式展示出来,这里是产品对象数量瓶颈的体现。

上面两种方式,基本是目前互联网产品里最常用的两种建立关系的方法,它们所对应的业务场景各有不同,但却部分重合。

因为新用户会逐渐成为老用户,老用户又会被推荐建立新的关系,新老交替的场景切换,导致这两个模块常常并列存在,互相促进。

另外部分UGC的产品,可能会选择在导航栏中添加发布入口,这也是建立关系的一种途径。

Step2:消费与“X”的关系

用户之所以会和新的对象建立关系,是因为这段关系有消费价值。

例如:

  • 用户会关注某个健身教练,希望平时也能跟着教练的课程一起锻炼;
  • 用户会收藏某个特价商品,希望在合适的时候把它买下来;

只有这段关系有消费价值,才算是真正满足了用户需求,如果一段关系只停留在建立的阶段,一直没有消费的入口,这就是一段无意义的流程。

就好比如在使用陌陌的时候,你不断地添加陌生人作为好友,但却从来没和他们聊过天,从消费关系的角度来看,这并不构成真正意义上的陌生人社交,因为这只是一个匹配的过程罢了。

所以必须存在一个模块,专门是为了消费与“X”的关系:

消费关系

「模块例子:聊天列表、购物车、关注、消息、动态」

Step3:自我管理

「模块例子:我的」

显然,这个模块的职责就是承担起一切关于产品账户、个性设定、产品交互痕迹的管理。

管理行为包括常见的:删除、编辑、查询,这里是用户拥有自主度最高的地方,也是用户归属感最强的区域。

基本上以上这些就是导航栏设计的底层逻辑。

我们常常会发现,很多产品在导航栏中同时出现:资讯、精选、发现等这种tab,导致用户短时间内根本无从下手,并不知道应该看哪一个。

这是在同一个业务步骤上,出现多个同质化模块的错误做法,往往这样子只会瓜分原本就不多的用户注意力,分发了源头的顶级流量。

所以你会发现,在很多产品当中,首页和发现就是个异常鸡肋的存在:

  • 你的产品真的需要有一个首页吗?
  • 用户与对象建立关系的过程当中,真的需要一个首页来嫁接吗?
  • 首页在这里到底起了什么作用?

毕竟每多一个步骤,都能带来不必要的流失。

雅格布的结论

在单一业务场景的产品里面,最忌讳的就是使用同质化的导航模块,而一条清晰易懂的导航栏是提升有效转化的第一步。

不同类型的产品导航栏在不同的设计步骤上只是有所侧重,但绝不重复,甚至不应在文案设计上设置过多的理解障碍。

产品导航栏的设计步骤:

  • Step1:与“X”建立关系;
  • Step2:消费与“X”的关系;
  • Step3:自我管理。

#专栏作家#

雅格布,雅格布(ID:jacoblab),人人都是产品经理专栏作家。策略型产品经理,擅长需求挖掘以及产品增长,重点关注金融、游戏和社区领域,并对此类产品从0到1有启发性的实战思考。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议。

,
    推荐阅读
  • 07年的车还能开几年 07年的车还能开几年10万公里

    根据《机动车强制报废标准规定》规定,车辆是否报废只跟行驶里程有关,跟车龄无关。《机动车强制报废标准规定》第五条明确指出:小、微型非营运载客汽车、大型非营运轿车、轮式专用机械车无使用年限限制。年检这个不需要多说,去当地车管所正常年检即可。需要注意的是,15年车龄以上的车,需要半年检测一次,也就是一年检测两次。

  • 黑鸡怎么做好吃又嫩(黑鸡怎么做法)

    4、加少许老抽、蚝油、米酒、盐、白糖。

  • 宋茜谭松韵同框图(谭松韵和宋茜同框快本)

    要知道宋茜可是有1米w68的呢,而体重只有45kg,这真的是魔鬼身材了,而无论在戏里还是戏外宋茜走的也都是御姐的类型,不得不说宋茜的气质真的是太好了。她现在也是圆圆的脸蛋很可爱,而且身高也是要比宋茜矮上一些的,因此两人虽然只相差3岁,但是看起来的年龄差距却是要更大一些呢!谭松韵和宋茜同框《快本》,两人相差3岁,气质差距却很明显!

  • 智齿一定要拔掉吗?不疼可以不管?专家终于说了大实话

    由于智齿的生长属于基因设定,除了部分具有先天性缺失的人群不长智齿外,几乎所有人都会长智齿。周丽斌建议,在20岁左右就拔掉智齿,因为年轻人的愈合能力较强,其恢复的能力也较快,而且,手术操作较简单且风险较低。周丽斌坦言,其实现在的拔智齿手术,基本能做到无痛治疗,但麻药过后,还是会有痛感,类似于智齿发炎时的痛感,但程度稍轻,通常会服用止痛药。

  • 金立手机开机密码忘了怎么解锁(金立手机开机密码忘了解锁的方法)

    跟着小编一起来看一看吧!金立手机开机密码忘了怎么解锁手机关机后,同时按住“音量增加键”和“电源键”不放,3秒后进入工程模式。进入工程模式之后使用音量键控制光标选择选项。选择之后,按“电源键”确认,再选择。

  • 母貉难产有哪些征兆,该如何处理 母貉发!情有什么表现

    母貉难产表现为,到了预产期或超过预产期,拒食数顿,表现十分不安,回视腹部或嗅舔外阴,不断发出痛苦的叫声,常在阴道外有胎水流出,但不见产仔。人工助产首先要将母貉的外阴及助产者的手进行消毒,然后手伸进阴道,将胎儿的体位理顺,配合母貉子宫的阵缩,拉出仔貉。

  • 小猪佩琪简笔画图片(小猪和佩琪简笔画)

    小猪佩奇简笔画简笔画教程快来一起来小猪佩奇的乔治,我来为大家选一些画的不错的小猪佩琪简笔画图片?小猪佩琪简笔画图片小猪佩奇简笔画简笔画教程快来一起来小猪佩奇的乔治简笔画小猪佩奇吃棒棒糖真是太甜了简笔画教程快来一起来小猪佩奇的乔治今天给大家分享宝宝们的爱小猪佩奇简笔画小猪佩奇简笔画大全小猪佩奇幼儿简笔画简笔画教程快来一起画小猪佩奇一家吧小猪佩奇简笔画

  • 枸杞生吃和泡水哪个效果好 枸杞生吃效果好还是泡水好

    枸杞虽然是药食同源的食物,但要是食用过多的话,很容易引起上火和脾胃不适的症状,因此一些性情急躁、易上火的人群,及处于感冒发烧、脾虚腹泻、身体有炎症的人群,都最好不要服用,以免导致病情加重。其次部分人群吃枸杞,还有可能会出现皮肤发痒、腹痛、腹泻等过敏反应,而过敏严重对健康是有严重危害的,因此对枸杞过敏的人群严禁服用。

  • 新婚新郎吻新娘(新娘洞房夜遭轮番舌吻)

    几天前,网友“梦小江”发帖表示:又见遂宁低俗闹洞房,外地朋友表示,都不敢在遂宁结婚了。其实,传统婚礼中的“闹”,主要是为了减轻新娘与夫家亲戚及丈夫的陌生感,延伸婚礼的喜庆和热闹。2013年10月26日,媒体报道了“16岁女孩当伴娘被扒光衣服”一事,引起热议。各地读者纷纷痛斥婚礼中的陋习丑态和不文明行为。提起一个月前的事,小丽的父亲仍然很愤怒。

  • 心旷神怡近义词(词语心旷神怡近义词)

    我们一起去了解并探讨一下这个问题吧!心旷神怡近义词赏心悦目:看了舒服。指看到美好的景色而心情愉快。形容悠闲而舒适。但王猛悠然自得,不把这些放在心上。