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

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

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

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

猎人：小白观众：3306人

细节描述

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

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

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

发表评论加载中....

评论加载中....

相关细节

用户体验「淘票票」的暖心小提示，让我们不再因粗心买错票

在「淘票票」买电影票时如果你选择的观影时间在今日以后，系统会自动提醒「您选择的是明天的场次」以避免用户因失误选错时间而购错票。再比如正在关注上海国际电影节的你，选购电影时如果放映地点在不易寻找的位置，系统会对放映地点给出清楚的指引提示。这样的设计体验确实人性化又暖心。对用户的操作行为做出精准预判，通过设计减少用户不必要的操作或对可能发生的错误操作给予前瞻性的提醒是我们在做用户体验时常常思考的问题。但有时我也在想，我们为用户设想的越多提供的「傻瓜式」操作越多，提升产品体验的同时是不是也一定程度上弱化了用户作为「人」的记忆与思考能力呢？这真是一个值得思考的问题～

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

用户体验请给雨中送快递的小哥哥多一份体谅

「淘宝」的查看物流界面更新后，增加了天气情况的实时展示。当你的包裹已到达本市，如果天气状况不好，常规状态下快递员的配送画面会增添下雨等对应现实天气的场景。在恶劣天气里配送货物十分不易，需要花费快递员小哥哥们更多的时间和精力，更应该得到收快递的我们的体谅。情感化的设计将整个快递配送的过程更加生动形象的呈现在我们眼前，缓解了因信息不对称而产生的送收货双方的矛盾，也利用「同理心」缓和了原本对立的双方关系让彼此都更加理解包容。

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

用户体验「QQ音乐」的音译歌词，带你轻松学唱粤语歌

喜欢听粤语歌的同学可能已经发现,「QQ音乐」里多数粤语歌不仅会显示国语歌词，还会同时显示粤语的音译歌词。这对于很多喜欢听粤语歌，但不会粤语想跟着发音学唱歌的用户而言，很实用。点击播放界面右上角「词」的图标，还可以对歌词显示进行繁简体的转换与歌词报错的操作。有了音译歌词，闲来无事的时候学唱一首Eason的歌，成为K歌达人so easy~

产品：QQ音乐 iOS 作者：QQ音乐设计团队猎人：小白

用户体验在「全民K歌」听好友发布的歌曲时，你有注意到底部被点亮的小话筒么？

在「全民K歌」进入好友发布的歌曲听歌时，底部「我也要唱」的话筒小图标会被点亮并出现短暂的闪烁小动效，并且「分享」功能的图标上方还会出现Toast提示用户分享得经验值与鲜花的信息。这里的图标点亮设计与「抖音」的「分享」按钮类似，都是通过差异化的图标与动效设计进行视觉引导，突出分享与参与功能以达到鼓励用户进行内容分享与参与互动的目的。

产品：全民K歌 iOS 作者：全民K歌团队猎人：小白

优设精选专题查看更多

1373551人看过 13篇文章

中文字体

高质量中文字体打包下载

字体性格各不相同，好字体能与设计作品相映成趣。本专题收录了不同风格的中文字体，并提供打包下载。需要注意的是，大部分字体都是个人非商用的哟。

246265人看过 15篇文章

好书推荐

那些口碑炸裂的设计书籍

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

187974人看过 12篇文章

设计流程

从业余新人跨入专业设计师的那道坎

通过本专题，你可以先学习基础的产品设计、交互设计、UI 设计、平面设计等不同领域的流程，同时附上特定项目，诸如对话式交互式、交互规范、UED 团队等等的流程总结，最后用大量实例帮助你更加深入地理解流程的运用。

329802人看过 10篇文章

你丫才美工

一枚有态度又能讲段子的美丫姐

可能是最会讲段子的设计师，也可能是最有态度的段子手，微信公众号@你丫才美工，欢迎关注哟！

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

破茧成蝶2

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

刘津孙睿

人民邮电出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

优设官方微信

50万设计师关注

微信号：youshege

把好文章收藏到微信

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