B站「弹幕设置」里的奔跑小人儿～ - 优设网 - UISDC

设计彩蛋 B站「弹幕设置」里的奔跑小人儿～

产品：Bilibili iOS 作者：Bilibili设计团队 时间：2018-10-08

猎人： 小白 观众：3156人

细节描述

B站最近在iOS版本的「弹幕设置」里，添加了奔跑中与慢走中小人儿的图标来分别表示弹幕速度调节的快与慢。这个小彩蛋与 iOS里用兔子与乌龟的形象表示「朗读速率」快慢的调节类似，都运用了形象思维将抽象的
「速度」概念具象化。让用户对抽象概念的感知更直观清晰，也为交互体验带来更多趣味性。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# Bilibili# 弹幕# 形象思维# 情感化设计# 视频# 设计彩蛋# 趣味性
加长

发表评论 加载中....

评论加载中....

下一篇

捕获自 优酷 iOS

你将掌握 用户体验 的小知识~

沉浸式看视频学英语，尽在「小小优酷」(*╹▽╹*)

优酷的「儿童模式」，不仅可以帮助家长对孩子的观影时长进行管理以保护视力，还可以开启「英文模式」让频道只显示纯英文视频内...

官方微信

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

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

相关细节

设计彩蛋 「高德地图」上线「流浪地球」语音：道路千万条，安全第一条

口碑票房双丰收的「流浪地球」正被大家当作现象级的国产硬科幻电影进行热议，然而比电影本身热度更高的怕是电影里让人印象深刻的交通安全提示了：「道路千万条，安全第一条，行车不规范，亲人两行泪」。借着电影在映的热度，「高德地图」在新上线的驾车导航语音包中加入了这段魔性的台词。无论你下载的是志玲姐姐的性感语音还是郭德纲的搞笑提示音，进入开始导航后的第一句语音都是小破球的这句安全提示，颇有一种魔幻的「穿越」感。2019年的最佳交通安全义务宣传员，非「流浪地球」的高级驾驶员韩子昂莫属了吧。?

产品：高德地图iOS 作者：高德地图团队 猎人： 小白

设计逻辑 「Soda」：特别的购物模式，特别的引导页

「Soda苏打罐」是一个女性服饰个性化订阅电商平台，以专属盲盒的形式出售整套服饰搭配商品。平台根据用户填写的信息与习惯进行数据分析，然后为用户打造专属造型并挑选5件服饰成套搭配好寄送给用户。用户自行选择喜欢的衣服买下，再免费寄回不喜欢的衣物。逆向的消费模式打造出的神秘感，让用户对消费行为充满期待。由于特殊的购买规则，于新用户而言使用app的学习成本较高。为了将新用户的引导设计做得更简单直白，Soda的启屏页用对话的形式解释了产品使用的方式与用户可能产生的疑问。对话动画的形式很契合电商平台的特质，仿佛一进入店铺就有工作人员为你服务。

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

交互手势 「微博动漫」签到互动，来击个掌～

「签到」是一种我们常见的提高用户活跃度、吸引用户登录与体验产品的方式，多伴随利益吸引（比如免费获得有实际用途的虚拟财富。「微博动漫」的签到页面是一只二次元萌掌向你挥手，与它击掌以后就完成了一次签到。这种签到的方式就像是每天早上去学校同学向你打招呼、去公司同事跟你说早安，或者是你养的萌宠每天在门口等你到家投喂。萌萌哒互动，让签到方式更加生动富有情感。签到行为的产生更加顺畅自然，不再仅仅是单利益吸引促使的点击按钮。

产品：微博动漫 Android 作者：微博动漫 猎人： 小白

交互手势 QQ音乐「个性电台」切歌的有趣交互

「QQ音乐」的「个性电台」在交互上有一个很有趣的细节：当我们在底部左右滑动切换歌曲时，「个性电台」的歌曲背景会随着我们的操作而改变。这在交互效果上仿佛模拟了从一叠CD里拿走与放入的动作。此外，在CD上的点触还可以控制音乐的播放与暂停，使用方便又有趣。

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

优设精选专题 查看更多

266869人看过 15篇文章

好书推荐

那些口碑炸裂的设计书籍

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

职场规划

帮迷茫的设计师找到职场方向

本专题收集了不同大厂设计师的职场规划经验 ，无论你是初出茅庐的萌新，还是工作多年依然找不到方向的老油条，这儿都有前辈为你出谋划策。
查看专题
204824人看过 12篇文章

设计史

以史为镜，鉴往知来

本专题不仅展现了世界现代设计史上各个时期的重要流派、重要人物和重要作品，为读者构建世界现代设计史的知识轮廓，而且还有GUI 发展史、谷歌LOGO 变迁史、宋体演变史等经典设计的演变回顾。
查看专题
42321人看过 5篇文章

AR设计

AR 设计可能是距离设计师最近的未来

目前市面上关于AR 设计的教程极少，我们可能是唯一一个把高质量教程都收集起来供你学习的，这里有最详细的基础科普，有可供把玩的AR APP，有交互方法总结，收藏这个，以后需要设计AR 类产品就不慌！
查看专题

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

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

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

Karen Holtzblatt
清华大学出版社

用户思维

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

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

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

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

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

用户体验要素

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

Garrett
机械工业出版社

用户至上

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

Kathy Baxter
机械工业出版社

色彩设计法则

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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