从四大维度,全方位剖析APP应该如何设计好「分享功能」 - 优设网 - UISDC

从四大维度,全方位剖析APP应该如何设计好「分享功能」

2017/07/26 6556评论区

为了借助社交产品的流量,让用户主动分享APP中的内容到社交平台来达到拉新和促活的目的,市场上绝大多数APP都有第三方分享的功能,它是内容分发的最有效途径,并且大大降低了企业的营销成本。

作为用户和产品之间的桥梁,社交分享在产品的发展过程中扮演了重要的角色。尤其是刚上线的产品,很难通过产品的内部体系来实现快速的用户增长,所以会更加依赖于分享来达到广泛的传播,获取目标用户。

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

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

下面我们会从不同维度来分析一下APP的社交分享功能设计,看看这里面有哪些值得探讨之处。

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

分享时机

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

1. 用户主动点击分享

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

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

2. 截图分享

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

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

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

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

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

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

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

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

分享形式

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

1. 文字分享

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

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

2. 图片分享

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

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

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

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

分享给微信好友:

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内进行操作,而不是「曲线绕道」到其它应用中去获取信息,比如淘宝的当面扫码和天猫的声波分享。

小结

  • 认真分析用户行为,找准分享时机,比如截图时和用户完成目标时就可以引导用户分享。在不同场景下需要提供最恰当的方式和内容来让用户进行分享,会更受用户青睐。
  • 准确把握用户心理,利用用户乐于“占便宜”和“炫耀”的心态来诱导用户进行分享,比如通过分享获取优惠、提供有格调的东西或者有对比排名的内容来让用户分享。
  • 不要拘泥于网页链接的形式,根据自身产品形态和特点,设计好用和有趣的分享方式,准确传达出产品本身的气质,给用户带来愉悦感,从而提高用户的分享率,精心设计的分享内容也有助于吸引到更多的用户。
  • APP中能够分享的绝大多数都是产品本身的核心内容,比如电商APP的商品、外卖APP的餐厅、出行APP的行程、电影APP的电影和阅读APP的书籍等,只有内容有用有趣才能形成一个长效的分享行为,所以把控产品本身的内容质量才是重中之重;除此之外,可以挖掘自家产品相比同类竞品的特色之处进行分享,去放大这一部分的能量,比如网易云音乐的「评论」和微信读书的「想法」。

以上几款App 的原型预览及下载:

「完整的设计流程合集」

  1. UI 设计丨http://www.uisdc.com/full-ui-design-process
  2. 品牌设计丨http://www.uisdc.com/complete-design-work-flow
  3. 交互设计丨http://www.uisdc.com/complete-interactive-design-workflow
  4. 图标设计丨http://www.uisdc.com/icon-design-flow-skills
  5. UED 团队设计丨http://www.uisdc.com/china-ued-teams-workflow

原文地址:zhuanlan.zhihu

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/4-points-to-design-share

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 版式设计 扁平化设计 交互设计师 界面设计 排版布局 优设专访 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 用户体验设计 设计规范 海报设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里