产品体验日记01

Recommanded by editor
北京/UX设计师/5年前/1612浏览
产品体验日记01Recommanded by editor

产品体验日记分析及整理,欢迎感兴趣的小伙伴一起打卡哟~

前段时间参与知识星球打卡,每天一例产品体验日记,从不同维度去分析产品交互设计的亮点,不仅培养了自己交互思维,也在一定程度上养成了分析、总结体验日记的习惯。


我参加的知识星球打卡是“沐风的交互学习社群”感兴趣的小伙伴可以加入进来哦,定期会有学习打卡活动,可以和沐风大大还有社群的小伙伴一起交流总结哦~


京东APP——购物车“设置常买” 

【使用场景】

小A在购物时,习惯将商品加入购物车再下单购买,往往下单之后购物车此商品会自动消失,当小A再次想要购买此商品时,需要重新搜索商品或是去订单中查找商品重新加入购物车再次下单,增加了小A购买商品的步骤,影响用户购买效率和体验。  

【解决的问题】 

京东APP的购物车内的商品向左滑动,点击“设置常买”的按钮可将商品设为“常买商品”,商品会固定存在购物车中,下单之后也不会消失,帮助用户省去重新加入购物车的麻烦,快速下单,提升用户购物体验。  

【设计的好处】 

方便了用户对常买商品的重复性购买,帮助用户快速下单,节省用户时间,提高平台下单量,同时也增强了用户粘性。  

【补充】 

常买商品中普通会员最多可设置10个常买商品,PLUS会员最多可设置20个常买商品,属于京东的运营策略,引导用户付费开通会员,用来提高用户粘性与用户忠诚度。


大众点评——点评页面退出提示 

【遇到的问题】

用户常因为误操作退出正编辑的点评界面,编辑过的内容需要重新编辑,影响用户体验,增加用户跳出率。 

【解决的问题】

退出提示解决了用户因误操作导致的点评中断,减少页面跳出率,提高用户评论完成率。 

【设计的好处】

 1、设置语言鼓励点,鼓励用户完成点评操作; 

 2、运用损失厌恶的手段提高用户的沉没成本,让用户完成评论,减少页面跳出率。 

 3、通过退出询问,减少用户误操作,减轻用户操作负担,对于临时无法继续编辑的用户,可点击“保存草稿”进行下次编辑。


淘宝APP——智能填写收货地址

【使用场景】

用户想要为朋友在淘宝买件商品,在收到朋友发送来的收货地址时(收件人姓名+联系方式+收货地址),在新增收货地址时,用户只需复制收到的地址信息,选择“智能填写”,直接粘贴复制的收货地址,点击填写,系统自动识别并填写用户名、联系方式以及地址信息,不需用户执行其他操作。  

【解决的问题】 

智能填写收货地址,帮助用户更便捷的添加新的收货地址,减少用户填写地址的时间,提高用户操作效率。  

【设计的好处】 

1、智能添加收货地址并识别转化,智能化的操作提高了用户操作效率,能很好地增加用户愉悦感,有利于提高用户粘性; 

2、用户无需多步填写地址信息,减少了用户操作步骤,节省用户时间,让用户将更多时间用户购物上,有助于提高用户购物体验; 

3、用户同时可对收货地址进行标签标记,方便用户后期管理地址信息。


轻颜相机——百变姿势随心拍 

【使用场景】 

当外出旅游发现美景或是去网红点打卡时,忍不住拍张照片纪念一下,却往往在镜头面前不知道如何摆出优美自信的pose,每次拍照都是僵硬的身体,看的自己尴尬癌都犯了... 这时,打开轻颜相机的“姿势”,通过多种场景下的拍照姿势示范模板,手把手教你如何摆pose,拍出美炸天的照片。  

【解决的问题】 

百变姿势随心拍,解决了用户在他拍或是自拍时,不知道如何摆pose的难题,拯救尬拍者,通过多种场景下的拍照姿势示范模板帮助用户拍出美美的照片。  

【设计的好处】 

1、用户在拍照时,可选中的心仪的场景示范模板,根据取景框中显示的pose线框摆好姿势,直观,易懂的视觉引导降低了用户学习成本,有助于提高用户使用体验; 

2、百变pose模板,让用户可以轻松get网红达人的拍照姿势,废片率降低,增加用户愉悦感,提高用户粘性; 3、用户可随时选择不同场景模板下的拍照pose,良好的掌控感能有效的提高用户使用频率,通过多次模仿拍照姿势最终成为拍照达人,告别尬拍~


网易云音乐——Sati空间的“解压模式”  

【使用场景】 

