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

释放双眼,带上耳机,听听看~!
设计师需要养成体验产品的好习惯并将优秀的产品细节记录下来,不仅能提升自己的语言组织和总结能力,也为日后输出优秀的作品当铺垫。

设计的思考不仅要注重表象层面,也需要围绕信息传达这一设计的本质功能,以充满自省的精神深化和反思自己的设计意识,即做到“好看、好用”。在设计过程中,要站在公司的利H q Y = r益上,懂用户所想,在每一个关键点都要带给用户意想不到[ B } Y ) r t a的惊喜,这些往往都是通过细节体现出来的。

「微信」添加好友:_ b T D扫描与被扫指尖切换

1. 产品体验:

使用微信扫一扫添加好友时,如果对方打开二维码的速度较慢(网络不好/手机卡顿/操作不熟),为避免自己久等,可通过左1 g l U l y w W下角的二维码入口将自己的个人二维码提供给对方扫描添加。

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

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

2. 设计思考:

微信的扫一扫功能简直强大到不敢相信,除了我们日常要用的支付B A _ K _ L x G付款、物品查询、各种信息的获取等,还有一个重大的功能就是添加好友。不知道大家有没有碰到过这种情况,需要添加好友时,自己打开扫一扫,过了很久却发现Q ~ r ! K W 2 5对方还在功能的路径中徘徊,迟迟没有打开二维码页面,这时我们不得不说一声“你扫我D J ; 5 6 p s O o吧”,于是自己从扫描页面返回,一顿骚操作,把自己的个人二维码给对方展示了出来。

