My Secret Rainbow

分享功能设计的交互和细节

内容的分享向来是各类产品最能体现自身特点的功能之一，也是扩大自身品牌曝光的重要途径，由于其实现成本低并且容易达到营销的目的，几乎在每一款产品都能找到它的身影，其主要过程就是分享者将想分享的内容通过不同的形式呈现给被分享者，被分享者触达后并作出相应的反馈，从而达到分享的效果。

这两个步骤看似简单，但实际上从更深层次的角度去思考，发现分享过程中也存在不少的细节，下面就来捋一捋设计分享这个功能有哪些需要注意的地方。

一、分享的作用

1. 引流拉新

为了能够持续不断的给产品导入流量，分享功能是一个非常不错并且容易实现的选择，这也是诸多产品要设计分享功能的初衷，它能够以足够低的成本获得较大的品牌曝光量，从而实现用户的引流以及拉新。

比如最近很流行的抖音、快手、滴滴等都在做的分享得现金的活动，想必大家都有直接或者间接参与过，虽说存在不少坑而且也有不少吐槽，但是活动效果从整个受众情况来看还是不错的。

2. 完成订单、提高营收

大多数电商类产品，在具体商品介绍或者详情页中都会设置分享按钮，其目的很简单，通过直接分享商品到各个不同渠道，被分享者快速触达后可直接转化为订单，从而实现营收的提升。

对于这类分享场景，分享者与被分享者之间一般有着比较熟悉的关系，在没有安全风险的前提下，通过分享实现下单的订单转化率往往要比用户直接去购买的要高出不少。

3. 提升用户体验

在没有利益驱使的前提下，想要用户主动去分享内容并且完成一个完整的分享流程，其实也是存在许多相应的场景的，甚至由于分享功能的缺失还会降低用户的使用体验。用户在看到一个比较搞笑的视频或者一首比较好听的歌曲，想通过分享的形式让搞笑的视频或者好听的音乐在自己的圈子里得以传播，让被分享者感受到同样的喜悦，这或许是大多数愿意主动分享的用户的初衷。

另外，对于学习打卡、锻炼打卡、游戏吃鸡等可以炫耀的行为，一个分享功能即可满足用户虚荣的心理，一定程度上也能够很好的提升用户体验。

二、分享的渠道

所谓的分享渠道就是分享者与被分享者之间进行内容信息交互的一座桥梁，任何分享操作都需要先经过渠道，下面主要简单概述一下APP和小程序H5的一些主流的分享渠道。

1. App分享

作为一种功能强大的产品形态，大多数APP都可以分享至各大渠道，比较主流有五大渠道的平台，其中包括微信、朋友圈、QQ、QQ空间和新浪微博，大部分应用都可以在这些渠道进行相应的流量分发，以达到引流拉新促活的目的。

除了这些主流的渠道之外，还有一些相对来说不是很常用的渠道，例如钉钉、多闪、支付宝、有道云笔记、邮件、短信等，其实对于大多数产品来说，五大主流渠道几乎是完全可以满足所有的分享需求，除了同一生态下的产品有着产品与产品之间相互分享的需求，比如说支付宝、淘宝、闲鱼，又或者是今日头条、抖音、多闪等，所以具体要接入什么渠道还是要根据产品以及内容本身的特性去思考。

值得注意的是，接入任何一个分享渠道之前都需要在该渠道的开放平台进行注册、创建、审核等一系列操作，审核通过后，得到AppID，技术可通过AppID进行后续分享等功能的开发。目前市面上也有比较完善的分享SDK可用，可解决开发资源不足、开发周期长、各渠道接口不统一等问题。

2. 小程序和H5分享

对于小程序和H5这类需要嵌套在APP上的产品，能够分享的渠道一般受限于产品本身或者产品生态内，例如微信小程序只能在微信内进行相应的分享，所以在设计小程序或者H5的时候，往往不需要考虑具体的分享渠道，作为载体的产品本身就提供了部分的可分享渠道，应该更多关注的是如何引导用户进行分享又或者是如何让用户更加便捷的进行分享。

三、分享内容的类型

在互联网产品中，能分享的内容很多，小到一段文字、一个张图片，大到一整个页面，一整个小程序，都可以通过不同的渠道传播到不同人群中，比较常见的分享内容的类型大致如下。

1. 文字

作为最简单的表现形式，文字向来不缺乏渲染力，短短的几句话即可描述出一个完整的故事，因此文字的分享也是比较流行的一种分享类型，最具代表性的就是网易云的歌曲评论了，作为最早涉足歌曲评论以及音乐社区的音乐APP之一，网易云在这些容易被人忽略的文字上花了不少心思。

2. 图片

图片作为一种最常见的信息载体，做分享设计的时候也是不能忽视的，除了常规的长按保存图片的分享流程外，很多APP都针对相应的图片行为做了监听，比如说微博的监听图片长按事件，检测到用户长按图片这个动作时会显示分享弹窗（如下图1），监听事件认为用户长按图片保存或者截屏时有分享图片的意图，因此提前显示分享弹窗，从而减少用户分享的操作步骤。

网易云截屏分享同理（如图下2）：