随着时代的进步与国内经济的迅速发展,人们的的压力也越来越大,随之而来的是更多的焦虑与抑郁,而人们也需要借助一些工具来释放压力,网易云音乐APP则为用户提供了一种全新的解压方式——Sati空间 用户在休息或空闲时间想要释放压力、解压的时候,打开网易云音乐APP的Sati空间下的“解压模式”,会随机向用户推荐放松心情的轻柔音乐,同时也可以通过戳泡泡和碎屏的互动方式(下滑可切换)来解压。 

 【解决的问题】 

“解压模式”在播放使人放松心情的背景音乐的同时,也可以通过戳泡泡和碎屏的互动方式来帮助用户释放压力,情感化的设计,能更好的治愈用户情绪,缓解用户压力。 

 【设计的好处】 

1、进入“解压模式”,会随机播放轻柔的背景音乐,让用户可以放松身心,缓解用户压力; 

2、听音乐的同时,可以通过戳泡泡和长按碎屏的互动方式来增加用户快感,提高用户使用体验; 

3、泡泡破碎和屏幕破碎,也会通过听觉、视觉和触觉多维感官的体验方式,让用户更好的释放压力,治愈用户情绪;

 4、解压模式在一定程度上有利于增强用户黏性,培养用户使用sati空间听音乐解压的习惯,增加用户留存与忠诚度。


支付宝——蚂蚁庄园与蚂蚁森林入口相互切换 

【使用场景】

 支付宝推出的“蚂蚁庄园”和“蚂蚁森林”作为两款公益性活动的产品,采用“社交+公益”的模式,吸引了大量用户使用,用户在进入蚂蚁庄园去喂小鸡,收鸡蛋,完成操作后点击庄园背景的“森林”,则可直接进入蚂蚁森林收取能量和偷取好友能量(同理蚂蚁森林点击小鸡也可直接进入蚂蚁庄园喂小鸡,收鸡蛋..)。 

【解决的问题】 

“蚂蚁庄园”和“蚂蚁森林”的入口切换,方便用户快速从庄园切换到蚂蚁森林,减少用户的操作路径,通过娱乐性的互动操作为用户带来愉悦感,丰富了用户使用体验,提高用户粘性。  

【设计的好处】

1、蚂蚁庄园的投食、收蛋、答题、领饲料、驱赶小鸡;和蚂蚁森林的偷能量、浇水、收取能量等具有娱乐性质,让用户在做公益的同时享受产品带来的愉悦感,有利于提高用户使用体验; 2、蚂蚁庄园与蚂蚁森林入口相互可切换,不需要用户退出蚂蚁庄园即可直接到达蚂蚁森林收取能量/偷能量,减少了用户操作路径,有利于提高用户粘性。

3、通过蚂蚁森林的偷能量,浇水,蚂蚁庄园的喂食等娱乐性操作增强了用户间的互动性与愉悦感。 

4、支付宝作为一款全民软件,推出的蚂蚁庄园和蚂蚁森林这两款公益性活动的产品,让用户参与到公益中,有利于培养了用户的公益心与凝聚力。 

【补充】 支付宝作为一款全民APP,其交互设计与功能逻辑不得不让人佩服,而蚂蚁森林与蚂蚁庄园也是支付宝用来增加用户粘性的“套路”,通过“捐鸡蛋做公益、种真树、颁发公益证书”等方式,激发用户的荣誉感,让全民参与到公益活动中来,在公益方面的贡献也是蛮大的,不论产品角度还是企业角度,都值得大家学习与借鉴!



爱奇艺APP——人物识别 

【使用场景】 

用户在观看视频时,遇到比较感兴趣或是不熟悉的演员时,思考半天想不出演员叫什么,全屏模式下可点击屏幕左侧的“人物识别”截取演员面容,进行识别,可快速获取演员的相关信息。 

【解决的问题】

通过人物识别的功能,帮助用户快速识别演员,方便获取演员的相关信息,增加用户观影愉悦感,提高用户的观影体验。  

【设计的好处】 

1、全屏模式下,通过截取演员面容对图片人脸进行识别,方便用户查看演员的相关信息和相关作品;

2、用户观影时在遇到不熟悉的演员,通过人脸识别的功能会减轻用户疑惑,增加用户观影愉悦感; 

3、同时也满足用户的个性化需求,有利于提高用户粘性与留存率。



QQ聊天输入框——全屏输入 

【使用场景】 

