最出其不意的「返回顶部」设计，非猫耳FM莫属 - 优设网 - UISDC

最出其不意的「返回顶部」设计，非猫耳FM莫属 - 优设网 - UISDC

设计彩蛋最出其不意的「返回顶部」设计，非猫耳FM莫属

产品：猫耳FM iOS 作者：猫耳FM团队时间：2018-07-12

猎人：小白观众：4044人

细节描述

小白：当浏览页面较长的网页时，利用鼠标滚动返回页面顶部的体验会变得非常差。因此现在的网站尤其是国内网站，多数都会在页面右侧增加「返回顶部」的快捷按钮，以此来提升使用体验与效率。不同于大多数固定在Bottom底部或始终悬浮页面右下角的箭头文字版按钮，猫耳FM的「返回顶部」则更像是给用户预留的惊喜彩蛋。将平台吉祥物小萌猫的形象用绳子吊在网站页面右侧作为隐藏的「返回顶部」功能，真的皮到不行～但仔细想想，这多符合平台萌系的属性与灵动的个性呀。想要解救小萌猫？返回页面顶部试试 (~￣∇￣)~

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

本篇知识点及话题# 微交互 # 情感化设计 # 惊喜 # 按钮 # 猫耳FM # 设计彩蛋 # 趣味性

发表评论加载中....

评论加载中....

相关细节

用户体验同样都是饿了么，差距怎么这么大呢？

从淘宝入口进入到饿了么（左侧截图），点餐流程到需要备注时，键盘弹出会完全遮挡文字输入框。然而文字输入框也不会自动随着键盘弹出而升高，所以当有备注需求的用户在输入文字时基本是在盲打。而直接从饿了么的APP（右侧截图）入口进入点单流程，并没有发现这个不友好的体验。同样都是饿了么，差距怎么这么大呢？看来淘宝端的饿了么还需要优化呢！

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

设计彩蛋很多人都不知道的iPhone手机隐藏功能：指南针里的「水平仪」

可能很多人都不知道，iPhone手机里的「指南针」其实隐藏了「水平仪」的小功能。所谓「水平仪」就是用来测试水平度数的工具，会根据当前手机所处水平情况以及与水平面的角度来显示数值。那这个隐藏功能有什么实用价值呢？比如你可以将自己的手机放置在水平的桌面上来检测自己的桌面是否是水平的，或者在装修与验收新房时你可以用它来测试墙面或家具的垂直情况。甚至在手边没有量角器时，还可用来测量始边不在水平线的角的度数。对于「水平仪」在生活中的巧用，你还有哪些新发现呢？

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

微交互 Chrome的下拉细节，我也就玩了十几遍

下拉加载刷新页面当前数据是现在常规的交互逻辑，而Chrome浏览器在下拉上有着自己的见解：在下拉交互中增加了左移和右移的操作，分别对应新增浏览页面和关闭当前页面。在按住下拉并左右移动时，灰色圆形元素会像小水滴一样被吸到了左边或右边。微交互增加了操作的趣味性，让人爱不释手。

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

设计彩蛋我可能用了这么多年假的 PS/(ㄒoㄒ)/~~

Adobe全家桶是每个设计师行走江湖必不可少的「武器」，没想到的是如此「正经」的工具类产品也有藏着小彩蛋皮一下的时候。在「首选项」的界面设置菜单里，同时按住Command+Option+Shift并点击「颜色方案」选项，方块形状的颜色示例会变成咖啡或者面包的图案（Windows版本是按住Ctrl+Alt+Shift并点击颜色选项）。这种猝不及防带来惊喜又不影响产品功能性的彩蛋设计应该还是挺讨喜的。深夜改稿的时候不小心触发了这个彩蛋，看了更饿了（认真脸）~?

产品：Adobe Photoshop 作者：Adobe设计团队猎人：小白

优设精选专题查看更多

10592人看过 26篇文章

改版设计

大公司的改版方法和实战案例都在这了！

本专题包括4篇改版设计方法和技巧，还有超过10个大公司的产品改版设计实战案例。想做改版设计之前记得来看一遍，绝对是收获满满！

127086人看过 12篇文章

设计思维

那些让你成为真正专业设计师的方法

本专题精选了数十个设计思考方式，包括奔驰法、水平思维、结构化思维、统筹思维、宜家效应等，让你在掌握软件技法的同时，思考方式更上一层楼。

535825人看过 15篇文章

设计师专访

设计大咖成长史

这儿不仅有实力强劲不为人知的设计大咖，也有人气超高的设计工作室，中西结合兼容并蓄。探寻大神成长史，从中汲取养分，大概就是这个专题的魅力所在。收藏起来，每月都会更新哟。

266869人看过 15篇文章

好书推荐

那些口碑炸裂的设计书籍

这两年，设计类新书层出不穷，眼花缭乱之时也让人无从选择。本专题收纳了各个领域（平面、交互、心理学等）专业人士提供的书籍建议，全是纯正好料，想屯书的抓紧了！为了帮大家节省时间，最后还附上超详细的读书笔记，帮你快速纵览全书。

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

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

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

Karen Holtzblatt

清华大学出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

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

扫码关注

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

访问官方微博

您还没有登录

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

微信扫码

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

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

把好文章收藏到微信

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