如何设计一个简单高效的「签到」功能？腾讯动漫有妙招 - 优设网 - UISDC

如何设计一个简单高效的「签到」功能？腾讯动漫有妙招 - 优设网 - UISDC

交互手势如何设计一个简单高效的「签到」功能？腾讯动漫有妙招

产品：腾讯动漫iOS 作者：腾讯动漫团队时间：2018-07-09

猎人：小白观众：4774人

细节描述

小白：「签到」功能的设置是为了促进用户活跃度与增加用户粘性，但其实它的本质是通过奖励机制强化用户行为以达到培养用户使用习惯的目的。那如何设计一个简单而高效的签到功能呢？除了设置对用户具有吸引力的奖励机制外，功能设计上足够简单的操作步骤与参与的趣味性同样重要。腾讯动漫App将交互中最常用的下滑手势与签到功能结合，在主页只需轻轻「下拉」页面即为完成一次签到动作。足够简化的签到流程降低了用户的参与成本，配合交互手势的迷你动画展现了平台属性也为签到动作增添了趣味性。

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

本篇知识点及话题# 交互手势 # 动漫 # 动画 # 奖励机制 # 微交互 # 情感化设计 # 签到 # 腾讯

发表评论加载中....

评论加载中....

相关细节

交互手势怎样在iOS系统里快速返回上一页？

用习惯安卓手机的用户开始用iPhone时，最不习惯的可能就是没有了返回按钮。但其实，用手指从屏幕左侧向右滑动，页面就能实现返回上一页的操作了。手势交互的操作更方便和自然，只是需要一点学习成本，而「回到主屏」的功能是与普通「返回」功能区分开的。iPhoneX之前的iPhone通过Home健回到主屏幕，iPhoneX则是通过从页面底部向上划动Home Indicator（虚拟横线）来实现这一操作。将「回到主屏」的功能操作与其他的「返回」操作区分，能更好的体现系统的页面层级关系和结构逻辑。

产品：iOS系统作者：Apple 设计团队猎人：小白

设计彩蛋 B站躲在圣诞帽里的小电视

随着圣诞节的到来，B站一如既往的上线了播放器进度条的节日彩蛋。平日里进度条的小电视图标变成了圣诞帽，并且在左右移动播放进程改变小圣诞帽位置时，会有躲在帽子里的小电视探出头来张望的交互动效。虽然进度条彩蛋对于熟悉B站的同学而言已是很熟悉的常规彩蛋设置，但每次的小彩蛋相较以往的设计都会有不同的创新，每次新的节日彩蛋上线还是会给大家带来惊喜。（ps：其他节日的小电视图标「变装」可翻看以前的细节文章 — 端午节是小粽子，中秋节是玉兔，万圣节是小幽灵）

产品：Bilibili iOS 作者：Bilibili团队猎人：小白

微交互「网易云」：从音乐里飘出的音符动效

「网易云音乐」的「视频」频道除了常规的「点赞」与「评论」，还有一个图标是圆圈中有个音符的按钮。但点击这个按钮并不会有任何反馈，所以一直没弄明白它的作用。直到有一次播放视频的时候，发现在视频播放期间音符图标会出现随着音乐飘出小音符的动效。惊喜的图标小彩蛋，让听歌体验更有互动性和氛围感。

产品：网易云音乐iOS 作者：网易UEDC 猎人：小白

设计彩蛋我见过最赞的招聘启事，来自程序员的别样浪漫

如果不是互联网从业者，大概你永远都不会发现百度主页的代码控制台（console）里藏着那条最浪漫的招聘启事。因为只有拥有开发网页习惯的人，才会在浏览喜欢的网站时按下F12调出网页代码查看。所以这条百度针对程序员的招聘被写进网站首页代码的console里，可谓是绝对精准的招聘广告投放了。据说这个彩蛋的设计并非百度的独创而是Google先使用过的「小心机」，可是由于无从考证所以小编并不能确定是哪家公司有才华的程序员小哥哥最先想出了这个妙计（知道的大神麻烦留言告知哦）。但不得不承认的是，很多时候我们都对程序员有太多刻板印象的误解。那些看起来「木讷无趣」的程序员们认真起来，真的可能是最浪漫的人呢。( • ω • )

产品：百度作者：百度UED 猎人：小白

优设精选专题查看更多

304930人看过 13篇文章

设计趋势

流行设计一目了然

道法术器势，看了那么多专题，设计理论、方法和神器已经不再话下，想成为高手，就差借势了。收藏好这个专题，每个月都会更新最新的设计趋势，让你洞悉设计趋势，紧跟设计潮流。

183170人看过 22篇文章

UX Coffee 专访

谷歌设计师给你带来不一样的设计专访

UX Coffee 是一档关于用户体验的播客节目，由两位谷歌设计师Hoka、Riceman 创办，他们会邀请来自硅谷和国内的学者和职人来聊聊产品设计、用户体验和个人成长。

750215人看过 15篇文章

Material Design

每个设计师都该深度学习的设计语言

通过这个专题，不仅可以了解到最新的 Material Design 变化，还有 Material Design 的动效设计、可用性设计、用户引导设计等中文版本，另外还有高手总结的学习笔记和实战案例。看完这个专题，帮你全面读懂 Material Design。

523977人看过 8篇文章

自学UI

设计高手的自学方法大全

授人以鱼不如授人以渔，UI 设计是门庞大的学问，单靠专题不免挂一漏万，所以本专题不分享技法层面的知识，而是将前辈的自学经验集结起来，帮你掌握正确的学习方法和思路。

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

破茧成蝶2

国内设计师出版的最值得一看的书，熟悉的界面背后藏着大道理。

刘津孙睿

人民邮电出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

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

扫码关注

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

访问官方微博

您还没有登录

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

微信扫码

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

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

把好文章收藏到微信

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