优秀产品细节

Recommanded by editor
北京/设计爱好者/4年前/1152浏览
优秀产品细节Recommanded by editor
许小鹏

写一写在日常体验不同APP时发现的一些设计交互细节

主要想通过这些好的设计细节,思考工作中从哪些维度打磨我们的产品

我们应该明确设计师不单单是一个优化原型图的“工具人”,我们更多地是要学会思考,从视觉界面向后扩展,站在产品业务和用户体验出发,注重细节的体验与处理。

写一写在日常体验不同App的时候发现的一些好的体验。

主要是想通过这些好的设计细节,思考工作中可以从哪些纬度去打磨我们的产品。


1.微信朋友圈长按设置权限


微信时代,好好的一个人,可能说做微商就做微商了,不可避免我们在刷朋友圈时候画风可能变成这样“今天你对我爱答不理,明天我让你高攀不起”“分分钟出任CEO,成为白富美,走上人生巅峰”或者当我们不想看到某些人动态,但不好意思删除时,则可以长按头像【设置权限】选择不看ta的动态。


设计点:充分考虑了用户在使用场景时的情绪变化,对用户的行为作出的提前的预判,分析用户情绪可能造成的潜在行为操作。

2.美团外卖拉黑骑手功能


打工人的生活总是千篇一律,外卖几乎成为打工人就餐的常态,经常点餐的人难免会遇见一两个态度比较恶劣的配送员,打工人订的工作餐简单重复,外卖员配送的范围也是固定,以后点餐难免会遇见之前的配送员为你派送,为了提升用户的满意程度和用餐体验,美团上线了拉黑外卖员的功能,拉黑后骑手将不再会为该用户送单,当然骑手也不知道用户拉黑了ta,对于不想给外卖员差评但是又不想继续让他配送的的用户而言,这个功能很人性化,让用户掌握了很多自主权,而且还可以避免后续可能发生的不愉快。


设计点:迎合人性的弱点,对特定产品做出合理的情景预判,用另一种方式的处理达到1+1>2的效果。

3.夸克浏览器视频观看


我们在手机端全屏看视频时,屏幕上的按钮通常会自动隐藏并在用户第二次点击时唤醒操作,显示在屏幕上,一般播放器的按钮会显示在屏幕的固定位置,但是夸克浏览器在全屏播放时会根据用户手部区域来灵活变动,当操作点在右边,按钮操作就显示在屏幕右侧;当操作点在左边,按钮操作就显示在屏幕左侧;对于单手操作来看便捷程度有了极大的提升。


设计点:缩短操作路径,极大提升了操作流畅性,提高了操作效率,让用户感知到产品快捷的反馈。

4.微信文字特效


当我们在微信中输入特定的文字时会出现隐藏的文字特效。比如发【生日快乐】会在对话框中出现【蛋糕雨】,发送【么么哒】会在对话框出现【亲亲雨】,其次还可以输入【想你了】,【Miss you】,【baci】这些也会出现特效。

当然在特定的节日中发送特殊的文字也会出现相应的文字特效。(比如新年时,发送拜年文字;情人节,发送表白语言等)。


设计点:社交的产品中加入一些意想不到的惊喜会让用户眼前一亮,这样的方式拉近了用户与产品的距离,让互联网产品不再冷冰冰,打动用户的内心。

undefined

5.喜马拉雅


喜马拉雅产品会随着轮播图的切换,导航底部相应做出调整,显示和轮播图相近的色值,让视觉更加柔和自然。

在我们使用的APP产品中,大多数都是使用主题色,白色或者黑色,在不同的轮播图切换下,视觉的舒适度没有那么高,在同质化这么严重下,这样的设计总会给人惊喜,相对于常规性的“千篇一律”,这样的细节处理舒适度更高,视觉体验更好。


设计点:站在产品和用户体验的角度上对产品做出更多的细节处理和体验。

undefined

6.抖音分享机制


在「抖音」的内容推荐页面刷视频时,你会发现正常情况下页面右侧的「分享」按钮会显示为代表分享含义的普通icon。但当你在当前页面停留时间较久APP检测到此视频被观看两遍以上,系统会预判用户对此内容感兴趣并有潜在分享意愿,此时右侧的「分享」按钮就会变成闪动,显示抖音好友鼓励用户分享。差异化的图标变化设计突出了「分享」功能,一方面是对用户心理与动作的预判揣摩,一方面也从潜意识里起到了鼓励用户分享行为的目的。


设计点:根据场景停留次数,给用户一种情景的预判,视觉上的引导,通过设计去驱动,助力业务的增长。

7.微信登录第三方


很多第三方网站都支持「微信」登录,用户授权第三方平台直接获取微信头像与昵称等信息,省去了注册账户的繁琐步骤。但在获得便捷的同时,此种登录形式不可避免的会带来隐私泄露的问题。「微信」的登录授权功能,就很好地解决了这一问题。当我们在微信扫码登录或者在第三方APP使用「微信」登录时,获取帐号信息的界面会多出新建头像昵称的选项。这样我们就可以避免使用自己微信原本的昵称与头像信息了,一定程度上可以起到保护隐私的作用。

在新建用户信息时,微信还提供【随机头像与昵称】减少用户在新建时纠结耗费多余时间,快速建立账号后登录第三方平台。


