产品体验日记02

北京/UX设计师/4年前/520浏览

版权

产品体验日记02

产品体验日记

抽空把上个月在日常中发现的一些体验不错的产品细节进行了梳理，在发现好设计细节及交互解决方案时候，通过思考交互解决方案给企业或用户带来价值并记录下来，也逐渐意识到产品思维的重要性和必要性，在量变的基础上逐渐产生质变，让自己的语言组织以及总结能力不断得到锻炼和提高。( 新的体验日记在搬运和更新中.. ）

高德地图-自动规划景区游玩路线

【使用场景】

周末休息打算去次古北水镇，由于第一次去，没有做攻略，担心错过景区的一些经典景点，想要有完整的景区游玩路线图。

【解决问题】

打开高德地图输入景区名字，使用类似实景的形式向用户展示景区布局，新推出的规划景区路线的功能帮用户解决了不知如何游玩的苦恼，用户可查看推荐的游玩路线，选择适合自己的一条游玩路线，同时，游玩路线使用高亮的线段在地图上显示，犹如寻宝游戏，可在每个经典景点进行打卡，沉浸感的体验增加了用户使用产品的趣味性，对于路线不是很了解的用户，可点击“详情”查看路线的详细信息，途径的景点个数、行程距离、每个景点预计游玩时长等，清晰的引导用户，降低用户理解和学习成本，帮助用户顺利地完成景区游览，很好地提升了用户游玩体验。

人人视频-剧荒频道中短视频设置正剧入口

【使用场景】

用户打开人人视频，不知道追什么剧时，点击“剧荒”频道，可以无限的浏览短视频，对于比较感兴趣的短视频，想观看正剧，点击短视频下方的“剧集名称”和“播放”按钮，即可跳转到该剧集的视频播放页，观看正剧、看剧集介绍及相关评论等。

【解决的问题】

1、解决了用户剧荒的问题，再刷短视频的时候可以发现自己喜欢和感兴趣的剧集；

2、用户刷到比较感兴趣的短视频时，不需要再评论区询问该短视频出自何处，翻找大量评论寻找片源，节省用户时间。

【设计的好处】

1、通过在短视频中设置关联的剧集入口，节省用户寻找片源的时间，方便用户快速获知剧名寻找片源观看正剧；

2、通过剧集入口引流，增加平台视频播放量，有助于提升用户使用时长及用户粘性；同时用户觉得剧情不错的还可以分享给好友，为平台带来更多的用户。

抖音App——道具特效快拍

【使用场景】

用户打开抖音App发现喜欢的爱豆使用道具特效拍摄的短视频非常有意思，想拍同款，这时，拍摄的“+”按钮状态会变为当前特效的快拍入口，点击可直接拍摄同款，同时背景音乐也可以使用同款~

【解决的问题】

用户可使用当前道具特效入口，快捷拍摄同款短视频，不再为了寻找合适的背景音乐而苦恼。

【设计的好处】

1、通过渐变的动画方式显示当前道具特效入口，吸引用户视线，激起用户拍摄同款段视频的欲望，增加App的使用时长，用户体验佳；

2、在设计上通过优化用户操作路径，道具特效快拍相较于之前点击特效文字入口而言，节省了用户拍摄同款视频的时间和效率，让用户可快速拍摄有创意有趣的同款视频，尽情地展示自己。

飞猪——机票往返信息展示

【使用场景】

用户购买机票时，选择往返机票，输入出发地和目的地，选择出行日期，点击“搜索机票”，往返机票信息界面呈左右展示的方式，可上下滑动操作，同时机票可按价格高低进行筛选，方便用户选择。

【解决的问题】

机票往返信息呈左右方式展现，结合用户使用场景，方便用户查看机票并快速选择满意的航班，通过优化用户操作路径，帮助用户快速完成购买机票。

【设计的好处】

1、界面布局设计上通过左右排列的方式，直观的展示了往返机票信息，航班次、出发及到达时间、机票价格等信息，一目了然，降低用户阅读理解成本，用户体验更优；

2、操作上通过左右航班列表，用户可上下滑动操作，相比常规的单页面滑动操作更加便捷高效，方便用户对机票价格和往返时间进行对比及选择，节省用户时间，提高用户效率和下单量，进而提高平台转化率。

知识星球-打卡挑战入口（当天首次进入星球）

【使用场景】

学员参加知识星球打卡，当天首次进入学习星球时，页面中央会出现正在进行的打卡挑战，显示此次正在参与的打卡以及打卡截止日期，点击即可参与打卡，发表主题内容等。

【解决的问题】

帮学员清晰准确的找到正在进行的打卡挑战，顺利完成打卡，同时还不会错过其它学员的优秀打卡案例。

【设计的好处】

1、通过清晰明确的展示当前进行的打卡挑战，让学员了解到当前正在进行的打卡内容及相应的截止日期，避免学员错过打卡，方便用户参与打卡；

2、当天首次进入星球后，通过对学员打卡路径的优化，引导学员快速的完成打卡任务；相对来说，当天首次进入星球参与打卡的路径更短，很好地提升了学员打卡效率及体验。

微博——内容提示关注作者

【使用场景】

微博上浏览视频时，点击感兴趣的视频进入详情页观看，由于视频区域固定在屏幕上方，可随意翻看相关视频列表和评论，翻看评论过程中，间隔几秒后，显示该视频作者相关信息及关注按钮，对于喜欢的作者可点击“关注”。

【解决的问题】

通过放大显示的关注按钮，用户可一键关注喜欢的作者，同时方便用户浏览该作者创作的相关视频。

【设计的好处】

1、属于关注途径的一种，用户在观看视频时，逐渐滑出的内容区域不会造成用户困扰；

2、同时放大高亮的关注按钮，更易于吸引用户视线，激起用户想要关注作者的欲望（取决于视频内容的质量），增加用户浏览视频与使用产品的时长。

App Store — toady栏目“大卡片”展示

【使用场景】

用户在12月24日打开App Store，当时正值影片《神奇女侠》热映，在today栏目中，以大卡片的方式展示，通过精美图片+抓人眼球的标题吸引用户点击阅读文章，在用户下滑当前文章故事时，屏幕下方显示含有此电影相关片源的精选视频APP，用户可点击下载观看和分享当前文章内容。

【解决的问题】

1、用户可通过当前文章，下载含有此电影相关片源的精选视频APP，观看相关影片，重新梳理故事线，以防错过精彩故事情节；

2、通过简化用户行为路径，在内容页用户可以直接进行相关APP的下载和购买。

【设计的好处】

1、列表中以大卡片的方式展示超大精美图片，视觉体验佳；

2、以抓人眼球的图文呈现形式，组织连接优质内容，吸引用户点击阅读，通过讲述故事的形式向用户推荐相关App/游戏，提高平台软件下载量；

3、点击大卡片全屏弹窗式显示全部内容，点击“x”弹窗缩放隐藏，重新原始状态，简洁流畅的交互设计为用户带来全方位的内容阅读体验；

4、在内容页用户可以直接进行相关APP的下载和购买，随时随地，不需要进入APP详情页，通过简化购买路径，提高用户转化，实现内容变现；

5、对于感兴趣的文章，可以“分享”保存到系统自带备忘录等笔记应用，方便用户聚合优质内容。

人人视频-APP外小窗播放（画中画模式）

【使用场景】

用户打开人人视频观看最近热播的电视剧，但在这个时候朋友在微信上找你聊天，但是你又不想错过剧情。这时在视频播放界面点击进度条右侧的“画中画”模式，可直接在APP外观看视频，不错过剧情，还能和好友聊天。

【解决的问题】

“画中画”模式，可以使用户边追剧边做一些其他的事情，比如聊天、购物等，用户可同时做多件事儿，节省用户时间，又不耽误用户追剧，完美解决了用户不想错过剧情又能做其他事情。 【设计的好处】 贴心的设计，满足了用户不想错过剧情的需求，同时还能保证用户可以同时进行其他操作，点击关闭“画中画”模式可直接回到人人视频继续观看，很好地提升了用户追剧体验，帮助产品吸引更多的用户，提高其留存率并有利于完成后期的转化。

【一点小缺陷】据App Store了解，目前只有iOS14以上的版本才有此功能

网易邮箱——邮件左滑一键删除

【使用场景】

用户打开网易邮箱，在邮件列表，每天都有一些无关紧要的邮件，在邮箱占据了太多空间，于是想要删除这些邮件，用户只需向左滑动要删除的邮件，右侧出现“垃圾桶”的交互动效，“垃圾桶”图标随着手指的滑动逐渐放大，左滑至临界点，当前邮件可一键删除。

【解决的问题】

对于一些无关紧要的或是用户想要删除的邮件，在邮件列表，可通过左滑的交互方式一键删除该邮件。

【设计的好处】

1、体验佳的交互体验：通过在邮件列表对邮件进行左滑，状态随着拟物化交互动画变化（呈现垃圾桶逐渐放大的方式），流畅的交互方式让用户一键删除无关紧要的邮件，节省用户时间和操作成本，提升使用体验。

2、由于用户删除的往往是无关重要或垃圾邮件，所以不会有二次询问的操作确认提示，用户一键即可删除，高效又便捷。

哔哩哔哩主播信息弹窗显示

【使用场景】

用户在观看直播时，想要简单了解下直播的相关信息，点击主播头像，弹出信息对话框，再不干扰直播的情况下可以浏览主播的相关信息（标签、房间号、粉丝数、主播公告、个人空间及关注等）。

【解决的问题】

在不影响用户观看直播的同时，让用户可以快速获知主播相关信息，对主播有进一步的了解。

【设计的好处】

1、通过弹窗显示主播的主要信息，让用户可以快速获知主播信息，对主播有进一步了解；

2、用户在观看直播时点击查看主播信息这一操作，不会中断直播，对用户观看直播影响小，用户体验佳；

3、当前页面弹窗显示，相比跳转新页面节省了用户操作成本，只需点击“x”即可关闭对话框。

微博—新消息提示

【使用场景】

用户打开微博，在微博热搜里面查看当前石家庄疫情情况，在不断向下翻看微博的时候，其他用户发布了相关话题的微博，这是会提醒用户有新微博发布，用户可点击查看。

【解决的问题】

通过提示提醒用户有新微博发布，避免错过相关话题的重要信息和话题讨论，用户可实时掌握话题信息。

【设计的好处】

1、通过轻量级的toast提示，几秒后消失，对用户的干扰较小，不会影响用户阅读微博的体验；

2、采用图标和文字相结合，使用向上箭头告知用户有新的微博发布，向上滑动刷新即可获取最新微博消息；

3、同时toast提示采用产品的主色调，颜色鲜明，容易引起用户注意，同时很好的传达了产品的品牌意识。

微信扫一扫-我的二维码/扫码识物

一、新增“我的码”：

【使用场景】

当添加好友的时候，总是纠结是扫描对方，还是对方扫我。

【解决的问题】

微信扫一扫功能，在扫描界面左下角新增“我的二维码”功能，当别人添加我为好友时，直接点击可显示自己的二维码，避免尴尬，无需再去“我的”个人信息界面打开二维码。

【设计的好处】

通过在扫一扫界面的快速入口，缩短了用户操作路径，方便用户添加好友，节省用户时间，避免了不知道谁扫谁的尴尬，优化了用户使用体验。

二、扫码识物

【使用场景】

用户在朋友那收到一包零食，尝起来觉得还不错，想要加购些，发现微信扫一扫有“识物”功能，便打开试试，扫描之后，界面展示了此款零食的相关信息。

【解决的问题】

“识物”功能可以识别任何商品。贴心的展示了相应的食品建议、能量表、相关资讯、商品的价格信息、购买链接等，用户不仅可以查询到商品信息，还可以实现一键购买。

【设计的好处】

1、打通了资讯类小程序，并为京东购物、苏宁易购等小程序提供引流，拉动用户消费，提高平台购买量及收益。

2、系统为用户展示多个不同的小程序购买链接，点开链接后，用户可直接进入商品购买页面进行下单操作，减少了页面第三方跳转，节省用户时间，提高购买效率。

3、用户在获取相关商品信息后还可分享至其他微信好友及朋友圈展示，一定程度上有利于提高用户转化率。

微信朋友圈——删除后可重新编辑

【使用场景】

用户编辑朋友圈内容，选择不给谁看的分组，编辑完成后点击发表；当用户发出朋友圈后，发现有错误，可删除朋友圈后重新编辑，用户不需要再次从手机相册选择图片或视频，重新录入信息。

【解决的问题】

帮助用户重新编辑删除的朋友圈内容，用户可在原动态上进行修改，不需要重新再编辑一遍，节省用户时间和操作成本。

【设计的好处】

1、通过重新编辑，返回原动态进行内容修改，缩短用户重新编辑的行为路径，节省用户时间和操作成本，用户体验佳。

2、遵循用户可控性原则，满足用户操作时可删除/撤销重新编辑，同时用户拥有控制权也是对用户的尊重。

【提示】用户在删除朋友圈后，若2分钟内没有重新编辑或重新刷新朋友圈动态的话，重新编辑的入口就会消失。

网易邮箱——未读邮件右滑状态变为【已读】

【使用场景】

用户打开网易邮箱，在邮件列表，选中未读邮件向右滑动，左侧出现“打开信封”的交互动效，右滑至临界点，邮件状态变为“已读”状态，邮件标题文字由高亮字色置灰，提示用户该邮件为“已读”。

【解决的问题】

对于一些无关紧要的或是用户不想阅读的邮件，在邮件列表，用户可通过右滑快速管理未读邮件；对于想要删除的邮件，可通过左滑的交互方式快速删除该邮件。

【设计的好处】

1、易读易理解：未读邮件标题文字高亮显示，与字色置灰的已读邮件形成对比，让用户一眼就能看出哪些邮件是未读信息；

2、体验佳的交互体验：通过在邮件列表对未读邮件进行左滑，状态随着拟物化交互动画变化（呈现信封逐渐打开的方式），流畅的交互方式让用户快速处理未读邮件（同时方便用户使用左手操作）节省用户时间和操作成本，提升使用体验。

网易云课堂 — 首页【最近学习】提示

【使用场景】

用户打开网易云课堂APP进入首页，底部弹出“最近学习”提示，可根据提示和课程来源点击继续学习。

【解决的问题】

帮助用户快速找到最近所学课程，继续进行学习，提高学习效率。

【设计的好处】

1、通过用户学习进度提示，激起用户学习积极性；

2、优化用户学习路径，帮助用户快速到达当前所学专业课，点击可进入课程列表，选择课程继续观看；

3、用户可以根据自身的学习需求，安排学习课程，提高学习效率。

4、在课程列表中对学习状态进行标记，当前学习课程标题高亮显示，已看完的置灰，用户不需刻意记录学习进度。

5、在课程详情页也可以切换课程列表，用户不必回到课程列表选择，方便用户学习，降低用户操作成本，提高学习效率。

纠音日学小程序——新手引导

【使用场景】

学员进入纠音日学小程序，准备看一下作业进行打卡时，更新后的小程序会有新手引导设计，让用户得知产品的新功能或相关操作，从而加深用户对产品的了解。

【解决的问题】

让用户在短时间内快速了解产品的特色以及产品的使用方式，轻松上手去体验产品的功能，完成自己的目标。

【设计的好处】

新手引导可提示用户如何进行操作，降低用户的学习成本，帮助用户快速上手；同时也能让用户感到贴心，增加用户对产品的好感。

Keep——跑步模式设置屏幕常亮

【使用场景】

用户跑步时打开keep，设置自己的跑步目标，同时在跑步设置里面开启屏幕常亮，在跑步过程中可随时方便浏览运动数据。

【解决的问题】

在跑步设置中开启“屏幕常亮”模式，方便了用户在跑步时可随时查看浏览运动数据，用户不用担忧跑步过程中因为手机息屏而中断跑步，再次解锁查看运动数据的为问题。

【设计的好处】

1、设计上通过放大高亮的按钮，方便用户手动“暂停”和“继续”跑步；

2、由于手机自动息屏的情况，需要用户手动解锁才能浏览运动数据，对于正在跑步的用户来说，无疑是一个很糟糕的体验，但是当用户打开跑步模式下的【屏幕常亮】在锁屏后还可以随时浏览运动数据，用户体验更佳。

3、跑步过程中随时浏览运动数据，让用户随时知晓自己的运动里程和目标距离，激起用户跑步动力，让用户爱上跑步。

iOS系统桌面图标长按显示关键操作

【使用场景】

开启3D Touch功能后，用户想要查看在唯品会上购买的商品订单详情，通过长按桌面唯品会图标，显示关键操作的浮层，显示“待收货、收藏、分类、编辑主屏幕”等关键性操作，点击“待收货”即可快速查看商品订单，方便快捷。

【解决的问题】

方便用户快速查看商品订单信息。

【设计的好处】

通过长按桌面图标显示关键性操作，通过优化用户操作路径，节省用户操作成本，省去了打开app进入首页再次查看我的订单及订单详情的步骤，便捷高效。

QQ——聊天框多窗口切换

【使用场景】

用户打开QQ，消息列表信息过多时，长按“消息”图标（或是点击QQ消息进入聊天框，长按窗口的空白处），可切换多窗口预览，左右滑动可切换好友/群聊天窗口，上下滑动还可以浏览聊天记录。

【解决的问题】

消息列表过多时，用户不需逐条点击消息列表查看，通过多聊天窗口切换，减少用户操作路径，节省用户时间。

【设计的好处】

1、QQ作为一款全民化，用户群体年轻化的社交产品，长按“消息”图标或聊天窗口空白区可多窗口切换，交互方式新颖有趣，给用户带来惊喜感，符合目标群体的特征，用户体验佳；

2、多窗口随意切换，减少了用户操作路径，无需返回消息列表逐条点击进入聊天窗口查看，节省用户时间，提高效率。

蚂蚁森林-找能量🌳

【使用场景】

为了种更多树参与到公益项目中，当用户在蚂蚁森林好友收取能量时，点击右侧的“找能量”按钮，可以切换到有能量可收的好友森林区，继续收取能量。

【解决的问题】

通过“找能量”可直达有能量可收的好友森林，缩短用户操作路径，解决了用户无需手动下拉好友列表寻找能量，节省用户时间。

【设计的好处】

1、通过随机切换有能量的好友森林，缩短了用户操作路径，节省用户时间成本，提升用户体验；

2、通过不断地切换找能量，增加用户使用时长，一定程度也会提升产品的活跃度；

3、随机切换有能量的森林，收取能量也会为用户带来惊喜感和期待感；

4、在没有能量可收取时，会进入满屏的森林环保页面，提示用户“森林除了鸟叫，什么也没发现”，也呼吁大家爱护环境，保护大自然的一方净土。

唯品会——定时20分钟清空购物车

【使用场景】

用户打开唯品会，发现汤臣倍健的商品正在搞活动，产生了购买的欲望，想要抢购此商品，将商品加入购物车后，购物车图标右上角会显示20分钟的倒计时，提示用户尽快付款结算。（当用户想要看看其他商品一起结算时，若担心购物车在20分钟后被清空，可以在购物车列表，选中当前商品向左滑动，显示隐藏功能，选择“移入收藏”则用户可放心浏览其他商品，不用担心购物车被清空。）

【解决的问题】

1、通过定时清空购物车来刺激用户抓紧下单，解决部分用户拖延的情况；

2、为了防止大量未支付订单占用库存，导致实际想买的用户买不到商品；

【设计的好处】

1、定时20分钟清空购物车可提醒用户及时完成订单，同时也突出了品牌特卖和产品稀缺性，从而提高平台下单量和成交额；

2、从用户心理的角度来看，时间限制会增加紧张感，促进购买行为的转化；

3、由于参与特卖的商品数量是有限的，唯品会库存规则有可能是放入购物车即减虚拟库存，定时清空购物车，可以更好的控制库存管理等问题。