用户在使用QQ聊天时,想要发送多行文字,通常聊天输入框只能预览一行文字,容易增加用户操作难度; 未输入文本时,长按QQ聊天框,会显示“全屏输入”的功能,点击可进入全屏输入框进行内容编辑,同时也可退出全屏输入框。 当聊天输入框的文本编辑到第四行时,全屏输入框的图标会显示,点击可进入全屏输入框编辑内容即可,同时也可退出全屏输入框。 

【解决的问题】 

全屏输入框解决了用户在编辑大量文本时,便于预览和编辑相关的内容,提升用户使用体验。  

【设计的好处】

1、当需要编辑大量文本时,全屏输入框相比较单行显示的聊天输入框操作更加便捷,便于用户编辑和修改文本; 

2、全屏输入框简洁标准化的设计,方便用户预览输入的内容,提升用户使用体验。 

3、全屏输入采用隐藏式的设计,需要用户长按输入框显示,没有过多的图标干扰用户视线。 

4、在用户未使用全屏输入框时,在聊天界面的输入框内输入至第4行时,全屏输入框图标会自动显示,在用户不知情的情况下,不会增加用户操作成本,有利于增加用户留存率。



QQ处理消息——浮窗选择对话框 

【使用场景】 

用户每次打开QQ想要和好友聊天时,都会有各种服务号、腾讯新闻、各种提醒推送,占满屏幕信息混乱,增加用户想要快速找到重要消息的难度; 长按消息列表栏图标可预览对话框(自动筛选掉各种无用的推送消息),用户可左右滑动切换浮窗式的聊天对话框,可预览消息动态,快速找到好友的对话框,点击对话框即可进行聊天。  

【解决的问题】 

帮助用户处理QQ上的混乱消息,直接显示对话框,使用户聊天/沟通更加高效。  

【设计的好处】 

1、通过长按消息列表的图标可快速预览对话框,点击用户头像即可查看对话框信息,通过左右滑动切换,查看信息更高效明了,节省用户时间; 

2、快速预览对话框时,会自动筛选掉各种无用的推送消息,只显示聊天对话框,减轻用户查找消息的难度与焦虑感; 

3、切换到当前的对话框时,当前用户头像在设计上也会比其他头像稍大,有所区分,让用户清楚地知道当前对话框的对象是谁,不会混淆用户视线; 

4、当有工作群或其他好友的重要消息通知时,用户也可通过浏览对话框快速获知,避免错过重要消息。 【补充】 消息列表图标会显示当前未读的消息数量,当消息数量众多且觉得无用时,可通过手指向右上方滑过,未读消息标记数量的小红点会像泡泡一样戳破,状态变为已读(如微博的清除未读)



高德地图打车——“同时呼叫” 

【使用场景】 

小A需要从北京南站出发去往某地出差,因时间紧凑要打车去往火车站,在高德地图中点击“打车”进入打车界面,输入初始地点和终点,界面显示预计到达时间和行驶时间,根据估价和车型可进行选择,点击“同时呼叫出租+经济”可为用户呼叫相匹配的车辆。  

【解决的问题】 

“同时呼叫”解决了用户可以在最短时间内打到适合的车辆,节省用户时间,减轻用户顾虑。 

【设计的好处】 

1、进入打车界面 ,会显示当前位置附近实时的空闲车辆,给用户带来一种安全感; 

2、输入终点后点击立即打车,进入后的界面显示预计到达终点的时间、全程距离和行驶时间,信息清晰可视,会减轻用户顾虑; 

3、平台会为用户显示多种车型及预估价格,方便用户对比价格,优惠出行; 

4、在用户时间紧张的情况下,同时为用户呼叫适合的车辆,节省用户时间,提高用户打车效率和打车体验。



爱奇艺APP截图拼接功能  

【使用场景】 

用户观影时发现有些台词和画面非常精彩,点击右侧的截图功能,当截图多张时,会提示用户还有其他截图,可以尝试“一键拼图”,用户可对截图进行拼接,同时可手动选择台词高度,点击一键拼接即可保存后分享给好友。 

【解决的问题】 

解决了用户能更方便、快捷的将观影时发现精彩瞬间分享给好友,方便了用户收集影视的精彩台词。 

【设计的好处】 

1、方便了用户在截图的同时可以对台词进行拼接,连贯性的操作使用户体验更好,提高了产品用户粘性; 

2、对于电影台词收集爱好者来说,这一设计很好地满足了他们对精彩台词收集的需求,使台词收集的过程更便捷,增加愉悦感,培养用户忠诚度; 

3、通过将拼接后的精彩长图分享给小伙伴,帮助提高分享率,增加产品的曝光,为产品拉新,提高产品转化率。


自如APP——通勤找房 

【使用场景】 

