10个产品细节剖析,看看大厂是如何做设计的!

前言

若想提升用户的粘性和留存率,产品需要在设计层面做好考量,给予用户更美好的使用体验,以有效避免用户的流失。那么,有哪些产品的设计细节体现了这类思考?本篇文章里,针对部分产品的设计细节做了分析,一起来看一下。

小宇宙

隐藏的彩蛋-情感化背后的思考

1. 使用场景

当使用一款较好的产品时,会不自觉地探索每一个模块。

在「设置」-「关于我的」中,向上滑动屏幕时,会出现一个电池盒的装置,让用户看到耳目一新的品牌传达。

10个产品细节剖析,看看大厂是如何做设计的!

2. 设计思考

设计目标:提高用户使用产品的粘性,为「Z 世代」年轻人提供彩蛋等有趣、可探索的设计方案,从而提升产品的传播与使用频率。

作为一款音频博客 App,和其他产品不一样的是,「小宇宙」抓住目标用户需求,去掉附加功能(可扩展的消费场景功能等),给用户清爽、简单、易操作的使用体验,同时内容推荐更符合我的需求。虽然小宇宙产品依托手机平台不需要外置的电池装置,但小宇宙依然给展示出来虚拟的电池装置。我们都知道,移动互联网还未到来时,听音频都要去电器城买收音机,最头疼莫过于听着听着突然没电了,还要更换电池才能继续收听。都是经历过才会有的感受。现如今,当用户在「关于我的」发现收音机电池装置,会有一种怀旧与神奇感并存,不仅加深了品牌记忆点,还能抓住用户心智给予情感化寄托。

这里就要补充一下,当用户看到时一定是自发性的,再加上传统电池壳都会有品牌漏出,用户既不会觉得过多宣传,也不会过于反感。反而会加深用户记忆,增加用户粘性。从设计的角度,标识+产品文字(制作起来不算难),但小小的设计就可以让用户形成品牌记忆点,真可谓一举两得。

一款好的产品不需要打扰用户、强制外漏。相反,而是十分腼腆,给用户更多的空间去探索发现,团队只需要把产品做好,满足用户需求就足以。

设计方案:可以在不干扰用户操作的页面以外,或者是产品本身的宣传页,关于产品页等较能表达产品理念的展示页面提供一些小小的彩蛋。一定注意不要强制外漏来表现设计。因为,你不知道哪部分用户会反感,哪些用户会喜欢。

微信读书

收藏与返回-贴合场景高效操作

1. 使用场景

在阅读过程中,提供两种关闭书籍的操作,一个是顶部导航栏的返回按钮,另一个是上滑退出。

10个产品细节剖析,看看大厂是如何做设计的!

2. 设计思考

设计目的:解决单手操作时,返回首页按钮难以触达的交互手势。

设计方案:在专注阅读时,通过上滑交互,可以快速返回首页,也可点击标签栏的返回图标,提供两种返回的交互形式,满足不同用户操作习惯。既然有上滑,那下拉是什么?下拉反而能「添加当前书签」再次下拉「取消当前书签。」上滑「返回」、下拉「收藏」两个交互对立又互斥,只要做不好,使用体验就大打折扣,好在「微信读书」做出来了,并且在使用效率上提高了很多。

蚂蚁森林

收取能量-快速收取能量的方法

1. 使用场景

当我收好友能量时,经常会花 2-3 分钟来重复操作,消耗的时间过长,体验不好。

10个产品细节剖析,看看大厂是如何做设计的!

2. 设计思考

设计目标:解决用户通过瀑布流好友列表,挨个进入挨个返回,操作过多,浪费时间的问题。提高收能量的效率,降低操作时长,提高用户收好友能量的互动性。

设计方案:在「蚂蚁森林」页面,能看到右下侧有找能量按钮,点击进入可收能量的页面,通过不断点击相同位置,可进入不同好友主页,固定的操作入口,固定的操作,从而提升收能量的效率。

偷偷告诉你一个秘密,在 watch 中收能量,要比手机更方便更便捷。

抖音

