互动设计｜一起来看看大厂如何使用敲好丸的社交互动设计-技术圈

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

转自：淘宝设计

编辑：章欣怡

共 1795 字 16 图预计阅读 5 分钟

随着时代发展，网络社交成为人们的日常。人们通过网络来补齐现实生活中缺失的好友互动，释放情感压力，追寻同好认同。而 一个好的社交互动体验，可以链接生态多元角色，提高用户粘性，提升品牌口碑。

那么什么样的社交互动才是好设计呢，大约有这几类特征：互动设定好玩上头、交互反馈真情实感、应用场景恰到好处。

Part 1

设定好玩

根本停不下来

1. 连续性的互动彩蛋

「马蜂窝」游记内容的互动 “顶”，连续性的简单单击行为会触发彩蛋，通过层层递进的文案引导表达互动情绪，好奇心驱动用户主动持续点击。

「即刻」在圣诞节期间推出了 “打雪仗” 互动，在用户个人主页，朋友们可以通过往头像扔雪球，砸掉头像上的挂件，带来上头的互动体验。

2. 你来我往才是 “互” 动

常规的点赞互动设计都是单向表达对作者的喜欢/赞赏。「QQ 空间」更进一步，作者收获朋友点赞后，可以击掌，将单向动作延展成双向互动，进一步完备社交需求。

Part 2

共情反馈：

真情实感的灵魂共鸣

1. 准确传递互动情绪

「网易云音乐」的歌曲评论区，往往有很多走心又扎心的用户评论出现，除了直接回复作者外，还可以双指捏合，触发 “抱一抱”，给作者一个大大的拥抱，这样的反馈设计应景又温馨。

2. 即时反馈互动情绪

「微博」单内容详情页的 “点赞” 互动，单击一次是普通点赞反馈，如果连击会带来更强的视觉冲击，给予强烈的情感反馈，让用户尽情抒发情绪，释放爱意。

3. 定制趣味互动彩蛋

「网易云音乐」在播放哈利波特主题曲时，会触发飞鹰特效，引出评论区有彩蛋来信，用户在评论区第 9 和第 10 条评论之间双击屏幕，可以触发站台彩蛋，增强超级 IP 的趣味互动体感。

Part 3

场景契合：

恰到好处的互动时机

1. 品牌世界观的延续

很多社交产品都拥有独立的品牌世界观，以谋得用户的社区情感认同，互动本身就是一个很好的品牌触点。

「QQ 小世界」的品牌故事里，每个用户都是一颗独立星球，两颗星球之间想要交换信息，就需要发射火箭。由此延伸出用户通过发射火箭来推荐喜欢的内容，形式独特赋有记忆点，可玩性高。

2. 植入行业基因

「得物」的社区内容场景中，常规的点赞互动被改为更有态度的 respect（尊敬），对单条评论内容表态则为 salute（致敬），图形设计贴合潮流圈层，互动文案年轻化，贴合目标人群。

3. 呼应内容主题

「即刻」的兴趣圈产品，根据圈子的内容属性，定制个性化 “点赞” 图标，如喵星人专区，点赞换成了小鱼干，投递完就成了鱼骨头，晚安电台里的点赞换成了月亮，图形设计与内容场景契合巧妙，增强互动意愿。

4. 结合时事热点

「微博」在清明节期间，针对实事相关内容的点赞图标会更换为 “小白花”，烘托特殊日期的社区氛围。

5. 基于产品功能的有效补充

社交互动也可以为有着明确用户心智的产品，发掘出新的互动增长场景。

「淘宝」在用户心中是一个纯纯的购物产品，为满足好友之间互相分享商品，互抄作业的日常生活场景，顺势推出「分享购物车」的社交互动方式。打开购物车与好友同时摇一摇手机，即可查看对方的购物车，可以快捷加购，提升了用户体验。

The End

写在最后

随着产品体验的日趋完善，习以为常的基础社交互动设定也需要不断的推陈出新，来给用户带来轻量惊喜的互动体验。不论是从品牌触点切入，还是为了活跃社区氛围，都值得设计师们不断挖掘需求，创新玩法，为更好的社交互动体验持续努力。

— The end —

以下三分设文章，你可能也感兴趣

▽

📚 原创文章精选📚

看 Apple CarPlay 如何提升驾驶安全和驾驶体验

一起看看《对马岛之魂》如何打造初次对抗体验

制定 “小目标”，了解产品管理中的结构化思维

35+ 的 Windows 系统到底有什么了不起？

导师与学员的高效交流 APP 设计 —— Lightship

🙋 我们一起聊设计 🙋‍♂️

高质量，学设计行交流微信群

期待与更多优秀用户体验设计师一起成长

PS：欢迎大家关注三分设，每天早上9点，准时充电。分享优质设计、创意灵感、新知新识，定期大咖老师直播分享，零距离连麦，答疑解惑。添加小小虫微信号【 Lil_Bug 】，备注【 三分设 】加入！（只面向星标了公众号三分设的粉丝）

点亮『在看』，百万年薪↓↓