陌北默

小编:预告-一大波高保真原型正在靠近

@Sophia?为了借助社交产品的流量,让用户主动分享APP中的内容到社交平台来达到拉新和促活的目的,市场上绝大多数APP都有第三方分享的功能,它是内容分发的最有效途径,并且大大降低了企业的营销成本。作为用户和产品之间的桥梁,社交分享在产品的发展过程中扮演了重要的角色。尤其是刚上线的产品,很难通过产品的内部体系来实现快速的用户增长,所以会更加依赖于分享来达到广泛的传播,获取目标用户。

在常用的社交分享组件中,微信(微信好友和朋友圈)、微博、QQ(QQ好友和QQ空间)是三大主要平台,而其中微信凭借高达9.38亿的月活跃用户以及高达29%的日均手机应用使用率,成为各款APP选择最多、排位最靠前的分享途径。即便同样是腾讯系下的QQ,也在QQ空间中加入了分享到微信好友和朋友圈的功能。

用户分享内容到社交媒体或好友,不应该是一种粗暴的强制行为,我们应该在保证产品本身内容有吸引力的核心前提下,仔细揣摩用户心理,结合产品本身的特色,在不同情境下提供给用户最合适的分享平台及方式,让用户分享成为一种水到渠成的自然行为,甚至在某些时候还能给用户带来一些小的惊喜就更棒了。下面我们会从不同维度来分析一下APP的社交分享功能设计,看看这里面有哪些值得探讨之处。

由于文章略长,在正文开始之前,先在这里插播一下小福利:

 

贴心如我,怎么能让大家只能看不能用呢?所以,除了下面的分析之外我也给大家备好了下文中提到的多种社交分享设计的原型模板,方便大家在工作中参考和使用!~

高保真原型预览链接:http://www.ccopus.com/h5/byId?type=project&id=595e45dff07b1532257bc001

低保真原型预览链接:http://www.ccopus.com/h5/byId?type=project&id=596db6608920de61528c4b92

原型下载链接:http://www.ccopus.com/square?searchText=%E7%A4%BE%E4%BA%A4%E5%88%86%E4%BA%AB

 

ok,插播结束,回到正文,我们从分享时机、分享形式、分享动机、分享场景4个维度来聊聊「社交分享」的那些事儿。

 

分享时机

在不同的时机分析用户是否有分享的意愿,提供给他们合适的分享内容,能让分享的效果更好。

1. 用户主动点击分享

绝大多数APP都是在详情页等需要分享的页面放置一个分享按钮,由用户自行选择分享。这种情况下用户是否分享主要是取决于产品内容本身,比如内容有趣或是有用。

示例:http://www.ccopus.com/h5/byId?type=project&id=595e45dff07b1532257bc001&activePage=1

在一些APP中设计者会对这个分享按钮加一些鼓励的文案或着重的设计来促进用户分享。

 

2. 截图分享

现在很多APP在用户截图时会自动提示用户是否要进行分享。这个时机确实抓的很棒,一般来说,用户截图大多数时候都是为了分享给他人,少部分是为了留底备份。所以监听用户的截图操作,提示用户进行分享,既缩短了以前分享截图的操作路径,避免了在之前长路径中的行为流失(比如截图完成后忘记分享或觉得麻烦放弃分享等等),也让用户觉得更加贴心。

 

3. 得到结果或完成任务时分享

在游戏胜利或闯关成功时,用户是处于一个比较兴奋的状态,这时候提醒用户「炫耀」一下,往往会有不错的效果。

看完一本书、完成一堂课、达成任务目标时或获得勋章等额外奖励时,用户的状态和心情会比较好,这时候提示分享用户会比较容易接受。

工具类APP则是在得到结果的时候提示分享,比如使用拍照和摄像类的软件,得到处理完成后的图片和视频时,往往需要提示用户进行分享。

完成订单时发红包,分享给好友,双方都可获利,这类分享常见于外卖类APP。

 

4. 打开APP时出弹层提示分享

在有大型的拉新活动或节日活动时,打开APP会直接有弹层鼓励用户通过分享来得到红包或其它优惠。

 

分享形式

不同类型的产品,或同一个产品的不同内容在分享时也需要采用不同的形式来达到最好的效果,在这里主要以分享给微信好友为例来进行阐述。

1. 文字分享

最直观和简单的类型,适用于简洁的文本内容分享。比如有道翻译官的翻译结果分享。

同时也可以用于链接的分享。比如天猫和淘宝的商品链接,由于众所周知的原因,天猫和淘宝的链接无法在微信中直接打开,但微信这么大的传播途径阿里也是必然不会放掉的,于是天猫和淘宝就有了一套独有的分享机制:淘口令。用户分享出来的是带链接和说明的文本,复制文案后,打开对应的APP,即可自动识别文案并提示打开对应的商品详情页。

 

2. 图片分享

图片分享时一种很常用的形式,直击重点,节约阅读时间,如果图片设计得好,一图胜千言。并且由于图片比文字有了更多的视觉信息,能够向外传达一种产品的气息,俗称「范儿」,比如「设计范儿」、「科技范儿」和「文艺范儿」,能够体现产品本身的格调。

大多数产品中提供的是默认设计好的静态图片:

而在一些APP中,产品设计者希望用户能够在分享内容时带上自己的态度和情感,所以除了自动生成图片外,还提供给用户多种自定义编辑的方式。比如很多资讯类APP都可以在分享时给图片加上态度印章,在百度地图分享图片时可以加上「堵成狗」的形象表情;微信读书在分享书中内容可以对书签进行样式编辑,提供给了用户更进一步的分享体验。

示例:http://www.ccopus.com/h5/byId?type=project&id=595e45dff07b1532257bc001&activePage=28

 

在视频类的APP中,静态的图片不足以表达内容,所以还出现了GIF动图的分享,比如腾讯视频和优酷都可以在观看视频时即时录制某段视频生成GIF来分享给朋友。

分享给微信好友:

示例:http://www.ccopus.com/h5/byId?type=project&id=595e45dff07b1532257bc001&activePage=52

 

3. 音视频分享

这一形式的分享从用户的分享操作和体验上来讲没有什么特别之处,但分享出来的内容会标记它是音频或是视频,让接收信息的用户更快了解其内容特性,并且在一些平台上音视频内容可以直接在当前页播放,无需点击进入。比如得到APP,喜马拉雅FM和网易云音乐分享给微信好友的是可以直接点击播放的音频。

 

4. 网页分享

这是最最常见的分享形式,90%以上的APP分享都是采用的这种方式,网页的分享方式承载的信息量最大,与APP本身的功能和布局最为接近,能够实时更新内容,并且可以通过DeepLink(深度链接)技术让用户点击按钮时自动打开客户端的对应页面,引导用户回流到APP中。

 

5. 小程序分享

2017年1月9日微信小程序如约而至,让应用「触手可及」,让用户在微信中使用其它应用的功能时有了可以媲美原生APP的流畅体验。因此一些APP紧跟脚步,在应用中分享内容给微信好友时会以小程序的方式进行分享,让接收方能够无缝衔接,直接打开对应的小程序进行购票或看视频等操作。

比如猫眼电影和腾讯视频

分享动机

1. 分享好东西

如果发现了好东西,一般都是产品的核心内容,好商品、好音乐、好书籍、好电影等等,用户自然会想要分享给身边的朋友;当然也会有一些产品特有的内容,比如网易云音乐的「评论」和微信读书的「想法」。

有时候也会是直接分享产品,这代表了用户对这个产品本身的认可,想要推荐给朋友,并借此表达自己的见解和品位,从而得到认同感。

 

2. 炫耀

这个炫耀是广义的,追求被别人认同或夸赞所带来的价值感和满足感,比如运动排名、游戏战绩、或者背单词坚持天数等等。

 

3. 获得优惠,得到好处

比如外卖APP可以通过分享获得红包、电商APP可以获得优惠券、理财类APP可以被赠予一定的理财金等,或者得到产品中的增值服务,比如分享后可以看视频免广告等。

 

4. 内容需要实时共享

内容有用,并且需要即时告知给他人,并与最新版本同步。比如滴滴可以分享行程给他人,共享实时位置,石墨文档分享给他人链接,并实时同步更新。

 

5. 邀请好友

APP里只有一个人玩多没意思,所以有时候用户会邀请朋友一起来玩。甚至有些APP必须要拉人进来才玩的起来,比如「1号媒婆」,注册成为「媒婆」后,需要邀请大家加入自己的单身团。

分享场景

这一部分其实主要是想讲一下淘宝和天猫的近距离分享设计。除了我们常规的分享方式以外,淘宝和天猫特意为面对面的场景下设计了近距离的APP内分享机制,方便用户在APP内进行操作,而不是「曲线绕道」到其它应用中去获取信息,比如淘宝的当面扫码和天猫的声波分享。

总结

1. 认真分析用户行为,找准分享时机,比如截图时和用户完成目标时就可以引导用户分享。在不同场景下需要提供最恰当的方式和内容来让用户进行分享,会更受用户青睐。

2. 准确把握用户心理,利用用户乐于“占便宜”和“炫耀”的心态来诱导用户进行分享,比如通过分享获取优惠、提供有格调的东西或者有对比排名的内容来让用户分享。

3. 不要拘泥于网页链接的形式,根据自身产品形态和特点,设计好用和有趣的分享方式,准确传达出产品本身的气质,给用户带来愉悦感,从而提高用户的分享率,精心设计的分享内容也有助于吸引到更多的用户。

4. APP中能够分享的绝大多数都是产品本身的核心内容,比如电商APP的商品、外卖APP的餐厅、出行APP的行程、电影APP的电影和阅读APP的书籍等,只有内容有用有趣才能形成一个长效的分享行为,所以把控产品本身的内容质量才是重中之重;除此之外,可以挖掘自家产品相比同类竞品的特色之处进行分享,去放大这一部分的能量,比如网易云音乐的「评论」和微信读书的「想法」。

资源分享

好东西怎么能一个人独享呢?再次附上我的社交分享原型模板链接,里面有上文提到的所有形式的分享模版,欢迎大家取用,希望对大家的工作有所帮助。

高保真原型预览链接:http://www.ccopus.com/h5/byId?type=project&id=595e45dff07b1532257bc001

低保真原型预览链接:http://www.ccopus.com/h5/byId?type=project&id=596db6608920de61528c4b92

原型下载链接:http://www.ccopus.com/square?searchText=%E7%A4%BE%E4%BA%A4%E5%88%86%E4%BA%AB

 

观察体验了上百个APP,总算是完成了对这块内容的一个初步分析,看似简单的社交分享仔细琢磨下来也会发现真是别有洞天。大家对此什么见解或者想法欢迎留言交流讨论,如有疏忽或错误之处也欢迎大家指正。

谢谢各位的耐心阅读。

 

其它资源分享

更多资源请见我们的专栏:xiaopiu工坊

1. 电商(天猫商城)APP原型资源分享

2. WeUI(微信)原型资源分享

3. 外卖(饿了么)APP原型资源分享

4. 音乐(网易云音乐)APP原型资源分享

5. 新闻阅读(ZAKER等4个)APP原型资源分享

6. 那些创意十足的Loading动效原型合集(一键复用?。?/p>

7. 视频(腾讯视频)APP原型资源分享

8. 共享单车(ofo)APP原型资源分享

9.?社交(新浪微博)APP原型资源分享

10.?坐拥全球7亿用户的Instagram高保真原型送给你!

11.?健身(Keep)APP原型资源分享

12.?金融(支付宝)APP原型资源分享

13.?即时通讯(QQ)APP原型资源分享

14.?「全民K歌」原型资源大放送!

 

原文地址:知乎

作者:Sophia

 

转载请注明:学UI网—UI设计师学习教程平台 » 四大维度,全方位剖析APP「分享功能」

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
解析百度贴吧升级的故事I:用户洞察与交互升级解析百度贴吧升级的故事I:用户洞察与交互升级
「译」苹果官方 iPhone X 人机界面指南「译」苹果官方 iPhone X 人机界面指南
从iOS 11看怎样设计APP图标从iOS 11看怎样设计APP图标
5 分钟交互设计指南:对话框5 分钟交互设计指南:对话框
UI设计师设计思路的进阶之路UI设计师设计思路的进阶之路
移动端的长表单应该如何设计?移动端的长表单应该如何设计?
网易设计师复盘小程序轻设计网易设计师复盘小程序轻设计
移动UI进化中!10种创新的导航菜单实例移动UI进化中!10种创新的导航菜单实例
网易严选APP品牌设计流程详解网易严选APP品牌设计流程详解
作为交互设计师的经验感悟作为交互设计师的经验感悟
?