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

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

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

猎人： 小白 观众：3388人

细节描述

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

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# 微交互# 情感化设计# 惊喜# 按钮# 猫耳FM# 设计彩蛋# 趣味性
加长

发表评论 加载中....

评论加载中....

下一篇

用户体验 省流量小助手哪家强？UC的「智能无图」是真棒～

产品：UC浏览器 iOS 作者：UC设计团队

新闻资讯类的应用由于有大量图片、视频信息的加载，常?；嵩谖颐撬⑿畔⒘鞯墓讨胁恢痪跸拇罅苛髁?。虽然理想状态下推荐在Wi...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

相关细节

手势交互 优酷更新了超好用的Gif录制功能~

新版的优酷更新了截视频Gif图片的功能。用户在截屏时屏幕下方出现的时间轴上，通过拖动取景框选取截屏时长与内容。右侧的编辑栏，还可对截图的画幅进行选择。无论是制作方形画幅的表情包还是模拟宽屏大电影的高逼格，都可一秒get尺寸无需再进行二次加工。虽然手势交互的使用需要一定的学习成本，但整体操作还是简单而直观的，提升了用户剪辑Gif的质量与效率。

产品：优酷 iOS 作者：优酷UED 猎人： 小白

设计彩蛋 当你在「淘宝」的搜索栏，输入「犀牛角」三个字…

搜索栏除了承载帮助用户查找信息的功能属性，其实还能有很多其他的妙用。比如「淘宝」的搜索栏，在我们的印象中就是用来检索商品与店铺信息的，但其实它隐藏了举报非法商品的公益界面。当在「淘宝」搜索诸如「犀牛角」这样的非法商品关键字时，并未出现「查找不到」「无法显示」等常规的异常搜索结果，而是出现「守护地球，阿里在行动」的公益宣传页面。并且通过此页面向用户科普濒危动物相关的知识与举报非法商品的方法。又是一个将「闲置」的网络资源利用起来做公益的好案例，避免了呈现无效信息的同时也为提升大众的自然?；ひ馐豆毕琢肆α?。

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

用户体验 体验过微信「浮窗」后，快捷易用的设计你可以想到哪些？

在使用微信的时候，经常有这样的场景存在：看文章时好友来了信息，需要关闭文章回复好友，想再看文章，触达文章的步骤就比较繁琐。不要着急！微信V6.6.7版本新增的功能完美解决此问题：打开文章后，点击右上角的「更多」按钮，点击浮层左下角的「浮窗」按钮，就会在屏幕上生成一个圆形入口了，这时就可以随意干别的事情，只要点击圆形入口就切换到文章。而关闭该功能也有一个快捷方法，拖到右下角就可以关闭了（同理朋友圈分享的歌曲也可以使用），用户体验真的好棒，这类快捷易用的设计，是否想过在你的产品中出现呢？

产品：微信 iOS 作者：微信团队 猎人： 启番

用户体验 不行的话，要不要试试一键切换？

iconfont是个图标网站，相信大家并不陌生。你可以在网站上搜索各种图标资源，有「精选图标」与「全部」这两种类型，你还可以选择单色与双色。然而当你选择「精选图标」而搜索结果太少的时候，iconfont则会在图标底部提示：「精选图标太少？点击切换至全部图标」。用户点击按钮，就可以一键切换搜索结果了。在搜索结果不太理想的情况下为用户提供有价值的操作建议，能降低用户的操作成本和工作量。

产品：iconfont 作者：iconfont团队 猎人： 小白

优设精选专题 查看更多

203847人看过 16篇文章

改版设计

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

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

图标设计

至少20个图标设计杀手级干货

本专题从图标的基础知识出发，再具体到不同类型的图标设计方法，待你掌握方法后，附上图标检验和优化指南。最后，优质的免费图标下载站合集和图标管理工具，让你更加省时高效！
查看专题
338110人看过 8篇文章

人工智能设计

人工智能是如何取代设计师的？

当19世纪前的棉花厂女工勤勤恳恳劳作时，她们可能没意识到，一个崭新而残酷的时代即将来临。而现在，当你握着鼠标涂涂画画时，是否也曾意识到，人工智能设计已经悄然而至？
查看专题
248803人看过 15篇文章

好书推荐

那些口碑炸裂的设计书籍

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

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

破茧成蝶2

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

刘津 孙睿
人民邮电出版社

用户思维

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

约翰·沃瑞劳
中国友谊出版公司

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

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

唐纳德· A · 诺曼
中信出版社

用户体验要素

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

Garrett
机械工业出版社

用户至上

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

Kathy Baxter
机械工业出版社

色彩设计法则

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

梁景红
人民邮电出版社
书到用时方恨少 > >
sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 视觉设计 配色 素材下载 设计流程 web前端开发 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号：youshege

把好文章收藏到微信

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

  • 回复@老老保老张工：那只能证明你的智商不达标！对于计划经济的构想，咱敢说强坛没有一个人比咱考虑得更周全！伪高工排在一个筋斗云之外！ 2018-12-12
  • 青藏铁路边的野生动物 2018-12-12
  • 小伙收购12只鹦鹉拿网上卖 不仅被判刑还罚3万元 2018-12-11
  • 你的“普世价值论”呢？[微笑][微笑] 2018-12-11
  • 全民总动员 国家才安全-光明时评 2018-12-10
  • 广州市白云区人民法院公告专栏 2018-12-10
  • 在深入推动长江经济带发展座谈会上的讲话 2018-12-10
  • 那些吃不惯汉堡牛排的中国留学生们，是怎么在美国活下来的？ 2018-12-09
  • 第74集团军某陆航旅创新训练方法 新课目扩充飞行员战斗力“内存” 2018-12-09
  • 香港特区政府本周向合资格市民发放额外自助 2018-12-08
  • 以古鉴今，习近平多次提及屈原 2018-12-08
  • “云南导游辱骂威胁游客案”一审宣判：游客消费不达标  导游言语侮辱 2018-12-08
  • 和创金服创始人兼CEO房平获第十二届人民企业社会责任奖年度人物奖 2018-12-07
  • 始终坚持以人民为中心的发展思想不断满足群众日益增长美好生活需要 2018-12-07
  • 《四部医典》入选《世界记忆亚太地区名录》 2018-12-07
    • 152| 68| 479| 19| 942| 826| 316| 519| 961| 416|