设计点:极大的隐私保护,给用户增加产品使用的安全感,提高产品的易用性。

8.B站放映室


B站“一起看”新功能,创建自己的放映室,可设置公开或者私密,也可以通过链接或者第三方社交软件分享,邀请观看者,最多可支持八个人在线同时观看。当设置为公开时,等待其他用户进入,有人其他用户进入后会开启自动播放开始放映。也可随机匹配放映室,遇到和你志趣相投的灵魂。


设计点:孤独,意味着无人陪伴、无人倾诉的失落感。b站推出放映室的功能,可以在自己看视频的期间邀请好友加入,一起欣赏观看,一起做同一件事拉近了彼此的距离,暖心的互动交流社交。

9.美团外卖提交订单提示


用户在订购外卖时,提交订单时没有点主食,系统会提示用户是不是忘记点主食了。结合用户场景和常识,提供贴心的防错提示,点击【去添加】直接跳转到当前店铺添加主食,设计上用底部动作栏的交互样式让用户快速添加,也防止了用户的外跳,可以在当前入口快速添加主食。


设计点:场景结合常识,提供防错机制,提前行为的预判减少对用户“伤害”。

10.支付宝聊天界面显示


点击联系人到聊天界面,底部显示【发红包】【向他转账】输入框带有【转账】含义的icon,都可以点击快速进行转账操作。

当用户在对话框输入数字后,会出现气泡提醒是否需要转账,在特定情况下为用户提供防错机制,同时又为用户提供快捷的转账入口。


设计点:这一切都基于产品属性和对用户行为的预判,同样的功能不仅要知道自己产品定位,还需要了解用户对自己产品的定义是怎样的。

11.爱奇艺节日小惊喜


在一些常见节日,例如端午节、圣诞节、新年、元宵节,爱奇艺点击屏幕就会变成和节日对应的小元素,端午节是个小粽子,圣诞节是个圣诞老人的帽子,万圣节是个南瓜灯,元宵节是小汤圆,烘托对应当下节日。


设计点:这些精心的设计的节日限定惊喜,使用户面对的不是版本更新之后才能体验到明显可见的功能的改变,而是融入渗透在日常,凸显产品的年轻化,满足年轻用户的新奇,轻松和简单的诉求。

12.微信转账金额数位提醒


转账行为是伴随用户生活的角角落落,因此其专业性和安全性在设计上尤其需要体现。通用的做法是跟随国际惯例加分隔符或者不加提示,但这不符合本土用户的使用习惯。微信转账的时候设计了大额数位提示,超过3位数的金额就会显示“千”、“万”、“十万”、“百万”等提示字段,既增加了输入金额时的安全感,也符合本土化的用户心智。


设计点:把握用户实际使用操作习惯与行为方式,不脱离用户去思考设计。

13.高德地图,拥堵实时路况


高德导航路段中交通拥堵的部分会用红色标识,但这对用户而言仅仅完成了信息同步的可视化,对于拥堵路段的具体情况依然掌握不足,用户无法判断拥堵原因、处理状况,以及时间预判是否准确,进一步会影响对导航结果测算的信任度。

在拥堵路段上线了实况社交功能,位置正处于该路段的用户可以实时在社区发帖播报当前路况,一方面缓解等待时的负面情绪,另一方面为后来者提供实时有效的拥堵信息。并且在标红路段的提示框里会显示交警是否到场、是否在处理等重要节点。


设计点:将功能流程更精细化,更具体化展示出来,增加用户的使用体验感和使用粘性。

14.微信扫一扫与二维码切换

两个刚刚认识的朋友要添加好友,最快的方法莫过于扫一扫二维码。但是在我们添加新用户微信时,往往会遇见一种情况,就是我们打开扫一扫但是对方还没有找到自己的个人二维码,还得去帮助对方找,这时候可以改变一下添加方式,变成让对方扫自己的二维码,微信在扫一扫这个界面做了个人二维码的切换,用户可在扫对方二维码不成功时候改变添加方式,切换出自己的二维码让别人扫码添加,相对于添加好友,扫一扫的操作还是比较简单的。


设计点:贴合实际的操作场景,对用户行为做出提前的预判。

15.微信收到红包后表情包回复

表情包是世界上最好的交流语言,没有什么尴尬是一个表情解决不了的,如果不行那就发两个,在领取完红包界面时,会发现有一个表情包回复的按钮,当我们在领取完红包时往往会发一些表情包作为感谢回复,所以出于这个普遍的使用场景和行为预判,微信团队在红包功能上加入了表情包回复的功能,简化了用户操作时的页面路径,点击一键回复,很贴心的设计。


设计点:提高了产品的易用性,优化了产品逻辑。

总结:


以上都是一些小的细节与设计思考,但是现下的产品设计就是由这些无数的小细节组成的;如果我们的每个设计都是经得起推敲的,那就能成为一个思维有格局,设计输出有技巧,成为身边最厉害的那个人。

24
Report
|
23
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
工作渲染
Homepage recommendation
快马加鞭系列
Homepage recommendation
相关收藏夹
文章
文章
文章
文章
作品收藏夹
文章
文章
文章
文章
作品收藏夹
成功案例
成功案例
成功案例
成功案例
作品收藏夹
参考
参考
参考
参考
作品收藏夹
思维
思维
思维
思维
作品收藏夹
大家都在看
Log in