赞助商
立即赞助

超全面的分享功能设计总结

交互设计3年前 (2021)发布 流光
2.7K 0 0

王M争:最近发现款看片神——埋堆堆。这是 TVB 出官 APP,里有 TVB 历年制作经典剧,而更要是不需要充会员,没有片头广告。

超全面的分享功能设计总结

体界设计也很简洁,是我发现剧播放界竟然没有分享按钮,用户想分享话必须进入全屏状态。于 C 端品来说,分享是获流量大途径。这篇文章跟大家来聊聊分享功能的设计。

为了更好了解分享功能,我们要解决以下三个问题:

  • 为什么分享?(why)
  • 分享什么?(what)
  • 怎么分享?(how)

一、为什么分享?

分享功能的应用表面上来说,就是将自己的产品推到各个平台(微信、朋圈、微博、QQ、空间等),让更的用户看到。其更深次的原因在对产品区化的追求。大数的 C 端产品果想取得成功必要完成「从一个工具到一个区」的转变。工具以决用户的刚需,因为用户需要听歌,看电影,即时通。但是做一个工具是没有出路的,因为大家以做工具,只有区化处理才能把用户留住。其也很容易理,我们一直强给产品赋予游戏化设计验,因为没有什么产品的用户粘度比(爆款)游戏还高。大家喜欢玩游戏,游戏质上来说就是竞争与合,产品跟游戏一样,更的用户(玩家)意味着更的乐趣。

超全面的分享功能设计总结

最近三年的年底留节目支付宝集和朋圈抢票加速,砍价就属合的范畴。而前段时间很火的头脑王者就现竞争的一面,果没有排行榜,果无法互相查看战绩,么我相信头脑王者肯定不火到个程度。人类是群动物,智碾压的成就感是需要跟人分享的。当我相信它也不垮掉,因为有的人就是单纯的喜欢做题。

二、分享什么?

从上面我们到分享的最终目的是帮助产品留住用户。分享的主应该是产品,但的是样吗?

超全面的分享功能设计总结

我们经常看一活动页面在右上方加一个分享按钮。其我个人比反感,因为研究现用户并不喜欢分享整个内容页面。个也很理,用户只喜欢分享自己感兴趣的内容。我看到一篇不错的文章,听到一首歌,我愿意去分享。对一整个活动,我为什么要去分享?即使分享也应该是我抽中奖品之,将奖品分享到朋圈。或者我抽奖机用完,跳出一个弹框告诉我,分享到朋圈以增加抽奖机,么我才愿意去分享。无缘无故的让用户去分享整个活动链接相太难看。

于分享主体我们应该化繁为简。以网易云音乐为例,你可以去分享首歌,张专辑,份歌单,句歌词,甚至你连评论都可以分享。QQ 音乐是暂时不支持评论分享功能。

超全面的分享功能设计总结

分享载体主要有两:链接和图片。具体使用哪看内容量,如内容过多,用户需要更深入了解,那么使用链接更加合适。如内容过少,条新闻短讯,句心灵鸡汤那么可以使用图片。例如你在 QQ 阅读里想分享段很有哲理话。

超全面的分享功能设计总结

而言,链接优势在于详细,图片优势在于观。

三、怎么分享?

如何去触发分享功能呢?目前来说最常见是击分享按钮,分享按钮从位上来区分有三。

1. 界右上

这是我们最常见分享按钮样,可以是分享 icon,也可以是文链接。这里需要说是,有分享功能是隐藏在更多里。例如,我们在微信公众号看到文章属于这。

超全面的分享功能设计总结

2. 界面底部

分享按钮放在界面底部也很常见,例 QQ 音乐。

超全面的分享功能设计总结

对歌曲和文章来说,用户基需求以总结为:点赞,下载(收藏),评论和分享。为什么众号里的分享要收到更里呢?造成种差异在我看来主要是因为媒介的不同,你听歌的手机能放在口袋里,但是你要阅读一篇文章目光是时刻要停留在屏幕上的。所以众号无法像 QQ 音乐一样直接把功能固定在界面下方,样侵占阅读空间,只能把分享功能放到更里。

超全面的分享功能设计总结

里能有人反驳我 ,你看乎就是把功能固定在界面下方的。是因为乎里回答字数有有少,有的回答言简意赅,寥寥几字就能获得高赞。而微信众号里的文章一般字数很,除支付宝种特立独行的众号。

超全面的分享功能设计总结

而且当用户下拉浏览的时,功能栏是收来的,只有当用户往上滑动才出现。对个我在《超面的移动端顶部栏设计分析》也提到,用户下拉代表用户正在阅读,么为增加阅读区域,我们选择隐藏。用户一旦上滑就说明他中止当前的阅读流程。出现种情况有两个原因:

  • 写的太次了,不感趣,我返回到一级,写论怼答主或点灭。
  • 写的太,我要点赞,收藏,评论赞美答主,查看答主信息。

3. 跟随息流

跟随息流的享主要应用于社交类产品中比较多,例如,博,twitter 等。

超全面的分享功能设计总结

当然除了点击按钮享,还可以通过截屏享。最常见的就是在淘截屏就会弹出享列表。

超全面的分享功能设计总结

总结

上就是我对分享功做的一个总结,希望可帮到大。如果你们有同的看法或意见,留言讨论。

欢迎关注作者的公众号:「M争」

超全面的分享功能设计总结

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

通过APP来构建面向用户的解决方案,是目前企业常见的思路。相比于移动端网站,APP有着功能更加强大的框架和针对性更强的特点...
App设计
在线下场景中的物料、机具尺寸是依据人体工程学为参考,不同位置、不同距离、不同角度下,物料类型 、版面结构、文字层级、字...
产品设计规范
风筝KK:评论区在 APP 中有着不可或缺的地位,评论区又主要分评论入口、评论展示、评论排序三个方面,不同属性的 APP 评论区...
App设计
对比其实是不同元素和个体之间的差异的外化表现,差异越大,对比就越明显。在几乎所有的设计项目当中,设计师总会出于各种目...
对比度
一. 前言 近两年随着UED团队的探索,沉淀出了业务协同、设计增值、设计驱动三个层次的价值模型,深入剖析了设计师价值实现的...
全链路设计
经过上篇的分享《Banner设计宝典系列!玩转9种最常见的设计风格》之后,我又马不停蹄的进行了这篇文章的总结。 今天分享的内...
Banner设计
越来越多的品牌和企业开始在自家的网站和营销推广中使用吉祥物,今天的文章我们结合实例来聊一聊吉祥物的运用。 在设计的过...
ui设计
编者按:常见的APP 图文布局有哪些?不同按钮有哪些用法?今天这篇总结帮新手认识基础知识,赶紧来收! 一、图文布局 用户所...
App设计