2021年第二期|交互细节剖释,分寸之末

用户头像
武汉/UI设计师/5年前/444浏览
2021年第二期|交互细节剖释,分寸之末
用户头像
HU_DING

2021年第二期产品体验日记「驱动力」

驱动力



不知不觉,距离第一篇已经2个月整了,贵在坚持,COME ON!


2021年 |第二期目录


16.「iOS」睡眠模式开锁流程

17.「淘宝」我的收藏筛选优化

18.「微信」发送按钮位置

19.「哔哩哔哩」长按倍速播放

20.「Microsoft Edge」视频全凭时关闭按钮

21.「淘宝」打开上次访问的页面

22「贝壳找房」免打扰设置

23.「IOS地图」位置服务权限

24.「IOS15天气」文字描述和图标相结合描述天气

25.「美团单车」用户体验与商业变现

26.「有道词典」消息通知的小细节

27.「支付宝」地下室

28.「YouTube」YouTube与农夫山泉广告

29.「Keep」下一动作提醒及进度条分段显示

30.「知乎」收藏后弹出分享卡片




16.「iOS」睡眠模式开锁流程


设计体验:

IOS睡眠模式下使用手机需要进行多次操作才能打开手机 。

设计思考:

在睡眠模式下解锁故意制造了困难,进行阻碍。虽然使解锁过程变得很繁琐,但这样的设计却合情合理。在解锁时一次次进行阻碍和提醒当前是睡眠模式,区别于平时快速的解锁,当前的目的是阻止用户的不必要使用以提升睡眠时间和睡眠质量。 




17.「淘宝」我的收藏筛选优化


设计体验:

5月20日淘宝我的收藏筛选功能优化,对收藏商品管理更加便捷  。

设计思考:

自使用淘宝开始,我加收藏的使用占比远远大于加购物车,到目前我的收藏中商品数量已达700件。许多几年前收藏的商品,当时收藏时可能有“虽然我现在用不到,但以后或许能用到”。但当真正用到的时候,那件收藏的商品已被遗忘在收藏页深处。有的或许是观望降价时购买,之后也被遗忘。当前筛选优化,对于已收藏的降价商品按降价幅度依次排列,能够大幅度增加商品购买率。在我的收藏页竟然发现一件商品比收藏时降价100元,那么我购买他的可能性将急剧增加。而且对不同时间段收藏商品的管理也更加便捷。 




18.「微信」发送按钮位置


设计体验:

微信发送位置在可根据用户习惯调节 。

设计思考:

在于朋友聊天时他向我抱怨微信的发送按钮不见了,这让他经常的点击错误。是行为习惯的改变使他的体验变得糟了起来。但是相比于发送按钮在输入框旁,让他在键盘右下角岂不是更好吗,在屏幕上角落一直是更受关注的地方。但长期以来输入框旁的按钮培养了用户的习惯。好在微信可以更改按钮的位置,不至于突然改变让用户手足无措。 




19.「哔哩哔哩」长按倍速播放


设计体验:

哔哩哔哩最近的更新中,增加了长按视频倍速播放的功能。

设计思考:

哔哩哔哩作为较老牌的UGC内容分享平台,功能已经很完善了,最近加入的长按视频倍速播放,真的很让人惊喜。确实生活节奏加快有些时候偷闲看一下视频但视频有很长,往往没有耐心看下去,原有的倍速播放隐藏较深,需要较多步骤才可打开。如今长按屏幕即可倍速播放,缩短了操作步骤,可以去增加用户的观看速度和观看时长,更好的进行收益转化。 




20.「Microsoft Edge」视频全凭时关闭按钮


设计体验:

在全屏播放视频时,鼠标滑到屏幕中间顶部会弹出退出全屏按钮。

设计思考:

Microsoft Edge作为微软最新的游览器,有着庞大的用户基数。它对使用细节的考虑应该考虑到绝大多数人的需求和痛点,在退出网页全屏观看视频时大多数的播放器都是在屏幕右下角,但随着功能的增加,右下角的功能按键越来越多,本来是甩下鼠标就可以退出,现在还需要精确瞄准。而Microsoft Edge给出的方案是全局顶部关闭,形成统一的概念模型并适用于全部视频播放器。




21.「淘宝」打开上次访问的页面


设计体验:

在淘宝退出短时间内打开后淘宝增加了“打开上次访问页面”操作。 