放大看-细节更清晰,内容焦点更明了

1. 使用场景

同一个视频,不同人看关注的焦点不同,很难满足所有用户观感体验。

10个产品细节剖析,看看大厂是如何做设计的!

2. 设计思考

设计目标:解决不同用户聚焦内容的清晰呈现。

设计方案:用户在观看视频时,双指在屏幕上放大缩小,可放大视频本身,看到更清晰更想看的内容。作为全民都在使用的产品,上传的视频会有各种尺寸,手机屏幕是固定的,想要看训练姿势的细节,只有放大才能看得更清楚。还有类似「5 分钟电影」中某个人物或细节,通过双指放大视频,来看到更清晰的内容。

知乎

快捷弹幕-预判用户预期的弹幕才是精华

1. 使用场景

当产生共鸣、认可观点或有笑点想要快速发弹幕时,输入文字的时间过长,造成视频观感的断续。

10个产品细节剖析,看看大厂是如何做设计的!

2. 设计思考

设计目标:解决输入弹幕文字时间过长从而错过精彩瞬间的问题,或想发弹幕苦于当下词穷等问题。

设计方案:在知乎中,视频页下方弹幕列表提供三种发送弹幕的方式,分别:文字、表情、快捷弹幕。要想高频发送弹幕可以点“快捷弹幕”这里推荐了本视频内以及同话题视频中高频出现的短句和知友的神弹幕,总有一句是你的菜。在体验感与效率提高的同时,发送速度也快了 N 倍有余。这样的解决方案能给用户带来更高效的使用体验。促进弹幕的使用频率,提升视频活跃度。

中华万年历

切换日历类型-给不同用户提供多种选择

1. 使用场景

用户想对照日历看天气、星座、择吉日程、需要来回切换不同软件或者 Tab之间来回切换,页面之间割裂感强,非常影响操作体验。

10个产品细节剖析,看看大厂是如何做设计的!

2. 设计思考

设计目标:提供多种日历类型,快速切换,减少学习成本。

设计方案:在「中华万年历」日历模块,点击底部 TAB 中的「日历」模块,供用户选择四种日历类型,分别为:传统日历(展示农历阳历、节假日、节气等)天气日历(只在未来 1 个月中展示温度图标和温度、)星座日历(本人与每日速配星座以及运势等)择吉日历(嫁娶、出行、入宅、开市、盖屋等等)。

保持统一设计语言的同时,侧重不同内容的展示,既能视觉降噪,还可以给用户提供人性化解决方案,真可谓一箭双雕。

闲鱼

个人页快捷入口-提高曝光,同时解决屏幕过大导致的高频热区点击问题

1. 使用场景

选好一款二手产品,沟通聊天都很顺利。想进一步查看卖家信誉度、平台认证等信息,以确保安全可靠。这时会点击头像区域进入卖家主页,商品详情页与卖家主页、聊天页与卖家主页都会存在频繁切换操作,如何缩短手势距离,提升交互操作。

10个产品细节剖析,看看大厂是如何做设计的!

2. 设计思考

设计目标:解决卖家主页快速访问操作,提高卖家「宝贝」更多曝光,从而提高商品的成交率。

设计方案:用到 iOS 系统交互,左右两侧沿屏幕横向滑动手势,屏幕右侧向左划入进入卖家主页,屏幕左侧向右划入返回上级页面。不仅如此,给予‘左滑看 TA 的闲鱼号’文字描述,更能加深用户使用产品时的交互操作,提高主页曝光,展示更多商品给用户。

盒马

食材百科-全新体验让你爱上做饭

1. 使用场景

做饭时,先选好要吃什么食物,再去买对应的食材,遇到商家缺粉缺料的情况,真是让人头疼,做饭兴致瞬间降低。

10个产品细节剖析,看看大厂是如何做设计的!

2. 设计思考

