前言

一位优秀的设计师不仅能够提出解决方案，同时也要学会“推销”自己的解决方案。所以，对于一款好的产品，我们需要发现美的眼睛，也需要“打破砂锅，一探究竟”的探索精神。而现在，「推导」成了我们的有力武器。

• 
  
• 一.【马蜂窝】-有趣的快速评价功能

1.【使用场景】

当用户在浏览内容的时候，想要去评价，但一时词穷可咋整，希望在评价时可以给到参考建议或者方便用户快速评价，可目前用户只能自己思考内容去评价，一旦思考太久，用户就放弃评价了。

2.【设计思考】

1、设计目标：

针对用户：提供用户评价文案的思路，减少用户思考时间；针对产品：提高内容的回复量，提升评价的完成率。

2、设计方案：

① 当用户准备评价时，点击「摇一句」的按钮，自动出现幽默风趣的评价文案，同时「图标筛子」也会跟着摇起来，让用户觉得文案是自己摇出来的，非常生动形象，这样的设计增加用户评价的乐趣，提升评价的完成率。

② 每摇一句，文案自动变化，节省用户思考的时间，给用户更多的评价内容选择。

3、总结心得：

马蜂窝App利用「摇一句」的形式给用户在评价时提供内容建议，有效的提高用户评价时的效率。

二.【马蜂窝】-发布时贴心的小提示

1.【使用场景】

你是否讨厌文案编辑到一半竟然没了，没错我也讨厌这样。马蜂窝App用户在发布内容时，希望在发布的过程中少出点问题。可目前来说，用户老是误操作导致退出或者发表后感觉内容不够完善。

2.【设计思考】

1、设计目标：

针对用户：解决用户误操作导致退出重写的问题，提醒用户对内容的完善度。针对产品：提高产品的易用性以及内容发布的质量，提升发布内容的完成率。

2、设计方案：

① 用户在编辑文案时，不小心点击「关闭」按钮后，弹出二次确认弹窗（采用警告框确保能够引起用户足够的重视）来预防用户出错。同时内容会自动保存，尽可能的降低用户损失。

② 当用户点击「发表」按钮后，也会再次提醒内容是否完善，是否立即发表。通过贴心的提示来得到用户的重视，减少次品，提升发布内容的质量。

3、总结心得：

操作前的预防提示可以很好的避免用户出错，马蜂窝App在用户编辑内容时的往前一步，往后一步都考虑的非常周到，虽然弹窗也会中断用户的操作流程，但这是值得的。

三.【顺丰速递】-便捷的粘贴地址信息功能

1.【使用场景】

在日常生活中填写快递地址是非常麻烦的事情。用户在打开顺丰速递想要寄件时，只想希望填写地址可以变得简单，可目前来说用户在第一次寄件时需填写一大堆的地址信息，同时地址信息也不一定能记住。

2.【设计思考】

1、设计目标：

针对用户：解决填写步骤过多的问题，提升用户的操作体验。针对产品：提高产品的易用性，提升寄件流程的流畅度。

2、设计方案：

用户在寄件时，只需要复制别人发送的收货地址，打开顺丰速递后，自动弹出「是否采用剪切板上的地址」的确认弹窗（采用警告框确保能够引起用户足够的重视），点击某个地址类型，直接输入成功，非常有效的提高用户的操作效率。

3、总结心得：

预判用户下一步并给出快捷操作入口，将会节省用户很多操作时间，顺丰速递App的「粘贴地址信息」功能有效的解决了用户操作复杂的问题，提升用户体验与效率。

四.【百度网盘】-简单又好用的交互手势

1.【使用场景】

对于重复性的操作在用户心里肯定心生不悦，包括选择文件。当用户在使用百度网盘想要上传多个文件时，「全选」已不能满足用户的需求，只想希望可以方便的选择多个文件。可目前来看，用户想要选择多个只能点击选中每个文件，操作起来非常繁琐。

2.【设计思考】

1、设计目标：

针对用户：解决用户操作繁琐的问题，提升用户的操作效率。针对产品：提高产品的易用性，增加用户对产品的好感度。

2、设计方案：

当用户上传文件时，长按某个文件之后，向左滑动即可逐个选中每行的文件，返回即可取消选中（符合用户的认知习惯，降低理解成本）；向上或者向下滑动可直接选中每行的所有文件，避免了用户逐个选中文件的麻烦，有效的提升了用户选择文件的效率。

3、总结心得：

便捷的交互手势可以很好的助力用户使用产品的体验，百度网盘App合理使用不同的交互手势，有效提升了用户的使用体验与效率。

五.【淘宝】-截图后的贴心小操作

1.【使用场景】

一般情况用户不会无缘无故截图，怎么才能预判用户的下一步操作呢？深思。用户在使用淘宝进行截图时，希望截图后可以快速满足他的某些需求，可目前来看，用户截图后没有任何提示操作，用户只能自己去思考如何完成。

