UI设计中分享功能总结

　　人天生就有分享的习惯，当听到一首好歌，看到一本好书，或是听到一个有趣的故事，总是会想要分享给别人，如果朋友在听到分享内容之后表示高兴和喜欢，会让分享者的满足和快乐感更上一层楼。今天我主要和大家浅谈一下 APP 中的分享功能模块。

　　1.分享的作用

　　2.分享的时机

　　3.分享的常见位置

　　4.分享的常见样式

　　5.总结

　　分享的作用

　　APP 中的分享，就是把各种内容介绍给别人的过程，主要是借助社交类 APP 的流量，来达到拉新、留存、促活的作用。分享是内容最有效的分发途径，可以大大降低企业的营销成本。

　　分享的时机

　　1.主动分享

　　主动分享主要取决于内容，当用户感觉内容足够优质、有趣，或对自己有所帮助时，就可以通过分享按钮把内容分享给亲朋好友。按钮通常会摆放在页面中比较显眼的位置，如下图：

　　比如我比较喜欢听歌，每每听到兴起，总要分享到 QQ空间或者分享给喜欢听歌的朋友。有时看到了有趣的视频，也会忍不住想分享出去。

　　2.截屏分享

　　很多 APP 都会在截屏的时候弹出分享弹窗，提示引导用户去进行分享。这样的好处是可以缩短操作路径，减少用户的操作成本，同时也可以避免因为操作路径太长，导致用户遗忘或者嫌麻烦放弃分享的情况。如下图：

　　以携程旅行和网易云音乐为例，携程旅行的车次详情页和网易云的歌曲详情页截屏时都会弹出分享弹窗，提示用户去分享。

　　3.浏览一定内容后提示

　　用户在浏览完一定的内容后，分享按钮悄悄的变成了微信分享。用户如果对内容不感兴趣的话肯定就直接返回了，只有在对内容感兴趣的前提下才会进一部浏览，这种方式通过明显的前后变化的对比，把用户的目光吸引到分享按钮上，提示引导用户进行分享。如下图：

　　以马蜂窝和抖音为例，在马蜂窝的页面中，用户翻了几张照片或是向上浏览了一定的文字内容，页面右下角的分享按钮就会变成微信分享。而抖音中，当一个视频看了两遍之后，分享按钮则会变成微信分享。

　　4.完成任务后分享

　　当一项任务完成后，会弹出分享弹窗，便于用户快捷的进行分享，同时也借助了人类喜欢炫耀的心理来达到拉新、促活的目的。如下图：

　　以 Keep 为例，每当完成一次健身任务，就会弹出分享弹窗。

　　分享的常见位置

　　1.页面右上角

　　这是最长常见的一个位置，比较显眼，有些 APP 在页面中直接摆了一个分享按钮，而有些 APP 把分享功能放在了更多的按钮中。如下图：

　　上图中的京东和微信读书页面，UI设计中分享功能总结https://www.aaa-cg.com.cn/ui/2754.html都在右上角直接摆放了分享按钮。

　　而站酷和知乎的页面中，击右上角的更多弹出分享模块。

　　2.页面中间

　　在视频类 APP 中比较常见，通常是我们还没有把视频全屏展开时，会在标题内容下面摆放一个分享按钮，如下图：

　　以腾讯视频、爱奇艺、哔哩哔哩为例，它们都把分享按钮和点赞、下载、收藏几个功能并列在一起，放在标题简介的下方。

　　3.页面底部

　　这也是一个比较常见的摆放位置，处在拇指热区中，能更方便用户点击，如下图：

　　以QQ音乐和虾米音乐为例，它们都把分享按钮放在页面底部，处在手指最容易点击的位置。

　　4.跟随内容

　　在每一条内容的的下面，都会有一个分享按钮，通常出现在社交类 APP 中，如下图：

　　分享的常见样式

　　这里的样式指的是内容分享到社交类 APP 后所表现的样式，接下来主要阐述了链接、图片、网页、音频四种。

　　1.链接

　　通常是简单的文字描述加上跳转链接，比较简单明了，让人一眼就明白这是可以点击的链接，如下图：

　　2.图片

