SaaS产品增效 | 小程序类产品设计方法探索

千帆易销小程序是一款推广腾讯千帆商品的营销小程序。我们在改版过程中发现，传统的设计理论在小程序设计过程中过于笨重，很难满足SaaS类小程序灵活性高、快速迭代的需要。通过千帆易销小程序设计项目，我们对小程序设计实施和增效方法进行了探索和实践，尝试摸索出更加适合的设计方法。

一、小程序的特点

小程序是SaaS类产品实现商业价值的载体，也是构建产品生态的重要组成。随着微信生态愈加丰富和壮大，小程序对于商业目标的达成也起到越来越大的作用。

小程序具有轻量、聚焦、快捷等特点，这有别于web端类和移动端app类产品。

小程序的特点

目前主流的设计理论，如设计思维、双钻模型、环形模型等，设计流程比较长，使用比较复杂、耗时久。针对小程序设计轻量、聚焦、快捷的特点，是否有一种轻量高效的设计方法，可以把已有的设计能力更高效的投射到小程序设计中呢？

我们通过千帆易销小程序设计实践，对此进行了思索和实践，以期提供一个更佳的答案。

二、构建千帆易销小程序设计方法

千帆易销小程序的主要场景围绕商品的营销推介展开，可跟进商品使用情况，并进一步转化和完成商务合作。

基于项目需要，我们先后完成了千帆商品价值感知提升、商品内容优化、物料使用提效等设计内容。在这个过程中，对于小程序的设计流程进行了进一步的提炼，发现小程序的设计流程可以总结为如下步骤：

包括「首页价值设计」「定位路径设计」「信息组合设计」「场景化内容设计」以及「效率提升设计」。

小程序设计的关键步骤

1. 首页价值设计

首页多维价值露出，打造第一印象的冲击。

（1）引发用户兴趣，实现促活

小程序的第一印象非常关键，因此对于首页设计，关键要加强业务价值的露出，给予用户尽可能直观的信息感知，加快建立其对于业务价值的兴趣，加强用户的正向期待。

首页价值露出有三种模式：点状价值、面状价值、条状价值。

价值露出模式

在千帆易销小程序中，通过多种模式的价值的呈现，在首页构建出F形价值流，增强商品等价值感知效果，提升用户活跃度。

（2）提炼多维度价值属性

首页的注意力表达要点在于线索要鲜明突出。通过精致、统一、明确的元素来进行引导，赋予用户深入使用的线索。所以，可以通过细化多维度属性进一步增强用户价值判断，提升体验观感，包括精简的文本、精致的图标、指向性符号、探索性入口、联想性元素等。

多维度属性细化

下图是在千帆易销小程序设计中，对首页卡片属性进行的相关细化，充分阐释多维度价值，进一步丰富价值内涵。

千帆易销小程序的多维度属性细化

（3）加深用户印象感

由于第一印象的建立过程比较短暂，可以采用灵活多样的交互形式加深用户印象感知，比如凸显核心触点、提供模块级沉浸感、平滑进退机制等方式。

在千帆易销小程序中，在查看商品的过程中提供全时段吸顶可见，加强信息触点映射，从而吸引用户点击深化使用；对于商品的属性类信息内容，提供模块级沉浸查阅，提升首页时效，最大可能覆盖用户查阅细分的需要；保证首页高频操作尽可能平滑，比如在滑动查看信息的过程中提供数量信息，方便用户感知下探情况。由此建立起平滑的进退机制，营造操作的畅快感。

千帆易销小程序的首页操作设计

当用户建立起良好的第一印象之后，将会进入使用阶段，并更有可能深层次的使用产品，从而带来更多转化的可能。

2. 定位路径设计

构建多元导航路径，丰富用户定位链路。

（1）丰富多元路径感知

因为信息的多样性及其价值呈现的差异，需要我们通过构建快捷导航，来提升不同信息的定位效率。导航设计的关键点在于识别信息类型的特点，提供适当的导航方式，提升用户参与度。

对于首页的关键内容信息，应提供快捷路径或沉浸式的导航路径：

• 首页-浮窗-二级页面：适用于关键内容快速感知
• 首页-顶部标签导航-二级页面：适用于主内容下细分的内容导航

首页关键信息导航设计

对于独立性更强的信息，则可以通过切换底部tab标签或者二级页面来进行导航：

• 首页-底部tab导航-二级页面：适用于相互独立的主内容模块
• 首页-二级页面-子页面：适用于详细内容的渐进查阅

二级页面导航设计

（2）提供多种定位方式，满足不同用户选用

不同的用户类型可能有不同的体验诉求，如新用户和存量用户有不同的用户目标：

• 对于新用户：信息推荐、信息分类、场景化分类等可以提供较好的定位体验，帮助用户快速带入产品场景，降低流失。
• 对于存量用户：全局搜索、列表筛选、信息分类等可以提供更稳定的定位体验，有助于加强用户粘性，提升转化概率。

如下图在千帆易销小程序部分定位方式的效果，定位方式嵌套使用，比如在解决方案场景化的定位过程中，同时提供了推荐和筛选等来增强方案定位效果。