「马蜂窝」如何让点赞不无趣？ - 优设网 - UISDC

「马蜂窝」如何让点赞不无趣？ - 优设网 - UISDC

微交互「马蜂窝」如何让点赞不无趣？

产品：马蜂窝旅游 iOS 作者：马蜂窝团队时间：2019-04-15

猎人： Candice° 投稿：卷毛观众：4676人

细节描述

Candice°：在旅游类App浏览旅行攻略时，如果看到优秀的游记是不是想给作者点个赞呢？「马蜂窝」的点赞功能就非常有趣，且形式多样。当点击文章浏览页右下角表示「顶」的图标时，会出现向作者头像发送表情的点赞动效。作者的头像接收到你点赞的表情还会有放大缩小的反馈效果，以及随机出现感谢文案。就像真的与作者互动一样。当看腻了千篇一律的点赞设计，这样的特别的点赞效果设计更能激发用户们的互动意愿吧。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异

本篇知识点及话题# 互动 # 微交互 # 情感化设计 # 旅游 # 点赞 # 趣味性 # 马蜂窝

发表评论加载中....

评论加载中....

相关细节

用户体验让CEO做用户反馈的「客服」是怎样一种体验？

轻芒杂志App的用户反馈是以「对话」的形式进行，在翻阅杂志时任何意见与建议都可通过主页右上角的「对话」功能告知平台，并且你会惊奇的发现对话的「客服」正是轻芒的CEO。也许任何的用户反馈渠道都不如能与产品负责人在线沟通来得直接与有效。将反馈功能设计成模拟用户与负责人在社交平台在线对话的场景，生动有趣又简单易用。「Not a robot」的签名也是很皮了，「X小时前在线」的提示让用户真切感受到反馈对象的真实性，无形中加强了用户与平台沟通交流的意愿。

产品：轻芒 iOS 作者：轻芒设计团队猎人：小白

设计彩蛋「网易云音乐」：喜欢听歌的人都有有趣的灵魂

自从「网易云音乐」的年度听歌报告H5上线后，很多小伙伴的朋友圈都被各种相关的晒图与讨论刷屏。除了一年一度的听歌数据分析和生成年度歌单，今年的「网易云」还增加了具有社交属性的「灵魂匹配」彩蛋。根据用户的听歌喜好匹配一个相同喜好的陌生用户，用一首歌的时间（两人红心歌单里都有的一首歌）进行一次特别的「盲聊」。为了避免陌生人之间无话可聊的尴尬，团队还设计了一个小机器人来引导用户展开话题聊天，可以说很贴心了。

产品：网易云年度听歌报告H5 作者：网易UEDC 猎人：小白

用户体验饿了么App「骑手」送餐小动画背后的心理学，你知道么？

常在办公室加班用「饿了么」点餐的同学，可能会有过这样的体验：由于等餐时间过长而产生不满情绪，但在看到外卖小哥浑身被淋湿还提着外卖满脸歉意送达时的样子又会突然心软。其实大多数人都能对外卖小哥的辛苦配送表示理解，尤其在恶劣天气的情况下会给予更多的体谅与包容。但很多时候，身处室内的我们可能并不清楚室外的天气情况因而会对送餐情况产生误解与情绪。为了缓解因信息不对称而产生的矛盾，饿了么UED对小哥配送时的天气与状态进行了重新设计：你会发现，点餐后显示「骑手」接单信息的页面会同时展示送餐时的天气情况。通过GIF 动画展现小哥在雨天、狂风天、暴雪天等恶劣天气里的配送场景，使整个配送过程更加生动形象，也利用同理心对用户与外卖小哥的关系起到了暖和的作用。

产品：饿了么iOS 作者：饿了么UED 猎人：小白

用户体验陪你逛网页的「秀宝」是谁？

逛「奇迹秀」的时候偶然发现了网站的卡通形象秀宝，会在用户浏览网站的过程中陪伴用户一起互动。秀宝有很多的互动效果：鼠标不触碰到它时，它会展现出心情很好的状态，并且时而自言自语时而为用户提供一些功能提示。当双击秀宝时，它会突然发火，逃避你的抓取并且满屏幕乱串。如一直点击秀宝和它玩儿，它还会弹出很多可爱的小表情。有了情感化设计的秀宝陪伴，网站的趣味性与互动性都提升了许多。

产品：奇迹秀作者：奇迹秀设计团队猎人： Candice°

优设精选专题查看更多

445049人看过 14篇文章

表情设计

上亿人使用的表情是怎么诞生的？

想知道你每天都在用的表情都是如何设计出来的？这里不仅有背后的设计故事，还有表情绘制技巧和设计师专用表情包，让你成为表情包大师！

399624人看过 8篇文章

简历制作

让你的简历敲开大厂的门

如果简历是敲门砖，那一份优秀的简历就是打开大厂的钥匙。本专题收录了不同顶尖大厂设计总监的简历制作方法和常见的细节错误，看完这个专题，赶紧把简历拿出来改好！

134760人看过 8篇文章

Sketch 插件

省时高效的Sketch 插件全在这

工欲善其事，必先利其器。现在花10分钟认识一款新插件，就能在以后的工作中省下10小时。还等什么呢？

328885人看过 9篇文章

电影海报设计

看大师如何在方寸之间挥洒才华

本专题不仅收集了国内外知名的高分电影海报设计，还有设计方法总结和大神介绍，让你一饱眼福的同时也能学习到更多海报设计的技巧。

设计师基础理论书查看更多

情境交互设计：为生活而设计（第二版）

可作为国内互联网公司UED团队的日常工作指导用书

Karen Holtzblatt

清华大学出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳

中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼

中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett

机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter

机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红

人民邮电出版社

书到用时方恨少 > >

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

您还没有登录

优设启用更安全省心的微信扫码登录

微信扫码

扫码登录即表示您同意并遵守用户协议

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计优设网在这里