用户想要找公司附近的房源,进入自如APP,点击“通勤找房”,可填写公司地址、通勤方式和通勤时间,根据公司定位,自如APP会显示公司附近正在出租的房源,用户可根据区域进行查看有没有适合自己的房源。  

【解决的问题】 

通勤找房解决了北京上班族既要要节省通勤时间又想找满意、品质的房源等问题,方便了用户找房,使用户找房更高效、便利。 

【设计的好处】 

1、通勤找房更贴合用户需求,节省用户找房时间,为上班族找房提供了很大便利,人性化的设计提高了用户忠诚度; 

2、找房结果清晰地显示小区名称、房源数量及价格区间,房源信息可视化,方便用户找房,提高用户找房效率。 3、相比单纯从地铁路线、附近商圈和附近公里数搜索而言,定位公司所在位置,根据通勤方式与时间找房,更贴合用户实际情况,设计更加合理化,用户体验更好,可进一步提高用户转化率。  

【补充】 “通勤找房”的设计也很符合自如的定位,为用户提供高品质的租户体验,从信息展示和页面布局来看,给用户全新的体验,真正做到高效、省时,让用户放心入住。


叮当快药——匿名评价 

【使用场景】 

在叮当快药发表评价时,对配送员的评价中,可选择细节关键词进行评价,无论好评或差评都会对配送员匿名。 【解决的问题】 

匿名评价很好地保护了用户隐私安全,提高用户购买体验; 同时通过询问细节(关键词)帮助用户快速判断,提高用户评价完成率。  

【设计的好处】 

1、通过“匿名”的方式保护了用户隐私安全,进一步提升用户对产品的信任感与安全感; 

2、通过询问细节的方式帮助用户快速判断,提供对配送员的多维度评价关键词,提高用户评价完成率; 

3、匿名点评使商家和配送员根据用户的评价进行自我调整和优化,从而推出更优的服务;


腾讯视频——护眼实验室

【使用场景】 

观看影片时,对于需要预防近视或是需要矫正观影习惯的用户,可以点击右上角扩展选项里面的“护眼实验室”,当观影距离过近时,视频停止播放,屏幕自动模糊并弹出提示,观影距离远些才可继续播放。  

【解决的问题】 

帮助用户矫正越看越近的不良观影习惯,预防眼睛近视,更好的保护视力健康 

【设计的好处】 

1、观影距离太近视频停止播放,通过情感化的动画人物提示观影距离远些,很好地降低了用户焦虑感;(不用担心视频在后台继续播放而错过精彩内容) 

2、观影距离过近,屏幕自动模糊停止播放,需要用户自动将屏幕移远些,很好地帮用户矫正不良的观影习惯; 3、可以帮助小朋友更好的预防近视,保护视力健康; 

4、这一贴心的情感化设计,使用户观影体验更佳,增加用户粘性;


美团APP底部标签栏图标切换“回到顶部”  

【使用场景】 

使用美团APP浏览外卖时,首页浏览向下滑动至第三屏的时候,底部标签栏中首页tab的图标会变为“回到顶部”的图标,点击可回到APP顶部。  

【解决的问题】 

解决了用户在浏览大量内容时,快速回到页面顶部的问题,不需再通过一屏一屏的向上滑动回到顶部。  

【设计的好处】 

1、对于需要展示长内容的APP,“回到顶部”按钮很有必要,相对其他APP的悬浮图标形式来说,美团APP将“回到顶部”设计为底部导航标签展示,是一种很新颖的设计方式。 

2、相比悬浮形式来说,这种设计方式不会遮挡页面内容和视线障碍; 

3、不会打扰用户行为,增强用户浏览内容的沉浸感,提升用户浏览体验。



微博一键清除未读消息功能  

【使用场景】

每隔一段时间打开微博时,消息栏会有很多未读的信息红点,提示用户有未读消息,随着时间积累,未读消息会越来越多,逐个清除无用的消息不仅增加了用户的操作难度与焦虑感,也会增加用户的时间成本。  

【解决的问题】 

“一键清除”很好地帮助了用户更快更便捷地清理无用和未读的消息,降低了部分强迫症用户在面对大量未读消息和红点提示的焦虑感。  

【设计的好处】 

微博的“一键清除”未读或无用消息,在用户使用过程中,降低了用户的焦虑感,减少用户操作成本,很好地提升了用户使用体验。


网易云音乐——听歌识曲 

【使用场景】

当追剧或看小视频的时候,听到特别好听的BGM,想要马上找到这首歌并收藏,由于不知道是什么歌曲,往往错失心爱的歌曲。 网易云音乐的“听歌识曲”可以很好地识别其他APP的音乐,打开“听歌识曲”,继续播放视频,后台可识别出当前视频的BGM,返回网易云音乐可查看识别结果,识别成功,可将音乐进行收藏或下载到手机上。  

