原文链接：https://mp.weixin.qq.com/s/8DfdqpoHKhcy9v6HkIJCRA

#01导语

大家好～这是我们的第二期优秀案例分析，这一期一如既往给大家带来一些优秀案例分析，场景细分、信息可视化、巧用动效等我们平时一直在思考的问题，而我们是否能做到更好的体验呢？想要设计一个体验良好的产品，设计者需要深刻洞察用户不同层次、不同维度的需求，理解人群的生理、心理差异以及场景的特殊性，精准的提供设计服务以满足用户。

#02案例分享

1. 地图不只是导航-走心才能更贴心

在设计思考的过程中，同理心、换位思考，是一种站在对方立场设身处地思考、认识到别人正在经历怎么样的情绪。通过站在用户的角度思考，产生共鸣和理解。对于设计师而言，借助共情，能够感受和发现人们的实际需求（包括显性的和隐性的），而这是帮助用户解决问题的基础。

🌰「高德地图」高温下的暖心设计：
「高德地图」会利用树木与楼高的数据，配合天气太阳角度的计算，为用户提供骑行时有林荫与楼阴的清凉导航路线，这个设计可以说十分贴心了。

2.场景细分-让输入更友好

文本输入框几乎是每个UI设计师都必须用到的设计控件，它们无处不在，对于用户体验的影响无疑是巨大的。虽然看起来很简单，但是一个设计成熟的文本输入框也需要满满的挖掘和了解用户习惯。

🌰「微信」提高用户输入法操作：
微信悄悄新增了#微信聊天对话框可以放大编辑#（全屏输出） 功能，该功能的官方命名为全屏输出，该功能的作用是，当聊天对话框输入超过三行文字内容，即可触发放大编辑按钮，便于用户预览长文内容。

输入法功能补充
Ps/ns 硬件 可以结合手机进行输入方式的补充，弥补 手柄的输入弱势 （官方应用）

🌟3.信息可视化-内容解读更高效（好）

可视化设计可以帮助用户更高效的获取信息、判断趋势、识别变化等。那么在可视化设计中怎么让用户能更好的看清看懂信息内容，让信息与用户所处的情境相呼应是微交互思考的方向。降低理解难度通过可视化表达，将不易理解的信息呈现的更加清晰明了，帮助用户理解吸收。

🌰「keep」根据热量换算食物：
keep卡片的更新，根据热量换算食物，让用户很快能Get到自己的运动量等于吃了哪种食物的热量，“相当于一块曲奇饼干的热量”阅读中秒懂。几十卡、几百卡的数字让我们有了清晰的认知，不再是冷冰冰的数字呈现，既有趣，又增加了记忆点。

可视化不一定都是比喻，也可以是更加直观的计算
如 美团单车，办理会员后，每次扫码都会显示，累计为你省下多少钱，让用户直观知道会员卡的作用，并且激励下次续费。

🌟4.如何设计出保护用户隐私的界面

保护用户个人隐私，做好个人隐私设计，信息安全成为当下用户普遍关系的话题。数据泄漏、个人隐私暴露、身份盗窃等事件频发，用户对数据收集和使用的敏感度提高，所以隐私保护设计都是非常必要的。

作品集改版点
🌰「淘宝」保护用户隐私设计：
在淘宝订单详情页面，使用系统的截屏功能后跳出的分享弹窗里，淘宝会自动化将隐私信息做模糊处理。能够高效且精准的定位到用户的订单编号给予隐私保护，虽然不太起眼，但在后续用户的不小心而避免了大麻烦。

加入这个改版点，默认分享出去会模糊，我在刚刚改成这个分享模糊时，我们的产品跟我讨论，去修改用户截图照片这件事情是需要挺高的权限的，我们是不是要增加一个选项，让它去选择到底是不是要模糊，根据这件事我当时是犯懒了，我是不想加这个的，因为我觉得加个选项还得单独做个模块，不仅增加设计工作量，还得增加开发的工作量。所以就不太想加这个。然后我做了一些简单的调研，我怎么说服他的呢，其实我会发现在我关注的几个用户，我大概录了两三段，用户在使用截图的时候的录像，我会提示她你分享一些信息给我，那他是我的朋友分享信息给我，他就截图给我了，但我要是找他要单号的话，是不会截图发单号的，而是右键点击复制，或者长按复制单号。所以其实，就在截图里面读取用户信息这件事情本身是不存在这种场景的在我做的4 5个调研中，其实都会问他们提示他们想要单号，没有一个会用截图的方法给我展示单号，而且我会该他们发照片之后也没有一个人会通过图片读取单号，那我把3段视频和我找的访谈数据进行汇总，在和我们产品经理开会的时候，就很容易说服他和团队。

5.巧用动效-增强信息感知

动效设计作为一种新的流行趋势,不论是在视觉、交互还是情感上体现出的优势被越来越多的用户认可。在几乎每个移动应用产品中都开始重视动效的情况下，如果在动效设计中融入情感化设计，遵循情感化设计的方法和原则，就能给人新鲜独特的感受,提升用户体验,给用户留下良好印象。

🌰「抖音」趣味动效设计：
在「抖音」评论关键词「学到了」，会触发「涨知识」的动画彩蛋。且动画表达也是一块芝士，谐音梗更是与时俱进。用惊喜有趣的彩蛋设计，引导用户发表更多善意正向的评论，增加记忆点，达到了不错的传达效果。

6.IP互动玩法-增加情感连接

引入IP角色有利于更好地和用户建立情感的连接，进入场景，塑造角色，成为品牌的一部分，创造真实具象的消费者触点。相比于往常图文呆板的互动，可以让活动与用户的互动更有趣。一个好的IP设计能带动新产品认知和使用，传播产品的价值，达到促活的业务目标。

🌰「饿了么」IP互动设计：
饿了么的大搜，加入了一个ip的互动区，下拉可以展开，推送相关的美食话题，饿小宝说的话也可以点击交互。对于纠结每天吃什么的用户有了极大帮助，极具诱惑力的滚动条可以快速帮用户决策，通过有趣的动效强化了品牌，也引导了用户进行搜索🔍

7.缩短交互路径-为用户“减负”

我们处于信息爆炸的时代，产品信息越来越庞杂。不仅是文字、视觉信息要进行降噪，用户在产品中的交互也需要“减负”。结合不同的需求与场景，减少冗余步骤，简化操作流程，缓解用户在产品使用过程中的操作负担，进一步提升平台转化率和用户体验。

🌰「携程」酒店“一键预订”设计：
携程酒店在给好友分享酒店行程的时候，不只是可以分享酒店，还有可以“一键预订”，日期，房型以及预订的重要信息都带上了，减少了被分享者的操作路径，不用反复浏览确认，提升了用户对平台的体验。

8.细节处的交互巧思-“纵享丝滑”体验

毫无疑问好的交互巧思会使我们的产品体验更具互动性，趣味性和用户友好性。我们在看到这些炫酷、丝滑的交互时，也可以带着产品的思维进行深度的思考。在用户在理解应用交互的同时，保持最简短的操作路径，让用户快速理解，纵享丝滑体验。

🌰「QQ」发送图片交互设计：
QQ发送图片的快捷方式，打开QQ聊天窗口页面，QQ是可以拖拽文件来进行发送的。就像电脑一样，桌面上的文件，比如说某一个视频或者文件这种类型的都可以用拖拽的方式发送。