• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 从四大维度,全方位剖析APP应该如何设计好「分享功能」

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

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含社交媒体,社交媒体分享,经验分享等相关知识,希望在学习及工作中可以帮助到您

为了借助社交产品的流量,让用户主动分享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应该如何设计好「分享功能」

相关文章

  • 2018-08-23交互设计基本功!聊聊搜索框设计的8个技巧
  • 2017-08-06struts2跳转后css和js失效的问题解决思路及实现步骤
  • 2018-08-23高手说我的图标不止好看,还有这4个作用!
  • 2018-08-23UI实战教程!从零开始做App 系列之项目立项+预估时间篇
  • 2018-08-23总结了日式网站这4个优点后,我能把中文网站做得高大上了!
  • 2017-08-06网页乱码问题当设置编码为utf-8乱码的解决方法
  • 2018-08-23这篇超详细的教程,帮你全面掌握 APP 中的投影设计!
  • 2018-08-23想做好产品功能,不妨试试这个「亲亲原则」
  • 2017-08-06手机网页web app 图片为何不清晰非常之模糊的原因
  • 2017-08-06jquery-multiselect在ie6里的一个bug的解决方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 用Keep的案例,让你轻松理解交互设计师的职责
    • 已然成熟的卡片式设计,遵循着怎样的设计规则?
    • 美妆造型类网站 颜色搭配技巧的方案及效果展示
    • 设计师该如何维权?看这篇超详细的流程总结!
    • 对国内社交型网站主页的对比与分析 得到的经验分享给大家(图)
    • 前端性能优化—前端工程师不得不说的痛
    • 使你的网站快速跑起来
    • 简而不减:极简主义设计的 KISS 原则与案例
    • 为什么大家都想学服务设计?来看CEO 的亲身经历!
    • 干货来了!如何在LOGO 设计中运用好留白?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有