设计目标:一站式服务,先选要吃的主(食材)再去挑选菜品和对应的佐料(就好比点外卖:我今天想吃米饭、炸鸡,土豆粉。一定是有目的地先选择(食材)方向。而不是今天想吃粤菜、或者川菜,具体吃什么再进行菜品选择(啊好烦,还是吃土豆粉好了)。大大降低做饭的制作体验。

设计方案:在「吃什么」-食材百科内,按照果蔬市场菜品分这几类:肉禽蛋、蔬菜、水产等。把当季果蔬都罗列出来。

用视频呈现出来,直观了解制作过程,降低理解成本。不仅如此,底部购物筐提供一站式的食材和佐料,只要一键下单,即可坐等食材送到家。相比某厨房选好菜品,再去对应佐料一个个购买,增加时间成本的同时,做饭兴致也慢慢降低。可能出现:食材到了,我已经不想做饭这种情况。

iPhone 地图

快速显示导航-绕过解锁操作,触达屏幕即可显示

1. 使用场景

出门靠地图,一部手机走天下。在骑行导航中,大致看一下路线后,手机会短暂放进口袋中,再次看地图时交互路径(唤起屏幕-解锁手机-打开后台应用-进入导航)在场景中打开地图的成本增加,对于用户来说,使用体验大打折扣。

10个产品细节剖析,看看大厂是如何做设计的!

2. 设计思考

设计目标:解决进入地图时的交互入口,优化场景中的操作路径,更快进入地图中。

在乘车时,乘客向司机说明目的地,但司机不知道具体位置(手机很卡顿、高龄本地司机不会用地图、外在因素干扰等等。)需要乘客手机开导航来引导司机开车。

再或者朋友开车带你,要是用你的手机地图引导,手机给出去心里多少会顾虑一下,会不会看我的手机等等,毕竟这个时代,手机已经成为个人隐私的全部。

设计方案:苹果地图基于 iOS 原生系统的优势,当开启导航时。地图即便放到后台再锁屏,依然可以轻触屏幕唤起导航,缩短路径的同时,不需要解锁等复杂操作。即便让他人来使用导航,也不会担心偷窥你的隐私。因为显示逻辑只在锁屏上方显示地图,除了看地图别人操作不了任何东西。大大提升使用者的安全感。

美团单车

快速开锁-减少繁琐链路,一扫即开

1. 使用场景

和小伙伴骑车时,遇到扫码流程多,开锁时间长,当朋友都在等你时,一直开不了锁的你内心会无比尴尬。

骑车出发一定是有目的的,希望整个链路流程简单且流畅。

10个产品细节剖析,看看大厂是如何做设计的!

2. 设计思考

设计目标:解决扫码开锁时过多操作跳页带给用户等待的焦虑感,缩短开锁时间。

设计方案:无论在「美团单车」「美团」「微信」中,通过扫一扫判断付费用户都能直接进入开锁环节,新用户或未付费用户会在扫码后出现骑行价格明细,可以先骑后付,也可以先付再骑。相比「青桔单车」,即便你是付费老用户,也要先:扫一扫-进入小程序-再次扫码开锁。全部操作,在逻辑上是合理的。但在具体场景下,用户使用时进入小程序操作就是繁琐的一个步骤。

这里给「青桔单车」的解决方案,针对新用户,扫一扫-进入扫码骑行页面(按钮上方购卡服务),付费老用户,扫一扫-开锁环节,减少操作等待时间,提升用户使用体验,提升续费购买率。

结语

设计师要有发现美的眼睛。美不仅是视觉,还有好的体验流程。不要让用户思考,这是每个设计师所追求的。认真记录产品细节,了解背后的思考,也是不断提升自己逻辑思维和表达能力的一种方式。

本期产品细节分析结束,我们下期再见!

10个产品细节剖析,让你看看大厂是如何做设计的!

作为 UI 设计师来说,都是一群细节猎人,以像素级的细节刻画着每一个需求。

阅读文章 >

10个产品细节剖析,让你看看大厂是如何做设计的!

感谢大家对黑马家族感官体验日记栏目的关注和支持,本栏目皆在为大家带来优秀的设计解决方案和不一样的设计思维。

阅读文章 >

文章来源:

Author:碳水Sir
link:https://www.uisdc.com/product-details-4