My Secret Rainbow

「PaaS产品设计」用视觉策略助力产品客户价值传达

导读：上半年参与了两款 PaaS 产品的体验设计，分别是 TMF（移动开发平台）和 TCMPP（小程序平台），在项目过程中梳理了一套使用视觉手段来帮助产品传达客户价值的方法，并且根据已收到的部分数据反馈初步验证了设计策略的效果，在此进行分享。

视觉策略：场景图形化

我们知道对于 PaaS 类产品而言，产品的客户价值传递是非常重要的，它决定着产品的增长获客、销售收入等。然而视觉设计师有时候会对所能提供的价值而感到方法有限，在完成了基本的页面布局、层级、组件的构建之外还能做些什么帮助产品传递客户价值。我们尝试为大家介绍一个设计方法“场景图形化设计”。

场景图形化设计是什么？
其实场景图形化的概念非常简单，它的核心点在于一方面将我们希望传达给用户的信息进行情境或情节的场景化构建，另一方面则是将构建好的场景通过图形化的方式进行视觉表达。那么为什么它可以帮助我们进行客户价值的传递？我们先简要的分析下它的原理。

场景图形化的原理

一般情况下我们认为用户产生某个行为背后的原理是，用户接受一个情境的刺激，然后会根据已有的认知经验去产生一个主观的期望效果，并产生与之对应的行为，行为产生的结果反馈又会成为认知经验，从而对下次行为产生影响。

用户行为原理

而场景图形化就是在情境刺激这个阶段，通过将业务概念场景化或者情境化，然后用图形的方式去表达场景或情境来增强客户受到的感知，影响他的主观认知，从而更好的促进后续的行为。因为人类是视觉动物，图像对我们的吸引力是远大于文字的，将复杂、艰深的业务概念通过图形的形式表达出来，相比单纯的文字描述有着巨大的优势。

图形化设计优势

场景图形化的项目实践

在了解到场景图形化的含义和原理之后，我们接着来看在 TCMPP（腾讯云小程序平台）这个 PaaS 产品里我们是如何运用这个方法的。

1.业务场景图形化，传递产品客户价值

其实在 B 端的视觉设计中图形化的表达方式已经屡见不鲜。但是在 PaaS 产品中，我们认为左侧这种常见的抽象化的表达形式其实并不适合，它虽然能够满足本能层和反思层的设计表现，但是在降低业务理解门槛这个需求上并不能提供足够的帮助，或者可以说情境刺激的强度不够。

具象化的图形设计方式在于把抽象的、看不见的事物通过提取、转化等形式变得看的见、容易理解。这显然更加符合我们希望增强情境刺激的效果，当然抽象化的表达方式在营造氛围和表达一些同样的抽象概念时也有自身优势，综合来看我们决定以具象化为主、抽象化为辅的形式来进行核心情境的图形化表达。

以 TCMPP（腾讯云小程序平台）控制台概览页为例，在这个场景里我们希望客户能够快速地了解并体验小程序平台的两个核心价值点，于是我们把这两个价值点梳理成了两个场景，那么相对应的我们就需要将这两个场景进行图形化。

首先我们需要拆解文案中的描述，将文案转化为一个情境描述，这也需要交互设计师配合在文案设计阶段，就采用相同的设计方法首先将文案场景化。当然如果是一个非场景化的文案，我们也可以试着将它情境化。

接下来，我们根据转述好的情境来构建整个画面元素，在这里我们将画面分为了主体区和背景区，来表达重点的标题和次重点的正文。在实际操作中也可以根据现实情况来灵活调整。

完成图形的构建后，在质感选择上因为希望映射现实世界，所以我们放弃在质感上过多修饰，使用了一些写实的金属、塑料、玻璃质感来营造整个场景氛围。

最后运用相同的设计方法完成这个场景的图形化构建。

以上的思路就是一个典型的场景图形化的设计方法。从围绕文案的拆解来构建图形元素，到映射现实实体的质感表达我们的目的都在于让场景变得更加生动更加可理解易理解，从而最大限度的对客户进行情境刺激。秉承这个思路，我们在产品的整个用户路径中，对于关键场景都采用了这种图形化的表达方式。

产品核心场景页面

2.品牌传递融入场景，构建品牌认知

接下来从品牌维度来看，品牌价值是客户价值在品牌侧的体现，品牌价值的构建对客户价值传递有极大的帮助。我们希望客户在理解到 TCMPP 产品的客户价值后，可以进一步的记忆它。针对这个维度，我们的想法是在场景图形化在搭建中融入和露出 TCMPP 品牌，同时贯穿整个用户路径，一方面潜移默化完成品牌认知构建，另一方面增强客户价值的记忆。

对于 B 端产品来说品牌融入和露出可能方法并不多，但在场景化设计思路里我们可以把场景作为品牌的载体。这样的好处一方面是品牌的融入非常自然，形成从产品价值到品牌价值的传递链路。另一方面，可以在了解、试用、使用这条体验路径的核心场景里反复露出。

3.场景图形表达标准化，打造统一心智

最后，针对视觉侧的客户价值传递形式我们需要进行规范的制定和标准化沉淀，来保证未来设计输出的统一规范，让客户价值在产品所有场景和阶段的传递都有统一的用户心智。首先我们将图形化的场景进行了区分，一类是传递业务，另一类是传递品牌，其次给出图形化设计的具体原则和构图规范，让场景图形构建都有据可循。

`

总结

以上就是关于 PaaS 产品客户价值传递中视觉设计方法的一些经验和思路，目前已经在项目中进行了落地和部分验证。设计师在做 PaaS 产品时，甚至是所有 ToB 的产品时都需要把客户价值的成功传递当成第一要务，只有当客户认可并愿意为我们的产品价值买单时，产品才有生存下去的基础。