优秀产品细节

好像在许多人眼里，互联网产品就只是由一串串代码组成，为了便利丰富我们的生活而被创造，冰冷又无情。

殊不知冰冷的代码背后也有人情味，和那些动人的细节。

或治愈或不经意间的暖心。

1.高德地图奥运彩蛋

东京奥运会正在如火如荼的进行中,很多产品也在这段时间上线了与奥运相关的彩蛋设计。高德地图上新奥运彩蛋的版本，打开高德地图后缩小到查看全中国的版图时，会出现满屏奥运火炬，并且还有奥运加油弹幕飘过，满满的仪式感，每次有重大节日或者事件时都会缩小地图看一下高德地图会做出相对于的元素设计，有种“拆盲盒”的体验设计感。

设计思考：互联网的应用本身就不应该是“冰冷冷/不接地气”，因为我们设计出的应用是给“活生生”具有七情六欲，喜怒哀乐的人使用的，往往这些意想不到的小惊喜/小细节却最能打动用户内心最柔弱的心理防线，它可能会让用户瞬间对你应用的好感提升一个度，从而为你带来意想不到的商业价值。

2.微信撤回

微信撤回这一功能对于经常手误的用户比较实用，给他们提供了补救的办法。之前的撤回消息，点击重新编辑时会覆盖掉我们对话框已经存在的文字。而现在微信撤回后再次编辑不会覆盖掉之前对话框已有的文字，而是将撤回的文字放在对话框后面。这样不会把用户辛苦编辑出来的字覆盖掉，保留了用户的劳动成果。  

设计思考：功能的优化更符合用户的操作设计逻辑，提高产品的易用性。

3.QQ音乐个性电台

人们大多数的碎片时间都喜欢听音乐来消磨时间，大多数都想在特定的场景下，播放符合的歌曲，比如坐车时候就要听一些伤感的带着耳机靠在窗边体会那种被世界抛弃的孤独。QQ音乐在首页设置有个性电台的可以选择适合场景系统自动为用户匹配适合的歌曲，有种开盲盒的惊喜感。

设计思考：从场景出发，充分考虑用户在使用产品时不同场景下的情绪变动，分析这些场景变化会对用户情绪会作出哪些改变。

4.淘宝下拉查看足迹商品

当我们在线上购物浏览商品时，往往都是一个比较的心理，经常会想找到之前商品进行对比，这时候我们可以在浏览其他商品详情的时候，下拉查看之前的浏览足迹并且可以直接点击进入到该商品的详情页，用户在浏览同类商品时，方便用户进行对比，增加产品的曝光率，有助于提升购物的满意度，增加产品的下单率。

设计思考：通过在商品详情页下拉查看足迹商品，操作隐秘对用户不会造成干扰，同时用户在不经意间的操作可以找到惊喜功能，提升用户使用体验感。

5.夸克浏览器搜索框手动调节光标

夸克浏览器以页面纯净简约一直很受用户喜欢，而且其中也有不少的设计亮点，当我们在搜索框输入一长串网址或者文字时，输入完成后发现其中有错误的地方需要修改，这时候我们要非常小心翼翼的去点击光标锁定到错误的地方去修改。夸克浏览器在这块对这方便做出了优化，在键盘上有一个控制光标位置的滑动器，可以很简单直接的锁定到错误的地方，做出修改，细节体验瞬间提升了一个好感度。

设计思考：场景结合，从用户的角度出发，帮助用户及时，快速的改正错误行为，提高产品的易用性。

6.高德地图搜索景区可查看手绘地图

在高德地图搜索著名景点会得到构图精美，标记旅游参观景点的Q版地图，游客无需再去购买纸质地图和线上地图，也不用先别人询问路线，还标记推荐了哪些景点是必游，通过高德地图还可以直接购买门票极大的方便外出游玩用户的需求心理，通过这些电子版的「智慧景区游导览图」就能轻松找到景点、餐厅、厕所等位置，并获取最佳路线规划。

设计思考:不同的视觉呈现和设计逻辑，给用户带来使用产品时的趣味性和惊喜。

7.QQ底部图标拖拽/双击改变造型

好多人有了微信以后就不再玩QQ，QQ变成一个封存记忆的地方。但是QQ却有好多优秀的产品功能和设计亮点。

QQ的tab栏图标用户双击或者拖跩，图标会改变成不同的造型，极具视觉趣味性和吸引力。增加了亲和力拉进与用户之间的距离，营造了产品的趣味性，让用户通过自己的探索发现有惊喜的功能。

设计思考:意想不到的小惊喜设计，拉近了用户与产品之间的距离，底部的功能在变化上更符合年轻化的调性，让产品更加有温度。

8.物流信息和到达时间

