APP推广合作
联系“鸟哥笔记小乔”
学习一下大厂是如何做设计的
2021-09-13

“百度App”返回首页

关键词:#用户体验#

产品体验:


打开百度app,搜索目标词后显示搜索结果页,在页面底部标签栏最后一个icon可以看到百度的logo,点击后返回首页,在首页中该位置icon为我的。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


作为以搜索为主要功能的移动产品,用户在搜索到深处时,往往在结束时需要关闭整个页面或者逐级返回,这是一个很消磨耐性的一件事。百度在搜索结果页增加一个直接返回首页的按钮,用户可以通过这个按钮节省操作时间,优化了用户的使用体验。

“抖音”中西瓜视频的下载引导

关键词:#引导# #弹窗#

产品体验:


在抖音中浏览短视频内容,在看到剧集内容时点击底部横条入口,跳转新页面西瓜视频播放,在视频播放中会弹出弹窗提示去下载西瓜视频app观看。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


在抖音与西瓜视频联动中,首先是用户体验,该页面中快进的情况下会弹出该提示弹窗,或者正常播放会显示一次,虽然对用户来说很阻断,但是用户在频繁的提示下会潜移默化的去被暗示下载,加上高质量的内容,会是提升下载注册的一个好的手段。

其次就是在视觉上,弹窗的黑透的透明度比较高,用户在能看到后面内容的前提下,尽量做到了突出提示文字与按钮,也是强化用户下载的一个方面。

“抖音”的人性化设计

关键词:#推送# #提示#

产品体验:


在长时间使用抖音后,页面中头部会有站内推送消息,提醒用户已经长时间观看注意休息。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


作为高速网络的产物,抖音已经成为了国民级产品,同时也是熬夜利器消磨时间的产品,用户在沉浸式的抖音中刷到停不下来。

针对这种情况下,设计上线各种提示用户的功能,在原有提示是穿插一条短视频提醒用户该休息了,现在又增加了推送的文字提示,强提示用户,这样的做法不会想广告这样的消息,用户不会感到反感,相反这是温馨提示,用户虽然会离开,但是无形中增加了对产品的好感度,反而刺激了用户的下次打开。

“小红书”增加食欲的特效

关键词:#特效# #用户留存#

产品体验:


在小红书中搜索饭菜的制作方法,在搜索结果中点击一个进入,可以看到饭菜的图片上会有“热气”的感觉。

鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


小红书在身边的感觉像是一个生活字典的存在,用户会在上边搜索穿搭、做饭、出行等等,在饭菜的图片上增加特效,会让本身看起来不错的饭菜更可口一些,激发用户的停留时长,除此之外,动态的特效会比静态的图片更有趣味性、更吸引用户了解内容,同样留下来用户。

“虎嗅”晚报阅读

关键词:#语音播放#

产品体验:


在虎嗅中首页banner下方的首条内容为滚动推荐,在夜间除了这里会推当天发生的要闻,也会系统推夜间要闻的消息,点击后进入语音播报,同时在列表可以看到历史夜间要闻。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


作为媒体平台,很多产品都会增加当天新闻这样的功能,但是传统的文字阅读在当前的快节奏生活中显得有点乏力,更多科技技术可以支撑起更好的语音播报。

虎嗅在这里采用的语音播放既解放了用户的眼睛阅读,又没有传统机器人阅读的那么生硬,同时在播报之前增加了概述,用户可以听前几秒就知道今日大概发生了什么,决定要不要停留,很好的降低了用户的操作时间,减少了等待给用户带来的烦躁感,提高了该功能的用户体验。大家不妨到晚上的时候体验一下~

“书旗小说”首页不是首页

关键词:#好奇心# #互动#

产品体验:


打开书旗小说后,进入到底部功能标签的第二个书城为首页,第一个为书架。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


为什么说首页不是首页,在通常产品中打开的产品首页往往是第一个底部标签的icon,也几乎已成为所有移动端互联网产品默认的规则了,但是在书旗小说并没有,而是第二个icon是首页,用户要自己切换到第一个才知道潜意识中,应该是首页的位置是什么东西,这样位置的变化无疑为用户增加了好奇心,提升了用户对产品的点击探索,提高互动性与用户黏度。

