交互设计：如何做到惊喜？

首页
大数据可视化
BS界面设计
CS界面
手机及小程序界面
图标定制
软件开发
网站设计
logo设计
宣传品
用户体验
资源赠送
关于我们
公益活动
诚聘英才
联系我们

2020-2-17 分享达人

保持好奇，巧妙融合，追求卓越，自然而然

上一篇，探讨了如何做到品质。这一篇，探讨下如何做到惊喜。

一家之言，未必全面，甚至未必正确。欢迎交流探讨。

交互设计的惊喜，是什么？

之前的文章，有简单定义过交互设计的“惊喜”，即为：超出用户预期，并让用户开心。

具体而言有两类，分别是：小惊喜、大惊喜。

1 小惊喜

所谓小惊喜，是指一些颇具趣味性或人文属性的交互设计小细节。

先说趣味性。常见的有两类，第一类是比较好玩的动效，第二类是一些小功能。第二类有时也会包含第一类。

动效这块，大家比较熟悉的，有 iPhone 上删除应用前图标的抖动，仿佛是吓的发抖，也可能是在摇头求饶；还有移动端登录 B 站、输入密码时，动画人物的捂眼捂脸动作。

(B 站登录页面)

小功能这块，也可以分成两类。一类是隐藏的小功能，一类是有趣的小功能。

很多隐藏功能，头几次用的时候，多少会有一些惊喜之感。

比如在订阅号消息列表页，某个公众号你已经几个月没看过，对它失去了兴趣和信任。这时，尝试长按这个公众号的头像或名称，会呼出一个包含“删除消息”和“取关”功能的弹窗。

(订阅号消息列表)

还有些隐藏功能，既能让用户觉得惊喜和方便，又能引发用户思考。这种思考，可能会让用户感叹设计之妙，也可能也会给用户一种猜对谜语的欣喜之感。

比如用墨刀的时候，尝试按数字键 1，会呼出“内置组件”这个使用频率非常高的功能，会让人觉得墨刀很聪明。

如果再仔细看一下，会发现，“内置组件”的缩略图标，和其他 4 个诸如“我的组件”、“图标”等功能的缩略图标，并成一列。这 5 个缩略图标的排列顺序（上到下），和它们快捷键（"、"键和数字键1、2、3、4）的排列顺序（左到右），是完全一致的。不得不说，这是一个简单又巧妙的设计。

再比如朋友圈里，某个不熟的好友每天都发集赞的小广告，搞的我们不胜其烦。长按其头像，会呼出设置权限（屏蔽等）的功能。

有意思的是，长按好友名字，则不会呼出这个功能。要知道点击头像或名字是都能进入好友主页的；另外刚才那个例子，长按公众号头像或名字，也都能呼出取关的弹窗。

个人的理解，生活中，我们用力长按一个人，通常是表达强烈不满，比如打架时。比起长按名字，长按头像更像是长按真人，所以也更能表达我们的不满。

说完隐藏的小功能，再说下有趣的小功能。比如微信聊天里的扔骰子、石头剪刀布，微信给朋友发生日快乐后漫天飘落的蛋糕，拍照软件里的贴纸，等等。

最后说下带有人文属性的交互设计小细节。常见的有如下类型：帮助弱势、关照情绪、表达情感、保护隐私。

帮助弱势这块，比如 iPhone 的辅助功能，里面有针对视力障碍的放大镜功能、有针对不识字群体的旁白功能。

关照情绪这块，很重要的一点，就是避免引起用户的负面情绪。比如微信的删好友是单方面删除，被删时我们很难察觉到，而且微信也不会通知我们。个人觉得，微信之所以不通知我们，其中一点，就是不给我们添堵。类似的还有，微信消息没有“已读”功能，这就大大减轻了接收者的回复压力。

表达情感这块，比较为人所知的例子，5 月 20 号这天，微信红包的限额，从 200 元升到了 520 元。还有一个例子，在微信聊天里发一个“ohh”，长按并点翻译，结果也是一个惊喜。

保护隐私这块，比如借助 iPhone 的“引导式访问”功能，可以让小朋友只能访问你的某个视频应用来看动画片。再比如别人用你电脑的时候，如果你不想让对方看到你的微信，就可以通过手机微信来锁定或退出电脑版微信。

2 大惊喜

所谓大惊喜，是指那些系统性大创新，并且能够引领潮流、代表未来的交互设计。通常而言，这些大惊喜，最开始给用户的感觉，就是酷。

iPhone 就是典型例子之一。

2007 年的初代 iPhone，带来了当时的大屏幕：3.5 寸屏幕，以及纯触摸屏，和极为灵敏的触控体验。

2011 年，Siri 同 iPhone 4S 一起问世，为我们带来了语音交互。如今，在 100 元就能买到品牌类智能音响的情况下，依靠语音交互的智能音响也在慢慢走入寻常百姓家。

也许后乔布斯时代的 iPhone 创新不如以前，但不可否认的是，时至今日，iPhone 依然在引领潮流，在给我们大惊喜。比如这几年流行的手机无线充电和以 AirPods 为代表的极简的无线耳机。

以上是比较广为人知的交互设计，还有一些不太为人所知的设计。比如在家里网购一条床单，但是不知道床的尺寸，家里又没有尺子。这时，打开 iPhone 里的测距仪这款 App，就可以量出床的尺寸，会不会觉得有点酷。

(测距仪 App)

微信在引领潮流方面也有一些建树，比如极大的普及了二维码和扫一扫。小程序作为一种体验接近原生 App、同时又不用下载的产品，也正在引领新一轮的潮流。

还有一个比较酷的功能，就是以图搜图。笔者最早用过百度和谷歌的相关功能，主要是在电脑上搜索相似的图片，使用频率极低。

假设一个场景，比如在路上看到一个陌生人的外套很好看，但又不好意思上前问，就可以拿起手机，利用淘宝的拍立淘功能，拍张照就能马上看到相同或相似的商品。

如果淘宝上没有搜到类似商品，还可以用微信的扫一扫识物。和拍立淘相比，区别之处有两点。第一，不用拍，直接能识别，不过通常得等 1-3 秒；第二，识物结果里面，除了商品，可能还会有百科词条和资讯。