微信在扫一扫页面左下角提供的个人二维码入口,便于在加好友出现问题时,随时由= l g 0被动变为主动,F / w Z指尖切换扫描与被! 2 _ .扫的添加方式,节约用户时间成本以及缓解扫描等待的焦虑感。基于用V p ) 9 { c B户添加好友时所处的使用环境,考虑周全且人性化,极大方便用户使用。

「高德地图」录入车牌号:降低限行违章概率

1. 产品体验:

在高德地图的导航设置中,录入自己的车牌号并开启避开限行提醒,在导航过程中如果途径限行路段,系统会有语音播报提醒并自动避开限行路段重新规划路线。

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

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

2. 设计思考:

自北、上、广、深四个一线城市交通部分别出台汽车限行措施后,其他部分城市也相继出了限外政策,外地车牌x r g L f (如果想要在本城市随时出行,需要(部分城市通过摇号)获得本地车牌号方可。不管我们对交通路线有多M . ! ^ 2 u F M L熟悉、或者经过其他城市的限行路段,因限行导致的违章真是防不胜防,毕竟每个地方的限行政策都是通过固定渠道对外宣布,不会通知到每一个驾驶员,如果不能第一时间获得限行讯息,悔之晚矣。

使用高德地图导航,在登录后录入车牌号并开启“避开限行”,系统就会自动检测导航路线,如果要经过限行/限外路段时r Z N w * R E会自动重新规划,通过绕行来避让限行的路段,如果无法避开则提示:已+ [ O e V { Q无法为你规避t j 0 5 7 Q h 2 c限行路段,请合理安排出行。自动规划路线能够有效避免因限行导致的违章,给我们造成经济损失,尤其是驾照,毕竟一周期才12分。就算无法避开,也可以通过语音提前知道3 R X ! 2 6限行路段,并合理安排出行时间。

(PS:虽然很多用户感觉无需登录也可以正常使用,但登录之后可以享受更多特权以及更加优质? + = t A } M o I的服务)

「支付宝」你想要的收款二维码样式是这样的

1. 产品体验:

在支付宝的收款二维码页面截图时,系统预判用户有使用二维码收款的需求,通过弹窗提示是否需要保存二维码图片,自动去掉无关信息并统一规范样式。

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

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

2. 设计思考:

移动支付自上线开始,微信支付和支付宝支V . n Y Q付各自占领着半江山,只要涉及线上交易,绝大多数~ D 4 1 q用户每天必定会选择其中一个使用,虽然两大企业的方向截然不同,但支付系统在用户体验方面都是一如既往的持续提升,以此来增加用户的粘性。

支付I 2 f c S B *宝收款二维码页面触发截图,在截取成功的状态下,同7 . . / : | Q d时弹出保存二维码图片提示。跟设备截取的图片相比,单独保存的二维码样式更加简洁,且规范统一,信息内容更加聚焦,便于用户直接传送或打印使用。其实进入@ / b &收款1 Z e ( c f 9 T s二维码页面,在下方原本就有保存图片入口,基于用户进入此页面的需求明确,对性子较急且耐性较低的9 , } a /用户来说,这个被弱化的保存入口,可能直接忽略(别不信,我见过有人手上拿着手机还在到处找手机)。截图时出现的弹窗提示,相当于上了一道保险,避免使用截图自行裁剪打印的样式不统一,导致付款用户心中原本就已存在的默认收款二维码样式发生变v % f c z 7 D Z L化,形成认知负担。

「抖音」暗示用户:好看就要分享

1. 产品体验:

在抖音短视频页面停留一段时间后,分享图标会l b b + h A 0自动变成最近常分享的某个用户头! – c c 9像,暗示用户好东西要分享。

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

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

2.6 R Q . 4 $ = s e 设计思考:

抖音作为当前最火的短视频(直播)平台,相信很多用户即使不经常玩,但最起码会玩,虽然有部分低俗、劣质的用户在破坏着平台的规则,但整体看来是利大于弊的,其他H s F的交给人O – / # ^ L S w z心。下3 ? ~ I P y载抖音的用户大部O m p {分获取来源应该是来自于他人的分享,一传十十传百,最终传到人手必备,所以平台是相当注重分享功能的用户体验。

抖音的分享功能,其实还有一个小细节,当我们停在某个短视频页面一段时间时,原本的分享图标会变成最近: ~ D w w分享的用户的头像。用户对分 ; w d * g G享功能都有常规的认知,当我们在观看某个视频一段时间后,系统自动评判该用户对此视频感兴趣,基于用户看到感兴趣的东西就喜欢炫耀、分享的心理(比如“孙悟空到此一游”),系统将分享图标变成用户头像,意在提p 4 t n ! q E I d醒观者分享,以达到最大化传播可能的目的,以及为平台8 w { n 2 q拉取新用户。

「智行火车票」搜索攻略:确保使用的流畅性

1. 产品体验:

首次打开智行火车票的搜索功能,会自动弹出 B } ( Zk 8 i w C u 8索攻略,以指导用户可搜索的范围及使用规范,后续再次S E e 2 1 + B s &打开搜索即恢复常规用法,如果再次了解,点击搜索攻略即可。

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

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

2. 设计思考:

对于搜索功能,可谓是熟悉的不能再熟悉了,千篇一律的输入关键字即可,大不了重新再来。搜索是产品中不可或缺的一部分,无论打开哪个App,都能很快找到,但如果搜索功能做的好了,也是用户转化的关键流量入口,比如搜索方式、呈现样式、搜索引导等,用户体验不容忽视。

智行火车票APP的搜索攻略就是在合适的时间、合适的地J S / ~ L B s 点准确的传达给用户。首次进入,即自动弹出搜索攻略教育2 T G Y P x 0 3 k新用户,明确的告知使用搜索功能可以搜什么?怎么搜?避免用户一打开就直接撸字,而造成使用错误的概率提高以及影响搜m % `索结果的准确性,用户一旦碰壁e i 8o p w r E很有可能转身就离开。自动弹出的搜索攻略由被动变为主动,可以提前告知用户i s f E搜索范围及关键词示例,降低出错的几率,让整个搜索流程更加顺畅,为后续的使用提供便利& U f 3 Z z,减少用户的流失。

「虾米音乐」评论:一键表达心情

1. 产品b E , I H `体验:

在虾米音b L A { 3 t 2乐听歌时,进入评论功能,除了可文字评论外,还能表达听歌时的心情,随时查看有多少同样心情的人在听这首歌,很有代入感! q ` 0 Q 8 y

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

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

2. 设计思考:

文字是我们交流常用的元素,但很多时候因使用的方. s a #法不当而造成含义上的变化,比如一段话后面加个感叹号,到底是消极还是Z q {敌意?声音也是一样,当我们开着车对行人按喇叭,是表示礼貌还是愤怒?而表情则是不同,0 U L R p 6 g A它表达的是一种类型,比如一个笑脸,可以理解为满意、开心、高兴等。表情除了可以委婉的表达自己内心的情感之外,也是因为表情的无责任性,你会听到人说,请注意你的言行,但没人会说,请注意你的表情包。

虾米音乐APP在歌曲的评论功能,除了有文字评论之外,还可以表达听歌9 U R 5 f I U w y时的心情,即表情评论。g p Y j = 进入评论页面,首先看到的是某某等几人使用的什么样的心情评论,并提示共有多少人h 4 m b参与,引导用户接下来该做什么,让用户快速地进入到产品使用中,给予了明确行为操作的指令,触发并提高了用户的参与度。另外使用表情相比文字评论更容易操作,系统预设好可供用( e Y x R户选择的表情包并附带文字提示,用户无需思考便可一键操作,很大程度上降低了完成的难度。事实表明,同样能达到目的的办法,简单的是最实用、也是最受欢迎。

「美团」收货地址:二次提醒降低出错的概率

1. 产品体验:

在美团提交订单页面选择好地址后,页面上滑,详细地址会悬浮在导航栏% W 7 % n } V,便于用户二次确认或修改。

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

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

2. 设计思考:

线上购物已经成为了我们的家常便饭,外卖行业解决着我们“吃”B J J B : O K ( ,的问题更不例外。通常W . k :我们在选择好商品后,地址作为重量级的信息都会优先展示在订单页面的顶部,首先基本都会提供一个默认地# r z G 3址,如果不需要进入地址修改即可。纵然如此,依然有部分用户因为急于下单,后续发现地址错误,就需要联系商家修改地址或者取消订单重新下单,浪费时间不说,还会影响心情。

美团APP在; & k 4提交订单页面,针对地址方面相O O s | 4当于加了一道保险。用户在选择完地址上滑页面后,详细地址悬浮在的标题栏上,点击可直接修改收货地址,虽然不一定每个用户都能看到,但长时间悬浮在页面顶部,时刻都在提醒着用户,只要稍一抬头,即可看到醒目的大字(地址),便于用户潜意识的浏览或眼睛的余光扫描,发现有误及时修改,降低下单时地址出错的概率,考虑w y K ? + [周全,给予更好的用户体验。

「菜鸟」下拉刷新:趣味化的“空投”

1. 产品体验:

菜鸟7 O F P 2 O X IAPP在页面下拉刷新的过程中,会有一个纸箱从空中落下的动画效果,类似空投,仿佛在说“你的补给已送到,请及时查收”,非常贴合平台的属性及特征。

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

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

2. 设计思考:

下拉刷新早就不是什么新鲜的E H 9东西k | T D s了,几乎所有的应用里都会有这个功能,通常都是一个持t [ % x K v J N续的动效在告知用户,页面的数据正在加载,请稍等,市场上很多APP的刷新样式都是大同小异。不过一旦做好刷新样式,就不仅仅是告知用户当前页面状态这么回事了,比如下拉刷新前后两种状态借助过渡动效连接到一起,让用户了解界面到底发生了什么改变,以及在刷新的过程中如何留住用户继续等待,避免用户焦躁的情绪……

菜鸟APP在下拉刷新的过程o / U ] P中就使用了趣味性的动画方式,首先通过空中出现的箱子缓缓落{ Y 6 H ; #F M ] S I 3 –地面,有趣又贴h R _ k合产品整体的设计概念,用生动形象的情感化设计反馈% O # @ f平台行为,为人机交互增加了趣味性和互动性,而且还可以缓解用户在等待刷新过程中的焦虑感;其次,这种动效可用帮助用户理解屏a R 9 |幕上发生了什么,也会让用户有所期待。

(看到这个动效,有没有似曾相识的感觉“5 8 n哇,那边b 3 6 k m H 5 V |有空投,马上要落地了,赶紧上车冲过去”)

, ) ~ U ]美团」匿名差评:降低商家对用户的骚扰

1. 产品体验:

对美团的订单进行评价时M p N E Y,如果选择差评(1~2分),系统将自动开启匿名开关以便于用于匿名评价,商家是无法查询到匿名用户信息的。

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

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

2. 设计思考:

评价在商品页面展示给所有用户,对店铺商品起着至关重要的作用Y N } k r Z C。95%的用[ z 9 i p d H户购物之前都会参考评价,好评会增加用户购买m W $ ,信心;而差评可能会让用户放弃购买这个V s K 2 8 [ L h ,商品,甚至& Z . [ l K O认为这不仅仅是劣质商s 9 k ) 7品,更有劣质店铺的潜在想法。其实有很多商家都有通过刷单来提升店铺的销售量和买家秀的质量,作假都尚且如此,何况是真实用户呢?l k ` % c ! W所以商品一旦有了差评,不仅会影响店铺的整体动态评分和好评率,还会降低店铺排名,很M 7 5 u 6 } N大程度上会影响其他用户判断及产品的转化率,所以商家一看到差评就激动得马上打A z b ^ 2 V t ]电话和买家沟通改评价,低头认错,尤t F B其是新店或者新品有差评时,不断的联系(骚扰)会给消费者带来一定的困扰。

美团APP的订单评价如果选择差评,系统将自动开启匿名评价,由被动变为主动,避免用户因情绪化或忘记打开匿名,而遭受到商家电话的骚扰,通过补偿被要求修改或+ P 1 V 2删除差评。当然,如果用户不想匿名,关闭开关即可。匿名评价不仅降低用户的困扰,还能提升商品评论的真实性,以协助平台通过大数据对整体店铺进行排名和评分展示,减少对后来消费者的误导。

(“这样岂不W W @ % 4 G D U是让很多键盘侠来恶意给店铺差评”。其实别忘了一个前提,就是必须要通过下单支付并等Z + a 2 ^ 7 {待订单完结后才可以进行评价,毕竟大部分用户不会刻意这! h l样做,J x U x & Z任何产品不就是满足80%以上的用吗?)

「钉钉」保护信息隐私的密聊

1. 产品体% V I S验:

从钉钉好友对x h U E X话框的右上角进D y ^ _ r |入设置页面,点击进入密聊,即可对聊天信息上一道锁,保护信息隐私安全。

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

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

2. 设计思考:

众所周知,我们在聊天的过Q % ` a 程中,信息很容易泄露,有很多窥探用户隐私的程序,比如进入某些网页会提示需要获取用户位置、读取通讯录等都属于隐私。尤其是社交类型的应用,会有相关保护交流信息的安全措施。如消息撤回、Z s h阅后即焚、动态浏览权限等都有一定效果。

钉钉推出的密聊功能就是聊天信息的一道安全锁。进入密聊后,~ ^ e I k消息禁止p i p 0 & 2 U p复制和转发、头像名字打码防截屏、不可被录屏、消息通知不显示内容等,很大强度上保护交流信息的隐私,给用户带来安全保障。

(有人会$ : ) ( J F问,用微信的人更多,为什么没有密聊功能呢?从用户群体和性质来分析,微信主打社交,男女老少通吃,基本上都是嗨聊、打发时间或平时的常规交流等;而钉钉主打的移动办公,主流的用户基本趋向于白领类型的群体,一般属于工作交流,很多聊天都涉及到商业信息,包括一些文件和商业机密,谁都清楚商业机密泄露的严f X 1 T 2 T ; 0 _重性)

结语

设计师需要养成体验产品的好习惯并将优秀的9 l 6 u 8 n E x产品细节记录下来,加强自己的记忆,不仅能提升自己的语言组织和总结能力,也为日后输出优秀的作品当铺垫,对自己的能力提升以及未来的职业发展带来便利。

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

往期回顾:

给TA打赏
共{{data.count}}人
人已打赏
教程分享

上万字干货!超全面的B端设计指南:表格篇(下)

2021-1-10 3:41:28

教程分享

腾讯实战案例!QQ运动是如何做用户体验升级的?

2021-1-10 3:42:38

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索