　　以图片为主要展示内容，用户对分享的内容可以一目了然，并且图片能够快速地向用户传达信息，减少用户的阅读成本。如果图片设计的足够精美，比较容易引起人们查看的欲望。如下图：

　　3.网页

　　这是最常见的样式，分享的内容大多是一段文字和一张缩略图，用户点击可以跳转到对应的 APP 页面，文字和缩略图都能向用户传递一定的内容信息，便于用户作出判断是否要打开。如下图：

　　4.音频

　　它和网页分享基本一样，只不过在缩略图上加了一个播放按钮。用户点击播放按钮则可以快速地听到音频内容，省去跳转的步骤，节省了用户的操作成本。如下图：

　　总结

　　今天主要讲述的一件事是关于分享模块的一些思考，我总结了以下3点：

　　1.分享的主要作用是借助社交类 APP 的流量，来达到拉新、留存、促活的作用。

　　2.在合适的时机、情景下提醒引导用户进行分享，往往能达到出其不意的效果。

　　3.把分享方式设计的美观和便捷，比如设计美观的图片和添加播放按钮，可以吸引用户点击和提升用户的使用体验。

　　4. 因此，您现在已经了解了与UI设计师的工作相关的主要技能。如果您想了解更多信息，请给我点个关注，我之后还会发包含有关在该领域工作的更多相关文章。

UI设计中分享功能总结相关推荐

UI设计中置灰功能总结
我最近在梳理产品报错场景的过程中,发现"置灰"状态的使用可以有效的提升报错场景中的用户体验.今天我就针对UI设计中置灰功能总结进行简单的说明. 一.置灰「置灰」是相对于「常态」而 ...
UI设计中ID软件书籍排版时目录的制作你会吗？【太原UI设计师】分享
UI设计中ID软件书籍排版时目录的制作你会吗?[太原UI设计师]郭文军分享 1,新建段落样式(F11):目的为了得到目录中文字的样式 ①,新建段落样式,双击打开名称"章",更改字符 ...
UI设计培训分享：app图标设计要遵循哪些原则
APP图片设计是UI设计工作中经常会遇到的,一个好的APP产品,图标的设计是非常重要的,本期小编为大家分享的UI设计培训教程就是app图标设计要遵循哪些原则?来看看下面的详细介绍. UI设计培训分享: ...
UI设计中图标设计的有几大原则
本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享 UI设计中图标设计的有几大原则?一款简练的图标比起同样大小的文字符号,可以表达更多的意义,根据界面的需要,控制图标的 ...
UI设计中最重要的元素和原则是什么
UI设计中最重要的元素和原则是什么?虽然现在有很多小伙伴们从事着UI设计职位,但是很少有人注意UI设计中的元素和原则问题.导致很多小伙伴的设计技能一直原地转圈得不到提升,所以今天胡老师和大家分享一下U ...
UI设计中Sketch使用指南—入门篇
对于UI设计师而言,Sketch充满了新鲜空气. 我想说:感谢sketch让Photoshop不再是UI设计师必备软件.这时候很多初学者的UI设计师对sketch充满了兴趣,甚至踊跃学习.下面胡老师给 ...
UI设计中的小元素总结
在UI界面的设计当中,有很多"小元素"发挥着十分重要的作用.有些元素我们已经司空见惯;有些被设计师们玩儿出了新花样.在使用了一些产品后,我对这些"小元素"进行了 ...
UI设计中按钮设计指南
一天,领导丢过来个需求,要求改一下页面上的一个按钮.我想了想,按钮简单啊,很快就画好发过去了,没想到被领导打回来说不行! 我看着自己做的按钮,一脸茫然,这个按钮饱满诱人还亮晶晶的,怎么就不行了呢? 是 ...
UI设计中顶部栏的设计要点
移动端顶部栏设计看似简单,其实在做界面时还是有许多细节值得我们注意的.今天我就针对UI设计中顶部栏的设计要点进行简单的说明,希望能更好地帮助大家理解这个组件. 一.移动端顶部栏样式及设计要点这里将移 ...

UI设计中分享功能总结

UI设计中分享功能总结相关推荐

最新文章

热门文章