共情式设计重塑产品印象

文/李肇阳

关键词：交互设计，视觉设计，品牌设计，证券产品

在严肃、理性、高风险的证券产品下通过对腾讯微证券实际设计方案的分析，从情感化设计角度切入，融合引导正确的投资理念，希望能帮助更多涉及该领域的同行进一步了解互联网证券产品的设计。

通常人们所认知的证券产品是严肃、理性、高风险的产品。但随着普惠金融带来的多样化产品渐渐服务于社会各阶层和群体，也随着与金融方案提供方合作模式的不断丰富其所形成的产品也愈发多元，如何为用户提供友好、便捷的服务成为这一阶段的挑战。我们作为设计师能为用户创造哪些价值呢？

●做为用户所用的设计

●做创新的设计

●做体贴的设计

这3个价值出发点其实都是为了给用户带来更好的体验，这里的体验指的是使用过程中的全部感受，包括情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面。其中，情感化设计在设计师的日常工作中占据了越来越大的比重，用户早已不再满足于简单的需求迎合，他们更需要符合情感反馈、想要好玩和有趣的产品。产品中情感化的细节设计经常会成为产品与用户之间情感传递的桥梁，这种传递情感的细节设计不仅可以增加用户对产品的好感度，还可以让产品更加深入人心，利于产品口碑的传播。

由小见大，定位共情设计切入点

腾讯微证券，简单来说是用户与券商之间的连接器，为用户提供便捷、顺畅的证券投资体验，如图1-96所示。

我们挑选了一个看起来非常不起眼的小功能——下拉刷新（见图1-97），来实施我们的共情设计策略。为什么是下拉刷新小功能呢？

●下拉刷新是用户使用中的高频场景。

●浅层级设计更易体现产品的特点。

●其可以穿插于各个使用场景之中。

结合业务的场景突破

需要明确的一点是，共情设计的实际呈现最好与产品属性是强相关的。作为炒股类的金融产品，展示的内容可以结合炒股时用户的心情来表现，而用户炒股时的心情也恰恰与他的收益是强相关的。我们通常把股市常见的涨跌情况划分为4种，传达的情绪分别为喜、忧、哀、乐，其心情通过人物的神态动作来表现，于是设计了具体的虚拟形象方案，如图1-98所示。然而，思考之后，目前这种设计也存在明显缺陷（见图1-99）：

●产品现阶段没有具体的品牌形象，所以暂不考虑形象方案。

●虚拟人物肢体语言较难联想到自身收益，比较隐晦。

●没有共情场景代入感。

如果不用人物来表现，还可以尝试进行长画幅的展示，像QQ春节活动、QQ钱包等更偏重运营的视觉效果，这样设计在动效展示上也可以做许多变化。我们尝试把场景拆分成主体和背景两个元素，其元素均为可变动的，这样相互搭配形成的场景具有非常多的变化，并且可以拓展许多运营活动加入，如图1-100所示。

结合到产品中再看看实际效果，然后反思其不足点有：

●元素不统一，不能自成品牌体系。

●表意不唯一，易混淆。

●下拉后刷新区域被占满，与整体页面衔接突兀。

回归平衡，衡量设计重要度

设计是为产品服务的，在微证券中设计“下拉刷新”小功能的目的是在开盘时可以让用户获取最新的讯息而做出的主动操作。为了保证原有流程的顺畅，增加下拉刷新的惊喜感和彩蛋感不应像大画幅那样喧宾夺主，而且少量的元素组成完整的展示，可以直观表意浅显并能让用户理解，另外，其本身也需要自成体系，如图1-101所示。

回归平衡，这里指的是经过我们脑暴出发散的，用户熟知并能建立认知关联的元素，其原则以直接联想到或与股市、收益相关，继而选定合适的元素，输出设计方案并加以运营演化，如图1-102和图1-103所示。

总结

通常理解的平均共情设计，大多是锦上添花而非雪中送炭的设计预期，但这种共情设计需要持续地关注数据，灵活迭代，方能显现出其对于产品体验印象的影响力。在设计方案决策上，能懂不等于易懂，擅于换位思考或拿出自己的方案做共通性讨论，看看大家的疑惑点能否对自己设计思路有所启发，最后，任何共情设计方案追求的都是更完整、更系统同时更灵巧的设计，这样才更容易打动决策方和用户。