你有见过在加载页面里battle的舞者么？ - 优设-UISDC

你有见过在加载页面里battle的舞者么？ - 优设-UISDC

加载动画你有见过在加载页面里battle的舞者么？

产品：Bandcamp iOS 作者：Bandcamp团队时间：2018-09-11

猎人：小白观众：2762人

细节描述

小白： Bandcamp是一个专业的音乐平台，不同于国内「社交属性」较强的各大音乐类App，Bandcamp更像是一个巨大的世界唱片店注重将一切交换给音乐与音乐人本身。如此个性的App在产品的很多设计细节上自然也有自己独特独行，比如页面加载的设计。Bandcamp的页面加载是三个舞者battle斗舞的动画，简单的黑白色块勾勒出的人物形象，复古又酷炫。符合产品风格定位的有趣的小细节设计，在抓住目标用户口味营造与用户亲近感的同时，也悄悄缓解了用户等待加载时的焦虑情绪。

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

本篇知识点及话题# Bandcamp # 加载 # 微交互 # 情感化设计 # 操作中有反馈 # 趣味性 # 音乐

发表评论加载中....

评论加载中....

相关细节

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

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

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

交互手势关于App页面底部的留白设计，值得思考的事情

「想去」App的信息流滑到页面底部会出现一只鲨鱼追逐小鱼的加载动画。这不仅是个有故事情境的微交互小动画，其实也偷偷将产品的Logo融入了其中，巧妙地强化了品牌形象。简洁的动效符合产品极简的整体调性，趣味性的加入缓解了用户等待加载时的焦虑情绪，营造的轻松的氛围拉近了与用户的距离感。值得注意的是，随着iPhoneX的流行（设计iPhoneX的页面时底部需留出一定的安全区域），页面底部留白的设计会越来越受到重视。

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

用户体验教你一键get「重要的事情说三遍」的神操作

搜狗输入法的「开挂模式」是帮用户快速完成复制粘贴发送工作的神级「枪手」。比如开启「重要的事情说三遍」的模式，只用发一遍文字内容输入法就会自动帮你复制三遍发出，减少了用户手动复制发送的步骤。「回声模式」模式开启，则会营造出一种文字逐渐减少的信息队形。终于知道那些刷屏手速逆天的队形信息是怎么发出的了。虽然「开挂功能」可能看起来趣味性大于实用性，但切实地给用户的输入体验带来了乐趣与贴心的小改变。

产品：搜狗输入法 iOS 作者：搜狗输入法团队猎人：小白

用户体验 404页面里的人气小哥哥「ONER」

再完美的网站也会有出现404页面的可能。404页面可帮助搜索引擎判定失效页面，以便快速将无法打开的页面从索引库中删除。但于用户而言，当自己访问到404页面，总是很难心情美丽。自从请了在「偶练」积攒了人气的组合「ONER」成为品牌大使，Today的404页面便改成了小哥哥们的帅照。用产品代言人的形象做404页，一方面可通过明星美照转移用户注意力，降低对无效页面的负面情绪；另一方面，代言人在404页面出现也不失为一种强化品牌形象的好方式。

产品：Today便利店微信服务号作者：Today设计团队猎人：小白

优设精选专题查看更多

1070107人看过 11篇文章

中文字体

高质量中文字体打包下载

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

834542人看过 10篇文章

免费资源

最新最全的设计资源打包下载

精心挑选，贴心打包是本专题的原则。这儿不仅有超过1000款的笔刷，500套样机，还有很难找到的点线面素材、网页渐变背景、PPT 模板等等。是时候打开它们，高效补充你的素材弹药库了！

395219人看过 12篇文章

设计师专访

设计大咖成长史

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

174582人看过 13篇文章

Sketch 进阶指南

看过高手的用法，才发现自己完全不懂Sketch......

资深设计师是如何设置快捷键的？备受好评的 Sketch 的库该怎么用？听说有人可以用Sketch 搞定设计版本控制，还可以用来绘制数据图和复杂表格？这个专题收集了Sketch 最新的功能介绍和那些不为人知的高阶使用技巧，帮你从新手进化成高手！

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

破茧成蝶2

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

刘津孙睿

人民邮电出版社

用户思维

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

约翰·沃瑞劳

中国友谊出版公司

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

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

唐纳德· A · 诺曼

中信出版社

用户体验要素

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

Garrett

机械工业出版社

用户至上

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

Kathy Baxter

机械工业出版社

色彩设计法则

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

梁景红

人民邮电出版社

书到用时方恨少 > >

优设官方微信

50万设计师关注

微信号：youshege

把好文章收藏到微信

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