火星网校
UI设计中分享功能总结
发布时间：2024-03-15 11:15:04 浏览量：166次
人天生就有分享的习惯，当听到一首好歌，看到一本好书，或是听到一个有趣的故事，总是会想要分享给别人，如果朋友在听到分享内容之后表示高兴和喜欢，会让分享者的满足和快乐感更上一层楼。今天我主要和大家浅谈一下 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设计中异常状态设计总结
UI设计中的作品集避坑指南
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
