1. Sketch UI设计网——产品UI设计学习交流平台首页
  2. 教程
  3. APP设计

提升产品分享率的设计技巧

提升产品分享率的设计技巧


产品中的分享是内容分发的有效途径,市场上绝大多数的APP都有第三方分享的功能。在我们的产品界面中,老板就强调要在各个页面中增加分享功能,或者要将样式做的特别突出,以达到提升分享的目的;对于还是比较小白的我来说,总觉得用户分享行为跟内容对自己或他人是否有用有绝对的相关性,即使样式再突出,内容不好有什么用呢。直到我看见了网易云音乐的分享功能提示,我才意识到想要提升分享率,交互和视觉上是有文章可以做的,最近正好在进行组件化的整理就发现了一些比较有意思且效果很好的小技巧,在此整理给大家,希望能给大家设计上的启发。


目录

1. 简述分享功能

2. 提升分享的小技巧


1.简述分享功能


分享是随着微信、微博、QQ等社交产品的出现衍生出来的一种功能,产品可以借助社交产品的流量,让用户分享APP中的内容到社交平台,已达到拉新和促活的目的;它也是内容分发的有效途径,可以大大降低企业的营销成本,所以各个产品对分享功能都非常重视。


对用户来说分享分为两种途径,一种是主动分享,一种是被动分享。

主动分享

用户看到了对自己来说有用、有趣或者能提升自己形象的内容会想要主动分享出去;这个时候我们需要保证用户可以快速找到分享按钮,执行相关操作;其中也包含有些用户很喜欢一些内容但是没有意识到可以将其分享,我们就可以把握这些关键点,做一些有趣的小提示,增加用户分享的可能性。

被动分享

是产品为了达到分享目的,通过一些“甜头”诱导用户进行分享,比如分享领取红包等形式;


下面我会通过几个案例来看看这些产品是怎样通过一些交互和视觉形式提升用户对内容的分享率的。



2.提升分享的小技巧


说是技巧,其实是在用户分享行为路径中寻找“机会点”,在合适的时机进行恰当的引导。


1. 点赞/收藏后的分享提示

最初看到这个提示是在【网易云音乐】的播放界面里,当我收藏喜欢的歌曲时,会在右上方的分享按钮下方出现分享提示:网易云音乐的吉祥物外加一句足够有诱惑力的文案:“喜欢就分享吧”,“帅的人都已分享了”等等;最近在虾米音乐的播放界面中看到了相同的功能。


优点:

1. 这个场景就很好的抓住了一个机会点,当用户点击收藏的时候就说明用户很喜欢这首歌曲,这个时候引导用户进行分享可以大大提升用户的分享可能性;

2. 整体的交互形式也很讨人喜欢,一个吉祥物+一句很有趣的文案可以快速打动用户的内心,加深用户对这一功能的印象;

3. 同时建立两种操作之间的关联性,这个提示功能在一段时间内只会出现3次,这样即便在没有分享提示,用户在收藏时也会想起那个有趣的分享提示。

提升产品分享率的设计技巧


这个引导提示不仅仅可以用在音乐类APP中,当分享和点赞、收藏、下载等功能操作同页面出现时,比如视频、文章、课程等等,如果想提升分享率,都可以运用这种方式做用户引导。


最近在【马蜂窝】游记终端里面也看到了类似的功能提示,在点击收藏按钮之后,屏幕的右下方会出现分享提示,并且将微信和朋友群这两个主要的流量入口直接展示出来,用户可以点击直接分享。

提升产品分享率的设计技巧


2. 截屏后的分享提示

这种分享提示也是抓住了一个机会点,就是用户进行截屏很有可能是要将截屏分享给朋友,所以在这里提供了一个分享途径。


优点:

1. 直接将截屏分享出去,节省用户的操作路径

2. 避免用户因为复杂的路径和时间等原因而放弃分享

提升产品分享率的设计技巧


3. 顶部弹层分享提示

我们在看资讯、新闻等文章时,会发现这些文章的分享途径通常会放在文章的下方,这样用户在阅读完之后,会根据文章的质量、与自己兴趣度是否吻合等,判断出自己是否有需要将其分享出去。

而【马蜂窝】游记的分享途径是以弹层的形式出现在导航栏上,出现的时间在用户阅读大约2屏内容之后出现。因为马蜂窝的游记通常会特别的长,用户浏览一部分内容就可以判断出自己对游记的兴趣度或正好有朋友需要,如果一定要等到文章阅读完成后才可以看到分享途径,可能会损失一部分用户的分享,所以这个时候有分享途径出现可以提升分享效率。


优点:

1. 出现的时机恰当,用户阅读部分内容后才出现,动态出现可以引起用户的注意力

2. 分享以弹层的形式出现在导航栏上,不会影响用户对内容的浏览

3. 有关闭按钮,用户可以关闭分享弹层,查看导航栏的相关内容

4. 展示出分享途径,可以直接点击分享

提升产品分享率的设计技巧



4. 底部操作栏分享提示

【马蜂窝】动态详情页面,刚进入的时候分享功能以分享图标表示,当用户向下滑过一屏后,分享图标就变成微信分享


优点:

1. 一开始以图标的形式展示,信息层级比较靠下,不会在开始影响用户对信息的浏览

2. 当下滑一屏后,判断用户在认真阅读,可能会对此信息感兴趣,所以这时候做一个比较明显的变形引导用户做分享会很合适。

缺点:

1. 会有歧义,在我初次使用的时候,我以为是点击微信可以直接跳转至微信分享,但其实知识样式的变化,功能上并没有调整

提升产品分享率的设计技巧


5. 红包/优惠券等“甜头”

前面4个技巧讲的都是怎样在用户可能需要的情况下给予引导用户做出分享,这个要讲的是在用户没有分享需求的情况下通过一些“甜头”,来吸引用户做出分享的行为 。

【微信阅读】直接将甜头已文案的形式表达“分享免费领”,很多用户可能根本不需要阅读此书也会因不拿白不拿的心态将书分享出去,这样就达到了产品目标了。

【小猪】是将甜头以优惠券的形式展示出来

提升产品分享率的设计技巧



总结


通过总结分享的这些小技巧,我有一个比较深刻的体会就是产品中的功能不是说有就可以,作为视觉设计师或者交互视觉设计师还要考虑这个功能在什么时间,什么场景下出现比较合适,在不影响用户主流程体验的基础上,做出引导。


最后,大家有其它更好的设计引导提示,欢迎分享出来,一起学习积累~~



参考引文

Sophia《四大纬度,全方位剖析APP分享功能》

http://t.cn/RKR1QQ9

《分享功能的主动和被动:隐藏着用户思辨化的心理》

http://t.cn/R1OTUGl


提升产品分享率的设计技巧

原文始发于微信公众号(海盐社):提升产品分享率的设计技巧

文章来自互联网,转载请注明:https://www.sketchui.net/3377.html

发表评论

电子邮件地址不会被公开。