提示信息的情感化设计，做一个有故事的淘宝

2017-03-17 11:22:00

未来的故事还可能会将情感化设计延伸到不仅仅是异常的场景中去，从而覆盖整个淘宝，真正地实现做到一个“有故事的淘宝”。

现如今，消费者对产品的需求从追求高性价比更多地转为高品质，虽然手机只是一个机器，但用户与产品之间当然是能有情感传递的，不然就只是一个冷冰冰的工具而已，能让用户在使用体验和过程中产生愉悦的产品才可能走的更远。

淘宝不只是售卖商品的平台，而是有活力、创造力的生态圈，淘宝的用户也是越来越年轻化，淘宝当然也应该有自己的故事，自己的“小情绪”，将这些有趣故事叙说给用户，这样才能给用户带来更好的购物心情和体验。

情感化的价值

“用户的情绪诉求”

产品给用户的第一印象决定了很多事情，人是视觉动物，第一眼对物的观察会本能地判断是否打动其内心，很多时候哪怕只是一个小小的细节，都有可能可能瞬间让人注意并且喜欢。

产品亦然，就像用户逛商场一样，如果逛着逛着心情越来越不好怎么会乐意继续逛下去呢？所以我们要追求的不仅仅是“可以用”而已，还要让用户在使用后和使用前一样的是愉悦的过程和心情。

“人性化的产品更受欢迎”

“人们喜欢和人交谈，而不是机器”，这句话出自唐纳德·诺曼写的《情感化设计》，其实道理很浅显，人性化的产品，脱离了冰冷的机器的味道，不再那么的呆板。

人机交互学科中，人性化是很重要的一部分，产品的设计者充分考虑到用户的心理感受，将产品化身成一个有个性、有脾气的人，相比冷冰冰的机器更能得到用户的好感和共鸣。

这种例子在现实生活和工业设计中不胜枚举，将机器拟人化情感化等元素使其更生动有趣由此被用户记住从而延续使用，脱颖而出，这就是赋予物以额外情感的价值。

人性化的产品更受欢迎

故事的由来

淘宝异常信息提示情感化现状梳理

如下图，目前手淘因为业务繁多、场景复杂以及底层架构等等原因，其异常场景比如为空场景、网络异常以及限流场景等等不仅在布局结构上有很大的优化空间，在其设计风格上不仅没有渗透淘宝的品牌心智，也没有互相之间横向统一，甚至在大促的一些特殊期间还会出现蹦出弹层等在用户看来就是BUG的尴尬情况。

首先这对用户在同一个产品的异常情况的心智认知达不到统一，其次还有可能让用户感到烦躁，这并不是我们想要的状况。

由此引申的设计目标：

视觉吸引：打动用户，抚平异常场景用户情绪，从而间接提升用户留存时间和点击转化率。
结构统一：一致异常组件结构，横向业务也能统一对同一个形式提示内容的认知。
品牌认知：淘宝主力增量人群趋于年轻化，渗透2017淘宝新品牌认知，亲和活力和鲜明。

设计目标引申

故事的序章

“这是一个亲和、活力和鲜明的故事”

淘宝的体验氛围应该是放松和舒适的，和用户的关系更亲密，立体个性化的表达，让淘宝更年轻鲜明。

基于这种品牌基调，我们需要打破原来的ICONFONTS的视觉传统，讲述一个以一个第三人称为中心，因为场景异常原因而经历的一幕幕奇妙故事。

脑暴风格元素绘制草图

淘宝的品牌图形化元素抽象化提取之后就是圆形，2017新的品牌元素形状也是重要的组成部分，这个形状寓意完满拥有用户和商品所具备的独特性，很多业务场景也出现了这个图形元素。

在整体风格和基本形状基调定下来之后，就是需要在脑海中根据各个场景构思各种各样的故事了。

前期可以大胆地去涂鸦绘制草图，丑一点没关系，关键的是把自己的想法表达清楚，并且大家也能在你稍加说明的前提下能理解你的思维，然后把能想到的全都记录下来，“大海、草原、沙漠星空”等等场景。当发散思维到一定程度之后，可以渐渐收敛，稍微打磨细节大家一起沟通敲定，下图为部分草稿图案：

初期绘制草图

“众里寻他千百度”—故事传递情感

构思故事的时候，可以比较大胆地天马行空地去想象。比如异常场景中，类似404页面的空页面比较多，那么就可以去想，可以用什么故事来表达“空”这层意思，构思的过程中就会发现，其实一个事物并不是只有“数目为零“才能表达”空“的意思，”沉睡“”躲避“”被抢走“等都可以让用户感知到这层意思，那么这样的话，故事的发展就很开阔了。

比如“订单为空”这个场景，就考虑了“订单躺在竹筏上飘走啦！”“你的订单正在山谷中沉睡。”两个故事，具有趣味性又能积极而准确地传递“为空”的信息。