5

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

 3 years ago
source link: https://www.uisdc.com/10-product-details-9
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

我要投稿 编辑: 土拨鼠 作者:大漠飞鹰CYSJ 2天前 点赞 8 评论区 阅读本文需 14 分钟

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

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

1. 产品体验:

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

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

2. 设计思考:

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

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

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

1. 产品体验:

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

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

2. 设计思考:

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

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

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

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

1. 产品体验:

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

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

2. 设计思考:

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

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

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

1. 产品体验:

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

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

2. 设计思考:

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

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

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

1. 产品体验:

首次打开智行火车票的搜索功能,会自动弹出搜索攻略,以指导用户可搜索的范围及使用规范,后续再次打开搜索即恢复常规用法,如果再次了解,点击搜索攻略即可。

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

2. 设计思考:

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

智行火车票APP的搜索攻略就是在合适的时间、合适的地点准确的传达给用户。首次进入,即自动弹出搜索攻略教育新用户,明确的告知使用搜索功能可以搜什么?怎么搜?避免用户一打开就直接撸字,而造成使用错误的概率提高以及影响搜索结果的准确性,用户一旦碰壁,很有可能转身就离开。自动弹出的搜索攻略由被动变为主动,可以提前告知用户搜索范围及关键词示例,降低出错的几率,让整个搜索流程更加顺畅,为后续的使用提供便利,减少用户的流失。

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

1. 产品体验:

在虾米音乐听歌时,进入评论功能,除了可文字评论外,还能表达听歌时的心情,随时查看有多少同样心情的人在听这首歌,很有代入感。

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

2. 设计思考:

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

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

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

1. 产品体验:

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

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

2. 设计思考:

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

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

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

1. 产品体验:

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

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

2. 设计思考:

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

菜鸟APP在下拉刷新的过程中就使用了趣味性的动画方式,首先通过空中出现的箱子缓缓落到地面,有趣又贴合产品整体的设计概念,用生动形象的情感化设计反馈平台行为,为人机交互增加了趣味性和互动性,而且还可以缓解用户在等待刷新过程中的焦虑感;其次,这种动效可用帮助用户理解屏幕上发生了什么,也会让用户有所期待。

(看到这个动效,有没有似曾相识的感觉“哇,那边有空投,马上要落地了,赶紧上车冲过去”)

「美团」匿名差评:降低商家对用户的骚扰

1. 产品体验:

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

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

2. 设计思考:

评价在商品页面展示给所有用户,对店铺商品起着至关重要的作用。95%的用户购物之前都会参考评价,好评会增加用户购买信心;而差评可能会让用户放弃购买这个商品,甚至认为这不仅仅是劣质商品,更有劣质店铺的潜在想法。其实有很多商家都有通过刷单来提升店铺的销售量和买家秀的质量,作假都尚且如此,何况是真实用户呢?所以商品一旦有了差评,不仅会影响店铺的整体动态评分和好评率,还会降低店铺排名,很大程度上会影响其他用户判断及产品的转化率,所以商家一看到差评就激动得马上打电话和买家沟通改评价,低头认错,尤其是新店或者新品有差评时,不断的联系(骚扰)会给消费者带来一定的困扰。

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

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

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

1. 产品体验:

从钉钉好友对话框的右上角进入设置页面,点击进入密聊,即可对聊天信息上一道锁,保护信息隐私安全。

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

2. 设计思考:

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

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

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

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

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

往期回顾:

点赞 8
收藏 17

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK