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

“百度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-

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

综合评分:

我的评分
Xinstall 15天会员特权
Xinstall是专业的数据分析服务商,帮企业追踪渠道安装来源、裂变拉新统计、广告流量指导等,广泛应用于广告效果统计、APP地推与CPS/CPA归属统计等方面。
20羽毛
立即兑换
一书一课30天会员体验卡
领30天VIP会员,110+门职场大课,250+本精读好书免费学!助你提升职场力!
20羽毛
立即兑换
顺丰同城急送全国通用20元优惠券
顺丰同城急送是顺丰推出的平均1小时送全城的即时快送服务,专业安全,准时送达!
30羽毛
立即兑换
黑马哥
黑马哥
发表文章70
一群执着于设计的黑马,为你带来原创设计文章/教程/职场经验/专业拔高。
确认要消耗 0羽毛购买
学习一下大厂是如何做设计的吗?
考虑一下
很遗憾,羽毛不足
我知道了

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


一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规,对以下违法、不良信息或存在危害的行为进行处理。
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羽毛~
(羽毛可至 "羽毛精选" 兑换礼品)
好友微信扫一扫
复制链接