产品体验日志（01.29-02.04）

说明：

一个作品的产生会和用户群体、项目背景、产品业务等各方面息息相关
本人抛开背后的种种原因
单纯从体验角度去谈自己的感受
写的不好之处望见谅

体验目录

01.29 唯品会小程序-商品饥饿营销
01.30 唯品会小程序-商品详情页尺码提示&无货时找相似入口
01.31 豆瓣市集-团购模块切换动效
02.01 酷狗音乐-安全听歌模式
02.02 携程-景点视频横屏观看引导
02.03 同程-首页火车票预售提醒模块
02.04 掌上生活-底部tab切换动效

01.29 唯品会小程序-商品饥饿营销

关键词：

#抢购场景# #用户心理# #效率#

产品体验：

商品列表展示剩余尺码，商品加入购物车后有锁单倒计时提示刺激下单

设计思考：

· 尺码作为购买衣服必要的决策信息，大部分人在购买衣服的时候一定会看尺码是否合适。唯品会在商品图片上对尺码不全的商品进行剩余尺码的展示，对于有合适尺码的用户来说会起到一个刺激下单的作用，对于没有合适尺码的用户就不需要点进详情页浪费时间，转而去看其他商品，提升了用户购买效率，就是样式上来说不太美观。

· 唯品会作为一家特卖商品网站，商品特征是价格便宜但商品不全，抢购是其重点场景。商品加入购物车后会有锁单倒计时20分钟的提示，加大用户的紧张感，促进下单转化

01.30 唯品会小程序-商品详情页尺码提示&无货时找相似入口

关键词：

#实时反馈# #用户留存# #产品闭环#

产品体验：

商品详情页在点击尺码后实时展示尺码详情，这对购买衣服一定必看尺码的人来讲实在太方便了。如果喜欢的衣服没有货的话底部会有‘找相似’的入口，提供类似商品推荐

设计思考：

· 商品详情页点击尺码会气泡展示尺码详情，方便用户实时进行决策，但是UI样式不太美观

· 当商品缺货时，底部按钮会变为“找相似”，为用户打造了闭环的购买链路，加大用户留存率

· 这类实时提示觉得稍微有点过多的打扰用户，但是又觉得还蛮好用的，总的来说应该是利大于弊？

01.31 豆瓣市集-团购模块切换动效

关键词：

#趣味性# #动效#

产品体验：

豆瓣市集团购模块用卡片式的设计，滑动起来还蛮有趣

设计思考：

豆瓣市集团购模块用卡片式的设计，滑动起来还蛮有趣

02.01 酷狗音乐-安全听歌模式

关键词：

#场景细分# #用户体验#

产品体验：

酷狗音乐可以根据不同的使用场景切换不同的听歌模式

设计思考：

· 用户场景细分思路是比较好的，特别是现在降噪耳机的出现，在某些场景如果完全听不到外部声音会存在安全隐患

· 但是页面表达上个人觉得有点疑惑，包括安全听歌页面的文案和页面信息主次

· 安全听歌页面：听歌模式作为主要的功能切换放在右上角比较隐晦，然后“xx穿透”文案的表述，需要让人思考才能明白这个穿透指的是外部声音的穿透还是音乐的穿透

02.02 携程-景点视频横屏观看引导

关键词：

#引导#

产品体验：

看携程景点介绍视频的时候，可以切换横屏进行观看

设计思考：

手机上播放视频往往会觉得屏幕比较小，携程的视频播放会有明显的‘横向观看’引导入口，方便用户进行观看

02.03 同程-首页火车票预售提醒模块

关键词：

#场景细分# #用户体验#

产品体验：

同程首页在春节期间会出现售票日历提醒模块

设计思考：

· 春节等重大节假日，买票难是个问题。在首页增加售票日历模块提醒，今日开售用明显的方式进行展示，让用户对自己需要购买的票是否开售有个直观的了解

· 还可以通过此模块快速进入车辆列表，提升了用户购票效率

02.04 掌上生活-底部tab切换动效

关键词：

#动效# #情感化#

产品体验：

招商银行掌上生活app，底部tab切换的过程中会通过动效描绘icon

设计思考：

· icon上做动效是情感化设计常用的手段之一，比起死板的转换，通过动效的描绘能增加趣味性，加强用户体验感知

· 掌声生活底部的icon，在切换的时候会通过路径描绘出icon后慢慢填充颜色，中间信用卡icon的动效稍作区分是从上面下坠卡片、从下面上升v标后卡片闪光，整体感知比较好，动效做的也比较精细