“腾讯视频”内容游戏联动

关键词:#运营#

产品体验:


在使用腾讯视频看节目时,在横屏操作下右下角会有一个与节目相关的按钮,点击后从屏幕右侧弹出弹窗引入介绍。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


对于热门节目/剧集中的引流,成功率无疑都是很大的,以《云南虫谷》这部剧为例,由于第一部的成功带来的话题热度,延伸到第二部,热度的增加带来直观的效果就是用户的增多,在操作时,不同与功能性按钮的样式,这里的样式与剧集结合,用户可以很快的注意到这里,点击后也是与剧集内容相似的内容,感兴趣的用户会很快的转化去了解,是一种比较有效的联动方式。

“腾讯视频”的不跳过片尾

关键词:#用户体验#

产品体验:


在腾讯视频中横屏看视频,在视频播放即将结束时,会在屏幕的顶端出现“不跳片尾”的按钮。

鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


现阶段的长视频中多数都会增加“跳过片头”“跳过片尾”的功能,意在节省用户非必要观看时间。但是在腾讯视频中,这里并没有跳过片尾,而是不跳过片尾。随着国内版权的重视度提升,对演职人员的尊重度提升,“不跳过片尾”的反其道而行更可以获取用户的好奇心理,彩蛋心理的会增加用户对后续的内容观看率。

“抖音”对广告内容的调研

关键词:#推送#

产品体验:


在浏览视频时,中间穿插内容广告,在底部会显示一个调研按钮,是喜欢还是不喜欢,根据用户的点击选择系统会保留相似的广告或者减少。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


产品中增加广告的成份是商业增长的必要一环,但是日益增加的广告也对用户产生了烦躁的情绪,广告在影响用户对一个事物的决定。抖音在这里做了一个比较好的平衡,在广告的部分加上用户对广告的调研,以区分不同用户之间的针对性推荐,达到产品的个体化区分,进一步提高广告的价值,也是降低部分用户的烦躁感。

“贝壳找房”的引客电话

关键词:#转化#

产品体验:


在贝壳找房中,用户选择一个房子的详情,点击图片看大图,在向左滑倒最后一个图片时继续滑动,会显示在先询问或者打电话的按钮。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


对于看房的用户来说,与买衣服相似,不上身试一试这个很可能就错过了,所以店员都会鼓励客户试一试很可能就多一个销售单子。

同理,这里的咨询和打电话都是对用户的一个引导,希望用户可以和销售人员有更多的交流,最后到线下去看一看,促成结果转化的一个方式。在交互方面,由于一直向后滑动,用户会有一个惯性看看后面是否还有图片,多数用户会忍不住继续滑动,但是放在开头或中间或阻断弹窗的形式就会影响用户心理,反而适得其反,起到副作用。

“自如”banner的趣味性(ios)

关键词:#用户体验#

产品体验:


打开自如app,看到首页后上下左右轻晃手机,可以看到banner上的元素也在晃动。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


在移动端产品众多的同质化情况下,也许有趣的一个小点就可以让用户对其产生改观,利用手机自身所带的重力感应,就像ios的桌面一样,自如的banner也设计成重力跟随,用户在不同的角度看到的内容基本不发生变形,还增加了产品的趣味度,提升了用户体验。

“滴滴出行”增加车辆类别

关键词:#引导# #留存#

产品体验:


在使用滴滴打车时,选择了打车的类别后叫车,当还有选择时系统会提示时候增加叫车类别,以达到更快叫到车辆。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


在打车前看到价格后用户一般选择便宜的车辆列别,但是在打车中可能会遇到车辆较少,附近没车的情况,导致用户叫车时间增加带来不好的用户体验。在最近的更新中,滴滴将这样的情况进行了优化设计,在用户没有打到车的情况下会出现引导,让用户增加车辆类别,由低到高的价格提示,选择之后会显示选择的叫车车型类别,这样增加了用户的打车成功率,提高留存的基础上也提升了用户的使用体验。

“美团”周边游中的变化icon

