问题:设计师怎么样才能在产品中为用户塑造「惊喜感」呢?

解答:你觉得,人和人交往的行为模式,能够被复刻到人和其他事物的交互过程中吗?

在《交互设计精髓》这本书里,有一个概念叫「产品礼仪」,说明了设计一款「聪明且体贴」的产品所需要的原则,比如关心喜好、预见需求、提供帮助等等。我们对这些产品「品质」的需要恰好验证了我们内在感性的期待,比如我们想要被尊重、被理解、被关心。而产品中所谓的惊喜设计或许可以说是产品在使用瞬间能够触达我们内心的真实需要,给予人性化反馈的一种短暂性愉悦,一个体验的峰值。

但有时候,我们总是过于执着地解决着一个又一个产品中出现的小问题,想要把产品打造得完美无缺,而我们以为的完美不过只是用户眼中的应当罢了。填补产品的小洞并不能很好地加深用户对产品的记忆和好感,就像我们对生活的记忆并不停留在渴了喝水,饿了吃饭一样。当我们回顾过去,难忘的总是那些与众不同的、突破生活脚本的时刻。即使只是一个小小的惊喜变量,都会在贫乏的对比中显示出它的力量。这就是惊喜的意义。

其实不止惊喜,我们的潜意识需求还有很多亟待满足,这些微妙的无意识情感虽然无形,但只要我们能够放大体验的触角就能够捕捉到。所以我刻意提出了惊喜设计,了解了大家惊喜的感知瞬间。从这些例子中,我们能够看到产品的「性格」,但更重要的,是看到我们想要的是什么?

情感化设计

情感化设计为起点的案例,有时候能够填补用户的体验缺失感,比如下面这些案例。

1. 趣味

谷歌浏览器「加载失败」页面可以玩游戏。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

每日优鲜「部分通知」会有自己的专属音乐。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

B 站「输入密码」时顶部的动画人物会从睁眼变成捂眼。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

B 站「拖拽进度条」,图标会改变。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

2. 联结

网易云音乐评论区如果有音乐人发言,根据位置信息会显示「同城」标签。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

网易云音乐移动端查看好友主页会显示已经「关注几天」。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

乐趣歌曲播放页会自动「滚动弹幕」,伴随着音乐节奏,背景也会随之变化。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

3. 共鸣

网易云音乐直播中如果「收藏主播播放歌曲」,系统会自动提示我们去参与这首歌的故事讨论。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

Moo 会在「引导页引用」相关名人说过的有意义的话。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

4. 亲切

支付宝「底部文案提示」我是有底线的。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

高效操作

有的产品会在充值时推荐充值「金额」,其中包含能够与当前余额凑整的数字。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

QQ 直接「移除消息标签的红点」可以清除列表中的所有红点;空间长按「转发」图标可直接一键转发;「长按评论」会自动弹出句子,可以选择进行快速评论;聊天界面「为收藏的表情包添加备注」,输入备注可快速呼出该表情包。

QQ 里「长按聊天列表」能够多窗口预览。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

每日优鲜「下单备注」时可快捷选择几种常用标签,礼貌客气的表达省去了我们的语言组织时间,并且能让人自我感觉良好。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

有些产品,会记录上一次登录的方式,在用户下次进来时提示。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

百度网盘的文件列表右侧显示圆形选框,点击直接进入「编辑模式 」。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

B 站观看视频时的「一键三连」。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

应景设计 / 预测需求

淘宝商品详情页下拉会出现历史浏览的控件,方便用户快速「查看之前浏览过的商品」。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

QQ 空间里,「长按评论」会跳出系统预设的一些回复;「长按转发」会立即转发到自己的 QQ 空间。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

钉钉聊天界面左滑可以显示每条消息的具体「发送时间」。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

虾米音乐把「手机横过来」,样式会变成磁带。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

知乎回答的「发布时间」默认显示最后编辑时间,再点击一下会显示最初的发布时间。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

微信 PC 端登录以后,手机消息可「设置静音」,以避免两边都收到提醒。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

豆瓣改版以后「标记电影」时会推荐标记相关片单的电影。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

微信 PC 端截图可自动「吸取颜色」。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

韩剧 TV 看新剧超过 10 分钟,会自动为我们「加入追剧列表」。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

支付宝好友页面上滑后会出现「找人转账」的悬浮按钮,方便快速选择好友转账;在好友对话界面的输入框输入数字会出现「给对方转账几元」的悬浮按钮;任意页面截图后界面右侧会出现「求助反馈」的按钮;系统进入多任务卡片管理界面时会自动「模糊页面」来保护用户的隐私。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

呼吁性设计

B 站「音量调大后提示」高音量损伤听力,优酷后来也加了类似提示。是在音量进度条上通过颜色来提示音量对听力的伤害。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

知乎里面搜索问题后滑动查看超两屏会出现「向知友提问」功能。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

B 站视频播放页标签右边箭头图标配文「更多几个」,微信订阅号消息如果有隐藏内容,会用「余下几篇」表示。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

微博浏览关注过的人的动态时,如果停留在一个卡片超过一定秒数会在底部出现「评论功能」。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

防错设计

Keep 商城中「购物车图标会隐藏」,滑动的时候自动隐藏一半,停留的时候又会出现,防止用户在浏览的过程中误触图标进入购物车页面。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

Keep 在户外跑步模式「记录数据」时,结束按钮需要长按才能生效,避免误触,若用户单击,还会提示正确的操作方式。

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

这些产品的功能点是用户心理感知的诉求延伸出来的,而塑造的原因就是给用户创造惊喜感。通过感官的享受刺激、打破脚本、帮助决策等设计方式为用户创造了惊喜的体验。

以至于,当要为自身产品设计这些「惊喜功能」时,前提必须是熟悉产品业务,与业务形成关联,才能设计出符合用户关于该产品感知的功能,触发用户的惊喜情绪。

更多惊喜感塑造方法:

当然,设计师是否有足够的敏感度和理性的自我意识,也是非常重要的一点。

欢迎关注作者的微信公众号:「呆呆U理」

用超多案例,帮你掌握产品设计中惊喜感的塑造方法

收藏 78
点赞 14

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。