我们在线上购买完物品时，最想知道什么时候发货，什么时候到达，淘宝购物点击查看物流可以看见物流发出时间，预计到达时间，物流运输路线，直观的方式，清晰的视觉表达传达给用户当前物流状态，减少了用户的焦虑，给用户心理极大的安慰。

设计思考:对于等待，要照顾用户的情绪感觉，最大化的减少用户焦虑，清晰的表达等待时间节点，照顾用户心理。

9.微博点赞动效

长按微博点赞会出现满屏的炫酷动效，增加趣味性。点赞是对发布者的一种认可，点赞量也是平台作为推送或者热门的筛选条件之一，更多的点赞量会获得更多曝光率，为发布者拉来新的粉丝，传统的点赞方式太过于单一和死板，用户想不想点赞全凭自己的意愿，微博打破了传统的点赞方式，在上面加入了新的交互方式，为点赞过程增加了趣味性和互动性，带来更好地社交体验。

设计思考：打破传统，有创新的交互形式可以让用户感受到产品的温度，更有点击欲望。

10.易通行无网络以后还可以刷行车码（该应用不支持截图）

现在人们出现大多数都不会拿交通卡，都是通过手机刷码出行，方便快捷，但是有一个最大的问题就是手机没有网络行车码就不会出来，就没有办法进出站。之前有一次到了扣月租时间我忘记缴费，手机就没有网络了，但是我打开易通行发现有乘车二维码，于是我就硬着头皮去刷居然可以进站，我当时还以为我发现新大陆了可以薅社会主义羊毛，挖社会主义墙角了，结果我到公司缴费后收到了扣费通知，原来这个应用是可以在无网络情况下有缓存的二维码，可以避免人们在没有网络情况下无法出行。

设计思考：应用要考虑到在极端的使用环境条件下，对于一个工具类型的产品可以做哪些操作反馈，正常的逻辑在没有网络的情况下是不可以使用的，但是这个应用却可以避免人们不可以出行。

11.饿了么我看过的店铺

每天一问:中午吃什么?每次到了点外卖时候变成了一天中最纠结的时候，往往都是在漫无目的店铺中做选择，通过浏览不同的店铺在其中选择几种备选，然后在选择出最想购买的食物，但是往往会有一种情况就是我们在浏览过多店铺是想要回头再去找其中一家备选店铺，结果因为浏览太多还得一个一个找，极度抓狂，饿了么在浏览食物页面放置了一个查看看过店铺的入口，方便用户快速寻找之前心仪的店铺。

设计思考:做设计时应该考虑正面反面，要给用户留出反悔的地步。

12.搜狗输入法数字自动计算

如果我们在和别人沟通时出现一些需要计算的数字，是不是还得退出应用界面去计算机里面算完，然后再回去把结果告诉别人。之前时候我就是这样操作的，但是一次偶然经历我发现在我输完数字的加减后我发现输入法居然给我自动算出来结果，就很惊喜，省去了很多时间。

设计思考：给人意想不到的惊喜，增加一些魅力属性的产品功能，极大的提升用户对于产品的好感度，增加用户对于产品的满意程度。

13.Mac电脑登录微信移动端锁定

作为摸鱼打工人，往往一天总要来两三次带薪拉粑粑，但是长时间离开工位时，发现自己电脑端的微信并没有退出，或者是微信界面没有最小化，往往保不齐有一些消息或者内容就会被领导看见（我很不幸在群里面吐槽老板就让他看见，当场社死）在Mac端登录微信后可以在手机端去操作锁定电脑端微信，这样就很大程度保护了自己的隐私。

设计思考：通过情景的预判更好地优化了产品细节，增加产品的安全性

14.哔哩哔哩/微博最常访问

一般的应用关注的人位置都是固定不变，但是哔哩哔哩里面的关注列表居然可以根据你访问的频次改变位置，访问次数越多观看视频越多，UP主的列表顺序越靠前。因为我们关注一个UP主肯定是对他的视频感兴趣，往往想最先看到更新的视频内容，又或者关注一个教程类的想系统的学习里面的内容，这时候点开关注列表可以快速找到，不用去翻关注列表去寻找，极大的方便用户使用。（微博“我的”里面也有一个人口显示“经常访问”）

设计思考：提高了产品体验感，通过记录用户操作为用户量身打造属于自己最便捷的操作路径，减少用户的操作步骤，提升用户使用效率。

15.饿了吗分布式布局加载

在使用饿了吗进行栏目的切换时，用过分布式的加载方式预先加载页面框架然后加载内容，在内容未出现前通过占位符的方式展示，优先加载占用网络资源较少的元素，减少用户的等待心理，占位符的方式可以让用户提前了解到页面整体的展示样式效果，给用户加载好的错觉。

设计思考：避免用户等待的焦虑，减少用户的等待时间，通过技术的方式提升用户使用体验，及时的积极反馈内容可以减少用户等待焦虑。