关键词:#动态# #引导#

产品体验:


在美团的周边游/旅游的内容中,金刚区第一个icon公园游乐场为动态变化的形式展示。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


在移动端的界面中,多数为静态页面,用户没有动作的情况下没有变化,这时要是有一个动态的元素那一定是一个很吸引用户的点。

以美团的这个icon为例,在整体静态页面下,游乐场这个icon是常规样式与旋转木马的变化,吸引用户关注。同时,用户可以从icon样式上直观明白意义,不需要大脑的反馈,缩短用户的思考从而快速将用户引导至详情。

“小红书”搜索结果的筛选

关键词:#搜索#

产品体验:


在小红书中搜索关键词,得到搜索结果,在内容与大标签中间的筛选条件中,用户可以选择图片或者视频。

鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:
对于小红书这样的已经被用户当成生活类产品使用的app,用户就是冲这种草而来,有一部分用户就喜欢看好看的图片,自己可以拍同款,也有用户喜欢视频的拍摄方式种草,这样的需要下产生了这种简单又实用的筛选条件,帮助不同的用户完成自己想要的搜索结果。

“高德地图”DIY

关键词:#操作路径#

产品体验:


在高德地图中的DIY地图中,用户在制作完成路线后可以选择起点开始的地点。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


在DIY地图中,用户制作多个地点并串联起来,但是会遇到提前制作突然去的情况,可能1号点就不是最优的出发点了,这样的情况下可以选择其他点作为起点出发,不需要重新调整顺序,简化了用户的操作步骤。

“mars”定位的切换

关键词:#定位#

产品体验:


在首页页面左上角,可以看到定位的标识,点击后翻页进入城市推荐页面。


鸟哥笔记,产品设计,黑马哥,内容产品,产品机制,功能设计,产品思维

设计思考:


在mars中,定位是个很有趣的功能。首先是交互方式,首页到城市列表的翻页不是常规显示,而是设计了动画的过场效果,感觉是新的一块内容,很吸引用户对后续页面的探索性。除此之外,搜索页面也不是常见的列表形式,这和产品本身的需求有关,并没有像常规的二八法则的方式区分,而是挑选了主要的城市做列表,其他城市也都是通过定位才可以到达,定位的内容显示也直观的反应在了首页的推荐和当地的标签中。

本期产品设计细节分享结束,我们下期再见。

-END-

黑马哥
分享到朋友圈
收藏
收藏
评分
评论

综合评分:

我的评分

参与评论(0)

评论规则

暂无评论,快来抢沙发吧~
登录后参与评论
发布评论

鸟哥笔记限定畅饮吸管杯600ml
超大容量,让你爱上喝水
2000羽毛
立即兑换
鸟哥笔记灵感酷黑笔记本
既是笔记本,又是营销知识手册。
1500羽毛
立即兑换
【新品】办公/外出两用静音充电小电扇
办公桌必备小电扇!
2000羽毛
立即兑换
黑马哥
黑马哥
欢迎在鸟哥笔记发布自己的文章,在这里,写出自己的影响力。投稿请点击此处
确认要消耗 0羽毛购买
学习一下大厂是如何做设计的吗?
考虑一下
很遗憾,羽毛不足
我知道了

为了促进广大用户对鸟哥笔记网站的干货文章做出更加客观、真实、优质的评论,为其他读者在学习干货时提供参考,特地制定本评论规则。

一、什么样的评论内容会被通过

15字以上的、基于文章内容的优质评论。

二、什么样的评论内容不会被通过

1、15字以下的评论;
2、“已阅”,“1”,“11”,”666”,“学习”,“学习了”等明显划水的内容;
3、重复评论,即在多篇文章下面发布同样的内容;
4、带广告性质的内容(含网址、电话、微信等);
5、评论内容与本文无关的;
6、带诋毁,辱骂,色情,赌博、暴力等不符合社会主义核心价值观的内容,及一切法律法规不允许的内容。

最后,你的评论在审核通过的同时,还可以获得5羽毛的奖励,羽毛可在 "羽毛精选" 兑换各类小礼品哦~

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