2.【设计思考】

1、设计目标：

针对用户：提供用户截图后的快捷操作，降低用户的操作路径。针对产品：提高产品的易用性，同时提升商品的购买转化率。

2、设计方案：

① 用户在浏览商品时进行截图，产品会预判用户的下一步操作（商品分享、问题反馈、图片同款），自动从右侧弹出提示操作的弹出框，出现3秒后自动消失，减少对用户的干扰，不影响用户继续浏览。

② 当用户点击某个功能，比如「图片同款」，自动跳转到同款商品的列表页，有效降低用户的操作路径。同时方便用户去货比三家，了解更多商品信息，提升该类商品的购买转化率。

3、总结心得：

精准的预判用户下一步操作，可以极大的提升用户的操作效率，淘宝APP即是如此。

六.【Bilibili】-登录中有趣的人物微动效

1.【使用场景】

用户下载完Bilibili，想要登录App时，产品希望一开始就给用户带来新鲜感、互动感，希望通过好的体验吸引用户。然而目前在登录过程找不出好的设计亮点，体验不佳。

2.【设计思考】

1、设计目标：

针对用户：解决用户在登录过程中体验不佳的问题，提升用户对产品的喜爱；针对产品：通过增加设计彩蛋，提升用户对产品的好感，增加用户注册的完成率。

2、设计方案：

① 用户进入注册登录页后，当输入账号时，界面顶部banner的33娘与22娘会张着嘴，睁着可爱的大眼睛看着你，表达出对正在注册登录的你很感兴趣。

② 当输入验证码时，33娘与22娘则会用手捂住眼睛，闭着嘴，仿佛在跟用户互动，说“我可不会偷窥你的密码”。

③ 这么做能带给用户极强的新鲜感与互动感，加深对Bilibili产品的好感，促使用户注册登录，同时也符合产品的定位：注重体验、强互动感。

3、总结心得：

Bilibili利用可爱的插画表情变化，无形之间与用户产生互动，从而吸引用户。

七.【马蜂窝】-如此形象的「顶你」方式

1.【使用场景】

当用户在浏览文章时，发现好玩有趣的文章之后，希望想表示出对它的喜爱程度，可目前只有常见的「评价」、「收藏」功能已满足不了用户想要的，也不能形象生动的表示出对文章的喜爱。

2.【设计思考】

1、设计目标：

针对用户：优化用户对文章表示喜欢的功能，解决用户体验不爽的问题。针对产品：提升用户浏览的兴趣，提高文章的浏览量。

2、设计方案：

① 在文章介绍页新增「顶」 的功能，当用户连续点击时，采用“顶你的手势”去体现对作者的喜爱，符合用户生活中的习惯，让用户觉得更加生动形象，提升兴致。

② 手势从「顶」端出现到作者头像端消失，产生很好的互动感。

③ 点击次数的上涨以及绽放的微动效，仿佛是在给作者发送彩蛋，当次数过多时，作者头像就会振动以及出现幽默文案提示，仿佛在对用户说“我已经接收到你的喜爱了”。

④ 底部「顶」 次数显示也能让用户了解到文章的受欢迎程度，提升用户对文章浏览的兴趣。

3、总结心得：

优秀的反馈也能很好的助力用户使用产品的体验，马蜂窝App「顶」的反馈形式，就生动形象的让用户表达出对文章的喜爱程度。

八.【马蜂窝】-收藏后的快速查看入口

1.【使用场景】

在马蜂窝app中，用户浏览到喜欢的景点时，一般都会进行收藏，当用户收藏过多后想要查看自己收藏了哪些内容时，希望可以进行快速查看。而目前用户只能退出「景点介绍页」，然后从「我的收藏」功能入口查看收藏的景点内容。

2.【设计思考】

1、设计目标：

针对用户：优化用户查看收藏的流程，提升用户的操作体验。针对产品：优化产品流程的流畅度，提升用户对产品的好感度。

2、设计方案：

① 在景点介绍界面，用户点击「收藏」按钮时，出现Toast弹窗提示“收藏成功”，给出用户操作反馈。同时从下至上出现「查看收藏」的快捷入口，符合用户从上往下看的浏览习惯，点击「去查看」直接跳转到「我的收藏」界面， 舍去了其它没必要的操作，很好的提升用户操作效率。

② 「去查看」的文字按钮采用蓝色正好与其它不可点击的文字做了很好的区分，降低用户的理解成本。

3、总结心得：

一个好的流程应该尽可能的减少用户的操作，降低用户在操作中的理解成本。马蜂窝App利用「查看收藏」的快捷入口，有效的提高了用户想要查看收藏时的操作效率。

结语

在设计的生涯中，如何说服别人会伴随着我们从头到尾。我们在记录好的设计细节时，也要不断提升自己的输出表达能力。做到既能让别人听得舒服，也能让自己减少改稿率。

本期体验细节推导分享结束，我们下期再见！

Powered by Froala Editor