【解决的问题】 

解决了用户想要快速查找心仪歌曲的需求,为用户提供了更便捷,高效的听歌识曲的体验,不需要再为寻找BGM而苦恼。 

【设计的好处】 

带有情感化设计的“麦克风”动画效果,使听歌识曲的交互更有趣味性,更生动,增加用户与产品的互动性;同时也节省了用户寻找音乐的时间,识别成功的结果提升了用户的体验满足感。  

【不好的地方】 

往往因为声音来源音量弱或周围环境嘈杂,无法识别或识别结果不准,未达到用户心理预期。


网易云音乐——私人FM歌曲点击“喜欢,动画提示分享 

【使用场景】

用户当天首次进入“私人FM”寻找好歌时,听到自己心仪的歌曲,点击“喜欢,界面右上角会动画出现一只小麋鹿从洞中冒出,随机显示“分享才是真爱”、“喜欢就要分享”等温馨提示语,像是小麋鹿在同用户对话(小麋鹿的肤色也会随机变化)  

【解决的问题】 

当用户听到心仪的歌曲时,点击喜欢,系统会提示用户将好听的音乐分享给其他小伙伴,让用户更高效的完成分享的操作。  

【设计的好处】 

小麋鹿从洞中冒出,提示用户分享,沉浸感的动画形式,吸引用户眼球,情感化设计增加了分享的趣味性,提升用户使用好感度,可以帮助提升分享率,从而增加产品的曝光,帮助产品日活的提升~


网易云音乐——心动模式 

【使用场景】

网易云音乐“我喜欢的音乐”中,点击“心动模式”即可激活此模式,优先播放 你最近一次添加的歌曲,随后播放顺序为心动模式,为你匹配同类型的歌曲进行播放。  

【解决的问题】 

“心动模式”解决了用户热衷某种音乐风格的歌曲,想要寻找同类型并且符合自己心仪的歌曲,而不知道从何处寻找的困扰;也节约了用户去陌生歌单中寻找心仪歌曲的时间。  

【设计的好处】 

1、通过系统推荐,能发现更多喜欢的歌曲; 

2、系统更智能的为用户推荐喜欢的音乐,提升了用户体验; 

3、用户不需要在从大量的歌单中去寻找心仪的歌曲,节省了用户时间; 

4、匹配同类型的歌曲,会让用户觉得熟悉有安全感,增强用户粘性。


腾讯视频长按快退/快进播放  

【使用场景】

用户在观看视频过程中,想要跳过当前内容,但又不想错过精彩内容时,经常会通过手指滑动快进,但是往往会出现滑动过度的情况,需要反复拖拽进度条。 - 腾讯视频播放时,长按屏幕右侧将以“长按快进X3”速度快速播放需要快进的视频片段;长按屏幕左侧以“长按快退X3”速度播放想要退回观看的视频片段。 

【解决的问题】 

这样很好地解决了用户因手滑过度错过精彩内容、反复拖拽进度条等问题。  

【设计的好处】 

长按屏幕 3倍快进/快退播放,既不会让用户错过精彩内容,同时也减少了用户的操作步骤,用户观看视频体验更佳。



微信朋友圈、QQ空间说说编辑页面的同步分享功能。  

【使用场景】

微信发朋友圈时,当用户发布一些自己觉得很不错的内容时,想要同步到QQ空间里面让更多的人看到,点击编辑区下方的“QQ空间”图标按钮,即可将内容同步分享到QQ空间; - QQ空间发表说说时,用户想要将精彩内容同步到微信朋友圈,点击编辑区下方的“朋友圈”图标按钮,即可将内容同步分享到微信朋友圈;  

【解决的问题】

解决了用户同步动态信息的操作,节省用户时间

【设计的好处】 

作为腾讯旗下的两款主流的社交通讯软件,QQ紧跟腾讯脚步实现了同步分享按钮的功能,这样不仅增强了产品之间的粘性,也为用户在编辑内容分享时提供了便利。


25
Report
|
32
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
华为项目——Ai智慧网图
Homepage recommendation
相关收藏夹
文章
文章
文章
文章
作品收藏夹
产品体验
产品体验
产品体验
产品体验
作品收藏夹
Ui
Ui
Ui
Ui
作品收藏夹
UI设计-交互设计
UI设计-交互设计
UI设计-交互设计
UI设计-交互设计
作品收藏夹
文章
文章
文章
文章
作品收藏夹
文章
文章
文章
文章
作品收藏夹
大家都在看
Log in