设计思考:

打开上次访问的页面最早出现在电脑端游览器之上,用于非手动关闭的页面的恢复。在移动端,应用可能会被杀后台或者是在程序坞中操作失误关闭,之前淘宝被误关闭后若要打开之前页面需要进入“历史足迹”中打开,现在用户可以选择是否要回到上次页面,增加用户的容错率减小恢复成本。




22「贝壳找房」免打扰设置


产品体验:

贝壳找房的免打扰设置,可以设置联系方式以及联系时间,避免用户在上班和不想被联系时被打扰。  

设计思考:

App应用受到各大厂商青睐的主要原因之一便是可以获取用户信息,特别是联系方式。在房车交易平台这种由商家入驻的尤未严重,平台出发点也许是方便联系和推广,但商家撒网式推广对用户造成了骚扰,甚至于都不敢轻易打开某些应用。造成平台使用率低成交率低。

贝壳找房可设置“方便时允许电话服务”允许在特定时间内接收电话;以及设置“短期内不用为我致电”允许在1-12月后接收电话。虽然使可联系的用户整体数量降低,但是却在提升用户口碑和体验的同时又提高了可联系用户质量。有需求的用户自然会开放联系权限,而无急需的用户又可免受骚扰放心游览。 




23.「IOS地图」位置服务权限


设计体验:

对比各厂家地图在导航中关闭地图的位置服务权限后,导航是否仍在运行。 

设计思考:

小米和其他手机厂商在地图导航时,如果去设置中关闭位置服务权限,地图应用会重启,清除导航信息,并且不打开位置服务权限应用无法导航及使用。而iOS地图在导航中,关闭地图位置服务失去的仅仅是逐步导航功能和预计行程时间,不会打断正在使用中的导航并且仍可使用地图进行路线规划等常规操作。APPLE对产品细节的设计和把控真的是无微不至,特别是系统和产品版本迭代较长的周期,有充裕的时间对每个细节进行打磨,直至产品成熟,所以它的产品才能经得起庞大的用户群体和时间的考验。 




24.「IOS15天气」文字描述和图标相结合描述天气

设计体验:

IOS天气卡片在夜晚会提示明日天气并会与今日相比较并在应用内对温度做了图标展示。 

设计思考:

对于某些地区夏季的天气每日变化都会很大,自己也养成了在睡觉时会看一下明日天气的习惯,但是以往天气仅显示温度值。我们对于数字代表的温度感知并不明确,而身体对于温度的感知却是十分明显的。ios15在文字描述上通过“明天有雨且不这么暖”与今天相比较能有一个大体的概念,而又通过图标加数值对于温度的起伏做了标识并标注了现在的温度值便于比较。虽然天气模块在很多地方都需要更加努力,比如对与天气的描述等等。 




25.「美团单车」用户体验与商业变现

设计体验:

看到一篇文章《如何看待用户体验与商业变现的冲突》不免勾起自己在使用单车应用时的糟糕体验。  

设计思考:

上半年一直在使用共享单车上下班,当时间不够时急匆匆的赶到单车旁,却被单车应用再耽误段时间。当打开应用时,无一列外的会因为加载单车过程而卡住,之后会出现一个诱导误触的广告弹窗(青桔20年出现过类似微信出错的诱导广告),因为上班赶时间且为步行等状态使使用路径加长更加剧了体验上的不适。共享单车解决了最后一公里的痛点,同时也有着庞大的用户群体,它的商业变现魅力也就体现出来。但至今单车市场还没有达到一家独大的局面,用户的选择还是很多。在费用相近时用户势必会选择体验更好的一个,而用户一旦聚集,平台将获得更多的收入和投资关注,以此形成聚集-扩大规模-头部效应的优势闭环,由此可见,用户体验对于最终目标的商业价值重要性可见一斑。单车应用应该属于工具类应以快速好用为主,是否可以更改广告弹出时间错开早高峰,以其他不影响用户主要任务进程的方式显示广告业务。 




26.「有道词典」消息通知的小细节


设计体验:

有道词典有消息通知时,小铃铛做了倾斜。 

设计思考:

消息通知是运营商或创作者对用户推送最合理渠道和直接的渠道,但非通讯类软件消息通知点击率是极低的。这时有强迫症的同学就成了突破口,特别是支付宝在众多应用都增加了一键已读,支付宝仍然固执的采用逐个点击的方式,即使这样强迫症同学也要一个个点进去使提示消失。在有道词典中设计者通过一点小心思将铃铛倾斜了度数即模拟了铃铛摇动时的动感。又利用了这种不符合力学现象的状态使用户产生不舒服的感觉,从而想去扶正它,简单有效。




27.「支付宝」地下室


设计体验:

自二楼被应用占领后,支付宝地下室也被挖掘出来。

  

设计思考:

现在地下室为以白噪音和小答案为表象的优惠券广告。不太理解支付宝这么做的原因,也许除了我这么闲的人很少有人能滑到这个功能吧,而且该功能也不太完善。可能是支付宝对这种新的模式的实验,支付宝这种体量的应用对于新的模式都可以勇于尝试,平时的设计中确实不能太固守成规。 




28.「YouTube」YouTube与农夫山泉广告


设计体验:

农夫山泉在16年的广告可以关闭;YouTube广告可以5s后关闭。 

设计思考:

现在腾讯视频、爱奇艺等广告时间已经长达了120s左右。虽然广告的曝光时间长,次数多。但用户在面对2分钟的广告时,是不会等待广告播完的,可能切到别的页面或做别的事情。这时用户页面虽然在播放,但用户并没有真是看,平台也无法获取自己的广告是否被用户观看,所以是无效的曝光次数。

YouTube中只需要5s就可关闭广告,5s的时间如果我去切其他页面或者做其他事情,很有可能就会错过视频内容。所以这时用户肯定会停留在此页面等待5s后广告可关闭,这时的广告是有效的,而且平台可以通过5s之后用户的留存来大概判定该广告或产品的质量以及用用户喜好。

同样的问题联想到了16年时农夫山泉的广告,当时它的第一句话就是“农夫山泉提示您,此广告可免费关闭”面对铺天盖地的广告,农夫山泉这一条脱颖而出。而农夫山泉的广告质量一直是可靠的并面对消费者的,又因为这个人性化的设计使用户也更愿意看一下广告内容,而就算用户没有去看内容。也留下了良心企业的口碑,广告的目的也达到了。




29.「Keep」下一动作提醒及进度条分段显示


设计体验:

keep在训练休息期间会对下一个动作进行卡片提醒,同时在进度条上对每个小课程进行了分段显示。  

设计思考:

在以往没有下一动作提醒时,对不熟悉的课程进入环节后再进行动作或姿势准备,会很仓促。也会使训练时间受到影响,从而影响训练效果。现在加入提醒后可以提前进行准备动作。

keep进度条上的小细节,对每个模块进行了分段显示,单个任务的小目标相对于整个训练进程来说相对容易的多,也有利于激励用户。 




30.「知乎」收藏后弹出分享卡片


设计体验:

知乎对回答进行收藏后,会弹出分享到微信、朋友圈、QQ的卡片。  

设计思考:

在之前的的小文章中分析了预判设计,但这次知乎的这个弹窗真的是让我有些小惊喜。因为我当时的想法就是这篇文章很不错,想分享给朋友但这也是一瞬的想法。本来因为懒惰就不想再找分享按钮了,想着先收藏了吧,以后再说,但点击了收藏之后,分享卡片直接谈了出来,很惊喜。卡片的大小也不会影响其他的阅读,如果不想分享又懒得关闭它,直接滑到下一篇文章就是。但是在dark模式下,这个卡片轮廓也太不明显了,在light下影阴有有些太厚重了。 





我们是科技的翻译者,科技应该为人人服务


7
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
UI通用设计素材1
【新年UI图标】礼物/活动icon
科技医疗透明柜UI界面设计
我的钱包-UI界面设计-app
【新年UI图标】秒杀icon
户外旅行飞机情侣假日出行
【新年UI图标】汽车icon
【新年UI图标】钱包icon
智能家居中心 简约 UI设计组件库
【新年UI图标】体育icon
新拟态风格 UI设计组件库
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】旅行icon
UI界面 组件
新能源APP应用UIKit
【新年UI图标】活动icon
手表表盘UI系列
拟物风质感写实UI卡片合集源文件
钱包ui模板
UI 登录界面设计模板包
3D卡通UI界面图标可爱插画免扣素
3D渐变流体抽象矢量UI背景图
【新年UI图标】积分icon
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册