UI设计师的产品体验日记

第01篇分享目录（1~14）

1、【绿洲】关注中轮播点的设计

2、【绿洲】评论时有趣的“WOW”功能

3、【百度地图】智能的出行建议

4、【百度地图】贴心的“未来出行”预测

5、【高德地图】我的页面中风格统一的插画设计

6、【儿歌多多】同一账户下针对多个宝贝的贴心设计

7、【宝宝知道】中育儿关键词卡片的设计

8、【宝宝知道】中记录身高、体重的拟物化设计

9、【宝宝巴士】下拉刷新的微文案

10、【宝宝树孕育】有趣的哭声翻译器

11、【Worry Dolls】记录烦恼的趣味化设计

12、【Moo日记】进入时的亲切引导

13、【携程旅行】页签设计

14、【携程旅行】查询时的日期选择

1、【绿洲】关注中轮播点的设计

进入“绿洲”，即看到关注的内容，当用户发布的内容图片超过3张时，轮播点的设计便发生变化。个数上，小圆点从3变为5；面积上，5的最外侧的圆点会很小，从而产生空间上的渐进感，提醒用户后面还有图片，还可继续滑动。十分细节的视觉设计，却有很大的引导作用。

2、【绿洲】评论时有趣的“WOW”功能

进入“绿洲”的关注页面，评论输入框的最右侧有个“彩虹WOW”图标，点开即可看到一些有趣夸张性的“彩虹屁”评论语句，并可以根据自己的需求点击“换一句”，发送出个性十足的评论。该功能让评论变得十分有趣，提升用户的参与度，十分符合用户不想打字，又想妙语连珠的心态。同时，让产品从一众社交类产品中脱颖而出，给用户留下深刻印象。

3、【百度地图】智能的出行建议

进入“百度地图”，输入要去的位置后，应用在给出三个方案路线的同时，会给出相应路线几点出发用时更少的建议，可以帮助用户合理安排出行时间，节约路途的耗时。

4、【百度地图】贴心的“未来出行”预测

打卡“百度地图”，选定要去的位置后，可以点击地图右侧的“未来出行”图标，进入出行预测页面，选定不同时间可查看预测到达时间。更贴心的是，可以先选定想要的到达时间，应用会给出建议的出行时间，并可以通过点击“添加行程提醒”，提醒用户。

功能及交互的设计，贴心的考虑了用户出行不想堵车的愿景，在更合理的规划出行的同时，帮用户节约时间。

5、【高德地图】我的页面中风格统一的插画设计

进入“高德地图”我的页面，下滑可看到“热门活动”和“精选服务”板块，风格统一、配色舒适的插画设计让人眼前一亮，在形象描绘出活动、服务内容，辅助用户理解内容的的同时，让人心情舒畅，并感受到产品认真的态度，强化了品牌。

6、【儿歌多多】同一账户下针对多个宝贝的贴心设计

进入“儿歌多多”宝宝看栏目，点击顶部左侧的头像，可以添加多个宝贝信息，且采用做选择的交互方式，使增添信息特别简便快捷。而且应用会根据不同的年龄段选择， 给出不同的内容推荐。

同一账户下可以设置多个宝贝信息，并给出相应推荐，省去了切换登录不同账户的麻烦，十分贴心，而且针对不同年龄给出不同推荐，让用户觉得产品专业可信赖。

其次，添加多个宝贝信息的功能设置，特别符合当下生二胎的时代背景，贴合市场需求。

7、【宝宝知道】中育儿关键词卡片的设计

进入“宝宝知道”育儿栏，通过关键词卡片，点击感兴趣的关键词，即可进入相应的知识专题。如果默认关键词中没有感兴趣的，还可以点击“换一批”。关键词的设计让用户可以高效、精准获取相关知识，帮助用户节约时间，提升产品易用性。

8、【宝宝知道】中记录身高、体重的拟物化设计

进入“宝宝知道”育儿栏，点击记录身高、体重时，会出现身高尺和体重秤。交互方式模拟真实场景，操作简便明了，具有代入感，对用户十分友好。

9、【宝宝巴士】下拉刷新的微文案

进入宝宝巴士，下拉刷新时会出现“育儿经”式的微文案，用户在不经意间就会审视自己的育儿态度和方式。缓解用户刷新时的焦虑感，大大提升对产品的好感度。

10、【宝宝树孕育】有趣的哭声翻译器

从“宝宝树孕育”的金刚区进入“更多”，可以点击进入新奇的“哭声翻译器”，开启后即可监测宝宝哭声，当“听”到宝宝哭声后，会播放安抚音乐，并给出宝宝哭的几个原因和建议。大大缓解了新手爸妈听到宝宝哭的紧张和焦虑，提升产品的好感度，同时，用户可以及时给出“准”“不准”的反馈，帮助提升产品。

11、【worry dolls】记录烦恼的趣味化设计

进入到“worry dolls”会出现一个形象角色，会用像老朋友一样的口吻让你倾诉烦恼，之后便说要代替你的烦恼，倍感温情。而且更有趣的是，点开左上角图标，会出现“戴口罩”的功能，结合当前疫情，特别有时事感，同时有闭嘴、帮你保密的隐喻，十分有趣，贴近用户。

12、【Moo日记】进入时的亲切引导

打开moo日记后，会出现一只兔子，以对话的方式，引导用户登录账号、写下昵称，亲切、友好有代入感。从选择天气开始写下日记，降低用户想记录的难度，并起到很好的引导。

13、【携程旅行】页签设计

进入携程机票栏，下滑即可看到“规划下一次旅行”板块，页签的设计很有特点。页签之间用常规的浅灰色细线作分割，选中的页签用携程品牌色蓝色凸显，背景还出现了单色透明渐变的圆形图案，让简单的页签看上去细节满满。结合旅行的主题，特别容易联想到水中的气泡，再搭配上“面朝大海、大手牵小手、最好的陪伴”这样的微文案，特别温情。一个好的视觉印象，配合有温度的文字，让人不禁眼前一亮。

14、【携程旅行】查询时的日期选择

进入携程查询机票等时，日期栏会显示日期+星期，首先给出的默认是“日期+明天”。今天、明天是我们最有概念的时间名词，我们常常不记得今天是几月几号，也会忘记是周几，但是绝对不会忘记今天、明天，所以给出的默认显示十分友好，瞬间将抽象的时间日期具体化了。

 这个设计小点尤其是在预订机票、车票、房间、酒店等的APP中，可谓司空见惯。触动自己的是，要注意到这些细微的设计点，并有意识的运用到自己的设计中。

 以用户为中心的设计，不是一个虚泛的概念，往往在这些细节处更能落地和体现。