[2021/第02篇]UI设计师的产品体验日记
每一个优秀设计背后的思维,都值得深入去研究和思考。
17、【同程旅行】目的地“盲盒”体验一下?
18、【知乎】白天和夜间模式切换
19、【美团优选】购物车删除商品阻力设计
20、【自如】可提前了解合租房的租客信息
21、【抖音】合集视频可自动播放下一个视频
22、【网易蜗牛读书】新人见面礼的情感化设计
23、【发发奇】左右滑的方式收藏喜爱商品
24、【钉钉】密聊商业项目不被泄露
25、【七鲜】订单列表单个和多个商品的不同设计
26、【每日优鲜】下单结算时加购商品提示
27、【哔哩哔哩动画】别致的转盘式轮播banner
28、【抖音】敏感词汇的情感化设计
29、【微信】提取图片文字信息
30、【美团买菜】热门搜索标签“0元领菜”
31、【携程】火车票和酒店一起订
17、【同程旅行】目的地“盲盒”体验一下?
关键词:#活动营销、#用户心理
产品体验:
随着二次元玩偶和抓娃娃机盲盒的火爆,同程旅行微信小程序推出了一个目的地“盲盒”的营销活动,在小程序选择“机票”,就可以看到目的地盲盒的banner,点击进入就可以填写盲盒信息,填写出发地,目的地是购买98元盲盒机票后随机抽选。
设计思考:
1、相信有很多人听过“拆二次元玩偶盲盒”以及“抓娃娃机盲盒”等一些持续发酵的热点事件。营销活动的目的就是在于通过热点事件,利用有趣的互动方式并激起用户的好奇心,促进用户的购买欲望。目的地盲盒营销就是激起了用户好奇的心理,通过低价飞机票和限时抢购的方式,利用了用户贪婪、占小便宜的心理,制造紧迫感,刺激用户消费。
2、从用户的角度来思考,也会有一些用户就想来一场说走就走的旅行,放空一下自己,但也不知道去哪儿,没有一个明确的目的地,而目的地盲盒刚好满足了这些无目标性用户的消费需求。
18、【知乎】白天和夜间模式切换
关键词:#用户体验
产品体验:
知乎App中“我的”界面中,存在“白天”和“夜间”切换模式,用户可以自行选择切换。
设计思考:
相信很多人在夜间浏览阅读信息时,时常会将手机屏幕的亮度调低,以保护眼睛。而作为知识问答社区平台的知乎提供了一个“白天/夜间”切换模式的功能,切换夜间模式后界面变为深色,方便用户长时间浏览阅读内容,不至于产生视觉疲劳。可能有人会觉得没有必要,但如果从产品定位角度去思考,大量的问答信息内容必然会让用户注意力长时间停留在屏幕,而贴心的夜间模式更专注于内容减少其他考虑,相信也能提高用户对产品的吸引力。
19、【美团优选】购物车删除商品阻力设计
关键词:#阻力设计、#提高购买率
产品体验:
美团优选App购物车加入商品后,需要进行删除时,用户会先编辑购物车再选择商品,然后点击删除按钮,再点击提示弹框的确认删除,才能删除商品。
设计思考:
我们在平时使用的购物类App中经常会看到,购物车页面删除商品的流程一般有两种。一种是页面右上方直接点击删除按钮,点击提示弹框确认删除即可;另一种是类似于以上这种流程,延长了用户删除商品的流程路径;这两种都有存在的价值,第一种是更倾向方便用户操作删除,进入下一个流程,第二种是通过阻力设计的方式,更想让用户保留商品在购物车,以便于随时可以进行结算购买,从而提高购买率。但两种设计方式需要在用户体验和商业价值上进行权衡使用。
20、【自如】可提前了解合租房的租客信息
关键词:#辅助信息
产品体验:
自如App合租房源信息页面提供了合租客的简单信息介绍,缓解用户对合租客的担心和顾虑,让用户了解更全面的房屋信息。
设计思考:
相信很多人在租房过程中都会遇到,由于女生和陌生男生合租不方便有顾虑的情况,便会选择其他的房源。利用简单的基本租客信息呈现,可以缓解用户的顾虑,辅助用户决策并选择合适的房源。
21、【抖音】合集视频可自动播放下一个视频
关键词:#用户体验
产品体验:
抖音短视频中的合集视频,点击进入合集,播放完当前视频后可自动播放下一个视频,由原来的循环播放当前视频调整为播放下一个视频。
设计思考:
抖音对合集视频循环播放当前视频调整为自动播放下一视频,思考其目的是不打断用户浏览视频过程,减少用户操作。对用户看完当前视频后进行情景预判,可能会观看下一个视频,也可能会重新播放该视频。而对于合集视频,大部分用户是看完当前接着看下一个,符合用户预期,减少用户再去滑动下一个的操作。
22、【网易蜗牛读书】新人见面礼的情感化设计
关键词:#情感化设计
产品体验:
新用户打开网易蜗牛App书桌页时,会有推荐新人必读书单,进入后是关于书单的介绍,如果用户更关注哪些书单,可以点击只看书,只展示推荐的书单。
设计思考:
1、以给新用户读者一张推荐书单的形式来作为见面礼,并且以信的方式来表达对用户的重视,设计形式很别致、很有温度,瞬间拉近了与用户的距离,不得不说网易在情感化设计中确实做的不错。
2、在顶部有“只看书”和“看全文”的切换,方便用户根据所需快速定位到想要浏览的书,不用上下翻找,提高了阅读效率。
23、【发发奇】左右滑的方式收藏喜爱商品
关键词:#交互、#个性化推荐
产品体验:
奢侈品购物App发发奇在用户登录状态下,首页下滑区域出现通过左右滑动卡片的交互方式来收藏喜爱商品,并且收藏某个商品后,在下面的商品列表会个性化推荐你收藏品牌的其他商品。
设计思考:
相信很多人在社交App中经常看到左右滑动的交互方式来选择喜欢,而购物App也开始运用在收集用户偏好进行个性化推荐上了。新奇的交互方式一方面让收藏操作更有趣,另一方面也达到了了收集并推荐的商业目的。
24、【钉钉】密聊商业项目不被泄露
关键词:#安全性、#用户隐私
产品体验:
钉钉消息界面顶部“马赛克”密聊图标,点击就能进入密聊,密聊消息内容不允许拷贝、转发和被录屏,同时聊天人的信息也会被打码。消息已读后自动销毁,在各端不留痕迹。
设计思考:
当公司内部在讨论新的方案或新项目时,通过第三方企业通讯的聊天记录和截图无意间就会泄露出去。钉钉作为企业通讯App,易用性和安全性很多用户选择因素之一。而钉钉的密聊在信息已读自动销毁,信息不可拷贝、转发和录屏等方面做了处理。保障了用户信息的安全性和隐私。当然也不可避免会出现同事之间聊聊八卦、组个局。
25、【七鲜】订单列表单个和多个商品的不同设计
关键词:#订单、#信息呈现
产品体验:
使用七鲜App我的订单的订单列表中,单个商品订单会展示商品图片、名称、价格、单位和购买数量等信息,而多个商品的订单则只展示商品头图。
设计思考:
在很多购物App中都会存在用户购买一个或多个商品的场景,而在订单列表展示也会存在。七鲜App在展示单个商品订单时,会呈现商品的图片、名称及价格所有相关信息,其目的是方便用户快速找到该商品的订单。而多个商品订单进行了信息简化,去掉了商品名称、价格等商品属性相关信息,只展示商品图片,通过左滑查看全部商品。节省页面空间的同时,也使得整个界面更加简洁。
26、【每日优鲜】下单结算时加购商品提示
关键词:#转化率
产品体验:
在每日优鲜App下单结算时,会出现一件加购相似商品推荐弹窗的提示,加购商品通过卡片设计可以左滑查看并加购数量,点击一键加购可以直接加入到当前页面进行结算。
设计思考:
1、通过在用户购买核心路径中,增加一键加购功能,一方面满足用户漏买和加购的需求,减少用户频繁来回操作,另一方面也提高了商品的直接转化率,实现商业价值。
2、通过卡片呈现信息,并且左滑查看和加购商品的差异化设计方式,让用户对产品的记忆更加深刻。
27、【哔哩哔哩动画】别致的转盘式轮播banner
关键词:#banner、#设计呈现
产品体验:
在哔哩哔哩动画App的发现界面中,我们能看到顶部banner采用了转盘式设计,三张图片轮播,视觉效果很突出。
设计思考:
1、随着同质化动漫产品的增多,突出品牌调性和差异化也越来越重要。哔哩哔哩动画在发现页面采用了转盘式banner设计,通过动漫大图引起用户视觉注意力,让用户更有画面感,从而吸引用户点击浏览。
2、但这种方式也有一定的局限性,更多的适用于动漫、电影产品比较多,更能突出画面内容。因为动漫影视类产品的图片比例一般为4:3、16:9、16:10,图片内容丰富,文字较少,整体界面的负空间相对较小。如果是其他类产品,会发现整个界面不够紧凑。
28、【抖音】敏感词汇的情感化设计
关键词:#情感化设计
产品体验:
使用抖音App搜索敏感词汇,例如“抑郁”、“跳楼”等会出现带有温馨提示和安抚用户情绪的情感化设计页面,并提供了援助电话。
设计思考:
抖音在处理敏感词汇搜索结果时,并没有直接展示无搜索结果或内容已被和谐,而是通过温馨提示的方式,让用户感知到平台是在重视你的情绪,并且提供了援助电话。整个暖色、桃心的插画设计也让用户感受到温暖和希望,非常人性化,让用户对产品的好感度瞬间提升了。
29、【微信】提取图片文字信息
关键词:#易用性
产品体验:
微信长按图片时会出现“提取文字”功能,点击后会自动扫描识别图片上的文字信息,可以涂抹选择文字并复制。
设计思考:
相信很多人在工作生活中都会遇到这种场景,对方发过来的截图,而我还需要重新记录这个信息再进行编辑。而微信的提取文字功能也是基于从用户场景和用户操作的易用性出发,尤其是在收发快递,发对方电话号码截图场景下,这就大大提高了用户编辑信息的效率。
30、【美团买菜】热门搜索标签“0元领菜”
关键词:#热门标签
产品体验:
使用美团买菜App搜索时,热门搜索会出现“0元领菜”的标签,点击后进入会员中心页,开通会员即可享受“天天0元领菜”。
设计思考:
1、在热门搜索标签中,对“0元领菜”做了差异化设计,使其更突出并具吸引力,利用了交互中的梵雷斯托夫效应,让用户一眼能看见并想点击,从而达到引流的目的。
2、以“0元领菜”的好奇引起用户注意并产生点击的兴趣,从而引流到会员中心,并再次展示开通会员即可享受“天天0元领菜”。利用了交互设计中的AIDMA法则“引起注意→产生兴趣→激发欲望→强化记忆→促成行动”。
31、【携程】火车票和酒店一起订
关键词:#情景预判
产品体验:
在携程App预定火车票时,在选择好具体日期后,有一个火车+酒店一起预定的选择项,勾选并查询后会进入到火车票选择,然后再选择同一时间的酒店,最后编辑火车票和酒店入住信息,并下单预定。
设计思考:
在用户预定购买火车票时,为什么会出现酒店预定?而且是火车票和酒店一起预定还有更大优惠?我的理解思考的是从用户出行的角度进行了情景预判,用户买火车票出行必然会考虑住的问题,而在预定火车票时,就提供给用户一起预定酒店的选择,避免了用户订完火车票再去订酒店的操作。
结语
每一次产品体验,都是设计背后的一次思考。很多时候我们都知道需要这样设计,但不知道为什么要这样设计。而产品体验就是我们去深挖设计背后,思考产品逻辑,提升眼界的途径之一。谢谢你的观看,下期我们共同来探究。

![[2021/第01篇]UI设计师的产品体验日记](https://img.zcool.cn/community/01c7a9605caac111013e87f4305a0d.jpg?k=8cd75e3ab7bcfbcafcc2a41e49bc149f&t=6af33f80&x-oss-process=image/resize,m_fill,w_520,h_390,limit_1/auto-orient,1/sharpen,100/quality,q_80)















































