3. 音视频

音视频也是用户重要的分享来源之一，一首歌、一个短视频、一部好剧、一个直播间等，都是用户热衷于分享的对象，由于具有娱乐和消遣的特性，这类流媒体反而更加容易会引起用户的关注，分享的效果也相对来说会比较好。

以下3图分别是酷狗音乐、虎牙直播间、百度贴吧视频的分享：

4. 页面

对于整个页面的分享是分享频率最高的内容类型之一，因为这是为页面或者产品导入流量最简单最直接的方式，分享者分享的页面，被分享者只有点击进入后才能触达到相关的内容，不像其他内容如文字、图片、音乐等不一定需要进入指定的页面也能触达到内容。

这类分享页面的应用场景一般是活动、营销、推广等，多以H5页面为主，所以对这类页面做分享设计时更多需要考虑的是页面流畅度、加载快慢、稳定性等问题。

5. 小程序

由于小程序具有“轻小”、”便捷”、“用完即走”的特点，因此用户之间对小程序的分享也是一个十分常见的场景，其目的还是为了能够快速解决用户的一些基本需求。

刚刚上面也提到了，作为载体的APP一般都会针对小程序做了相关分享功能的设计，微信、支付宝、百度等小程序都可以直接在页面在右上角点击按钮进行分享，当然除了APP本身自带的原生分享功能外，小程序还可以在相关页面针对性的去设计一些分享的按钮以及分享策略，能够促使用户主动去分享，以便能够更好的进行引流以及拉新，提升小程序品牌曝光率。

四、分享的形式

这里的分享形式指的是分享者将内容分享出去，呈现给用户的内容载体，主要分享形式包括文字、音视频、H5页面、小程序等，值得注意的是，这里的分享形式跟上面我们提到的分享内容类型是不同的，一个是分享前具体的内容类型，一个是分享后展现给用户的形式，这之中会存在一对多的关系，即同一个内容的分享，呈现给用户的可能会有不同的形式，具体可见下面例子。

在QQ音乐的歌曲分享中，同一首歌可以通过不同的形式进行分享，如下图分别有H5页面、图片、小程序、文字，用户通过这4种不同的载体最终都可以触达到相同的目标分享内容，所以选择什么样的分享形式还是要根据实际的分享场景去考虑。下面具体说说几种常见的分享形式。

1. 文字

很多内容喜欢提供复制链接的分享方式，把内容以文字的形式传播给用户，然后点击文字里的链接或者复制链接到指定的APP即可完成触达。

不仅仅是因为文字能够直观简单把内容描述清楚，由于很多平台之间存在竞争关系，在渠道分享时会对部分平台做了相关限制，比如淘宝的商品和抖音的直播间是不能够直接分享至微信内打开，只能通过淘口令或者直播间口令的形式进行分享。

2. 图片

由于图片具有可修饰性的特点，在图片中注入一些搞怪、高级化、情感化等设计往往可以提高用户去分享的意愿，在触达率上，以图片的形式去分享也会比一般的文字分享要高。

图片分享的原理很简单，先把内容做相关处理生成二维码，然后把二维码渲染在图片上，用户只需要通过微信或者其他工具对图片进行扫码即可触达到相关内容。

3. H5页面

图文链接即H5页面是最常见的分享形式，相比于文字和图片的分享，H5页面的分享操作更加简单，只需要点击即可进入页面，而且由于需要给渠道方传入图片、标题、简介等信息，所以H5页面能够承载的内容信息相对来说也比较丰富，并且页面的内容不受渠道平台限制，内容修改会实时同步，并且页面通过深度链接可以支持用户从分享的渠道跳转至APP，对APP的引流有很大的帮助。

4. 小程序

小程序从出现那天开始，一直以来都是一个非常大的流量入口，所以很多主流的APP都会针对自己的核心业务开发相应的小程序，以覆盖更多不同层次用户的需求。在分享APP某些内容的时候，可以选择以小程序的形式进行分享，用户点击小程序进入后即可触达到跟在APP显示的同样内容。对于用户来说，小程序的使用体验以及交互更加友好，所以，在用户触达内容的效率上看，小程序比H5页面更加有优势。

5. 音视频

对于音乐和视频这类型的内容来说，分享给用户的时候可以以音乐播放器和视频播放器的形式进行分享，用户只需要点击播放按钮即可在当前页面进行内容触达，无需再进入到相应的H5页面或者小程序，一定程度上减少用户操作步骤，提升用户体验。

五、总结

做分享设计时，无论是想做引流裂变、提升营收，还是想把产品做精美，提升用户体验，首先都要确定好本身产品的目标，针对这个目标在分享渠道、分享形式、分享逻辑等发散思维，然后输出完整的需求和交互方案，并反复进行测试与验证，直到找到一个最符合本身产品特性的分享方案。

总的来说，分享这个功能的设计，说简单其实也不简单，说难其实也不难，其实做任何功能的设计都只要遵循它合理的逻辑，然后在交互和体验上做一些比较有创新的尝试，往往会有不一样的效果。

原文：http://www.woshipm.com/ucd/4195128.html/comment-page-1#comment-460147