产品体验日记-小的设计细节带来好的用户体验（6月01篇）

1.《网易云课堂》-下拉刷新文字，激励用户学习，提高用户参与度。

产品体验:

当用户下拉刷新时，会提示不同的鼓励文字，“一日不书，百事荒废”、“百尺竿头，更进一步”、“每天进步一点点”。

 

 

设计思考:

1.下拉提示文字，一方面可以转移用户注意力，减少用户等待时的焦虑，另一方便能够给用户带来学习上的鼓舞，激励用户不断学习进步。小的细节，总能给用户带来惊喜，从而更好的留住用户。

2.《网易云课堂》-有趣的加载动效，吸引用户眼球

产品体验:

1.当打开应用，点击我的学习模块，遇到网络不好的情况下，页面加载，会显示一个卡通小人正在翻书的效果，当加载不出来时会显示，网络异常，点击按钮重新加载。

 

 

设计思考：

1.有趣的动效往往能吸引用户眼球，让用户在等待页面加载的同时，可以分散用户注意力，让用户看到页面正在加载中，而不会感觉很漫长。

2.好的视觉效果，好的动效都会给用户带来好的体验，吸引用户参与，提高页面留存率。

3.《马蜂窝》-点赞功能好动效，带给用户好体验

 

产品体验:

1.页面详情页，左下角有个功能按钮“顶”，当用户点击时会显示向上移动的一个加油的卡通形象，连续点击会出现更多，一个接一个的移动到作者的头像位置，每点击一次，就配合着数字加抖动的效果，向上移动，效果较好。

2.第一次进入页面点击“顶”，是一个鼓掌的卡通形象，第二次进入页面的“顶”变成了送花的卡通形象，十分有趣。

设计思考:

1.“顶”，类似于之前的点赞功能，不光是对作者及文章的认可，丰富的视觉效果还能表达自己对作者的赞美程度和用户内心的满足感。

2.点击时的动态效果，具有较强的趣味性，可以提升用户满意度。

3.卡通形象鼓掌、送花，生动有趣，可以提升页面活跃率，用户体验较好。

4.《微信听书》-听书，给用户带来听觉上的享受

 

产品体验:

1.微信听书是微信官方听书应用，可以免费收听有声小说、书籍和各类音频节目，还能拥有自己的音频号成为声音创作者。

2.打开一本书籍，音频听书，进入内容页面，AI文稿文稿会随着文章的进度向上自动播放，书籍内容搭配背景音乐，给你听觉上的享受。

 

 

设计思考:

1.人声有感情的朗读搭配合适的背景音乐，给用户身心带来愉悦，能够情景式的投入书中，用户体验较好。

2.有声读物音频可以规避因视觉受限与环境干扰所带来的阅读不佳的体验。并且随着用户需求的升级，有声读物也开始从传统的教学用途，衍生出如今更加丰富的内容展现形式，读书声音搭配着音乐背景和背景音频，情景交融，给用户带来听觉上的盛宴。

3.声音的沉浸式体验，吸引用户参与，书中内容搭配合适的背景音乐，能够与用户在情感上产生共鸣，提高页面留存率。

5.《微信听书》-好的交互，往往能够带来好的宣传

产品体验:

1.当点开已选择好的音乐进行播放，左侧会显示音乐VIP歌单,当手指向上滑动，音乐歌词显示到一定位置后，左上边图像位置会显示音乐名称及音乐的路径是来自音乐VIP歌单，右侧显示订阅。

 

 

设计思考:

1.好的交互效果，往往能够带来好的宣传效果，给用户进行提示，为用户点击订阅提供了方便，从而引导用户进行订阅。

6.《淘宝》-有趣的动效、精美的插画，吸引用户眼球，放松用户心情

 

产品体验:

1.打开《淘宝》当购买完商品后，活动薅羊毛，赚话费，点击领取时，出现加载小动效，进度条会根据进度往右过渡，当加载出来后显示页面内容，未加载出来时会显示文字：你的羊走丢，请检查网络连接，下边显示点击刷新按钮。

 

 

设计思考:

1.精美的插画风，活泼可爱，生动有趣，给用户眼前一亮，让人在浏览等待的过程中感到舒适轻松。

2.以拟人化的方式给用户有趣的文字提示，使用户不再因网络连接不上而感到焦虑，而是能够很好的缓解用户的情绪，放松心情。

7.《智行》-抢票系统，滚动数字激励人心

产品体验:

1.节假日期间，在旅游业发展的同时，在线预订火车票、机票等业务渗透率较高，火车票预订业务潜在用户规模巨大，具备较强的流量优势。

2.智行火车票在离线抢票功能上，提供自动下单功能，机票监控更是一大优势。点进抢票模块页面，显示成功为'119875'十多万的人监控低价酒店，今日为‘611500’将近十多万的人提供抢票业务，滚动的数字用主色标出，突出显示，下边动态的小字显示用户某某某在发现了低价酒店、某某检测到车次XX，几等座。

3.抢票攻略，更好的助力用户抢票，更贴心的服务，为用户抢票提供便利。支持多日期一起抢票，成功率更高，更可输入筛选条件，更加准确便捷的参与抢票。

设计思考:

1.动态的数字更能打动人心，滚动的数值吸引用户注意力，一方面可以提示用户有特别多人参与其中，另一方面激发用户快来参与抢票。

2.抢票攻略，卡片式设计，更加简洁方便的让用户了解攻略，支持筛选，更加精准的为用户进行抢票，贴心的服务，更能打动用户。

8.《躺平》-有趣的动效，吸引用户眼球

产品体验:

1.当点击推荐功能的手掌图标，手掌向上弹出，出现黄色，红色彩带，手掌变成选中颜色，主色黄色。

2.下边会显示有多少人推荐过，给用户一个预判，用户推荐后，会增加一人。

设计思考:

1.有趣的动效往往能够吸引用户注意力，吸引用户眼球，应用黄色红色，模拟彩蛋的展现方式，给用户营造一种热烈的庆祝氛围，从而达到愉快的推荐的目的。

2.推荐的数量能够更直观的显示数据，能够给用户带来同感，产生共情。

总结:

设计之路，愿我们不忘初心，养成良好的体验产品习惯，记录优秀产品细节，不断积累设计知识和总结经验，从而提升自己。