用户体验复盘：小程序分享功能设计

1.小程序能够拥有三大分享能力

1.会话窗口分享

当然现在小程序的主流入口是：搜索、中心化流量、分享三大维度。会话窗口是小程序现在比较通用和主流的分享入口，大部分小程序的传播可以从会话开始，

其中搜索、中心化是用户主动行为（利用裂变的设计，可以把用户搜索作为被动行为）、分享则是用户被动使用。

会话分享我们包含社群分享和个人点对点分享。

▲  小程序会话分享 

社群分享里我们要注意小程序卡片封面、分享卡片标题、分享社群文案设计。如下是拼多多小程序的社群分享截图

你可以看到，模拟用户实际使用场景，建立小程序与用户的真人对话文案，可以大大提升小程序社群分享的点击率，所以小程序的社群分享文案非常关键。

2.朋友圈分享

这个由于当前能力还处于测试中，目前只有安卓支持朋友圈分享，IOS用户无法分享小程序，同时对微信还有版本要求，版本过低无法使用小程序分享功能。

这个目前的覆盖率较低，同时因为终端设备、分享文案等问题，不是主流分享我们今天不做延展。

3.海报分享/其他第三方链接植入

海报分享和其他第三方链接植入则没有严格的社群、朋友圈的版块限制，相比前面两者，由于开发自由度高、成本低，同时分享没有终端区分，成了小程序分享流量最大入口。

但是由于海报分享/第三方链接植入需要一定的前端技术投入和过细的用户路径梳理才能打造流畅的分享用户体验，以至于增加成功分享率。

今天我将以此展开，聊聊我们PMTalk小程序的分享能力。为了对比我用群响的小程序来做分享对比，来对比其优劣势。

▲  PMTalk和群响分享入口 

群响小程序支持内容分享，并且生成对应的分享海报。海报的组成元素分为用户头像、用户名字、用户信息、时间、内容详情、二维码入口、背景底图。

PMTalk小程序的分享目前支持问答、文章、体验报告、活动4个维度的分享，不同内容所展示在海报的字段不同。

几乎只要有内容的地方我们都定制了分享入口。这就是我之前说过，小程序只要有分享的可能，就要做分享入口，同时前提一定是用户有使用场景和需求。

1.海报分享：以内容基础分享功能设计

在之前为了赶着上线，我们在小程序光留了分享入口，但却没有考虑不同内容形态对于用户分享场景来说，目的性有区别。导致分享转化度非常低。

比如问答的内容就远远比文章短，所以当把文章的分享海报放在问答就是始终感觉阅读起来很不舒服；同时体验报告有自己的维度版块，所以我们针对体验报告的海报有对应的字段展示。

下面分别是PMTalk不同内容对应的分享海报设计

可以看到问答和文章分享的样式几乎一样，同时问答本身应该突出问题标题和描述，同时描述会非常短，同时新版本的问题加上了话题，所以数据字段缺失。于是下面是我们优化的结果，右边是我们优化的线框图。

2.用户体验关键：分享路径设计

上面第一部分，小程序产品经理可以和运营同学精雕细琢，但这一部分只有产品经理来进行梳理了。

由于小程序特有的前端语言和开发框架，分享海报尤其是涉及到个性化数据就会需要一定经验的前端开发工程师或有小程序开发经验的开发同学才能完成，仅仅想找个前端开发是很容易造成开发出来的效果不达标。

比如PMTalk就仅生成海报数据以及完成海报格式，就让前端开发花了半个月时间调研技术实现。

其次在路径入口和系统处理上，稍微不注意就造成分享海报的分享数非常低。

1.群响小程序的分享路径

流量圈-点击分享-海报生成进度提示-海报详情页-长按保存-保存成功提示（系统一致语言提示）；

▲  群响小程序分享路径设计 

操作体验上，海报分享和信息流的内容操作没有互相影响，用户分享海报后只能操作屏幕上的海报。不能操作底部内容，海报保存成功率95%以上

2.PMTalk小程序的分享路径

内容详情-点击分享-选中分享方式-海报分享-海报页面预览-点击海报-海报详情页-长按保存-保存成功提示（中文语言提示）；

▲  PMTalk小程序分享路径设计 

操作体验上，用户分享海报后，还可以操作背后内容区域，同时用户点击分享海报容易导致海报消失，海报保存失败。海报保存率50%左右

保存率低的原因我们最后给的优化方案主要来自1点：

1.取消海报预览页面，既可以增加海报保存成功同时不会影响背后内容操作。

2.取消分享到社群，全部改为海报分享，增加海报分享入口点击率。

两个小程序分享海报看起来路径差不多，但通过一层一层的路径转化下来，真正保存海报到分享到朋友圈的非常少。能够有效的分享更少，这就是小程序体验转化路径的秘诀。

一定要清晰用户路径，梳理上层下层之间的过渡页面用户体验，仅仅多了一个分享海报选择、和海报预览，就极大的降低了分享成功数。