Bilibili带你穿越时光，回到2009≧▽≦ - 优设网 - UISDC

设计彩蛋 Bilibili带你穿越时光，回到2009≧▽≦

产品：Bilibili 作者：Bilibili设计团队 时间：2019-09-09

猎人： 蓝点 观众：2256人

细节描述

最近，你可能会在B站系统信息里收到一封重返十年前的邀请信，点击链接可让界面返回十年前的样子。在这里，你不仅可以体验bilibili十年前的网站界面，还可以查看这十年里点击率和热度最高的视频，仿佛开启时光隧道真的回到那些年。与用户一同分享十年岁月里B站的美好，给B站的原住民们带来很强的参与感，有情怀的设计超有魅力。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# Bilibili# 互动# 情怀# 暖心# 模式切换# 设计彩蛋# 趣味性

发表评论 加载中....

评论加载中....

下一篇

捕获自 Chrome

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

Chrome关闭标签的人性化考量

当我们打开很多个浏览窗口后，通常需要手动一个个地关闭标签页。Chrome的设计师们就帮我们考虑到了在这个使用场景里该如何提升使...

官方微信

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

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

猎人推荐 我要投稿

相关细节

用户体验 自定义首页分区位置，我的地盘我做主

视频网站内容繁杂，通常有较大的信息密度，因此对内容的分区就显得十分重要。不同用户对视频内容的喜好不尽相同，所以主页标准化的分区列表排序在真实的使用场景里并不能为所有用户提供最佳体验。Bilibili 电脑端将网站右侧的内容分区列表设计成了用户可自定义的模式。点击「排序」会出现2233萌娘提示你，直接拖动想要调整的分区位置就可以自己排列列表了。简单的拖拽动作直接且易操作，生动的提示信息给用户的操作提供了清晰的引导。灵活的自定义机制，给用户带来便捷性的同时也感受到更具情感价值的定制体验。

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

用户体验 我掐指一算，你这是要分享啊！

Invision是一款原型与设计协作工具，致力于成为基于产品的沟通协作共享平台，所以invision十分鼓励用户将观点进行分享。当你用鼠标标选某一条「经验之谈」的文字时，网站就会在旁边出现一个「推特」的图标，提醒用户进行分享。这是用户基于某条观点心理非常赞同或认为相当重要时的下意识动作。这个动作用户自己容易忽略但invision却捕捉到了这样的用户场景，并以不打扰的形式出现对用户来说恰到好处。区别于其他一些网站会加上划线等功能，给用户太多选择时容易反其道而行，此时一个推特图标既提高了用户的分享率同时也为网站带来传播效益。

产品：Invision iOS
 作者：Invision 团队
 猎人： 二然

用户体验 梦想不能被盗，但页面可以

很多网页的404页面都很有意思，而「美团技术网」可能是我停留时间最长的错误页面了。因为它的错误页面会出现一个迷宫游戏，对于我这种游戏宅来说简直不玩不能走。其实这个迷宫的难度很简单，只需3、5分钟就能完成。对于闲时浏览网页的用户来说，完全可以抽出时间一试。优秀的404页面就是如此，能非常讨巧地用游戏等其他方式悄悄将用户的挫败情绪转移。

产品：美团技术网 作者：美团技术团队 猎人： 蓝点

优设精选专题 查看更多

293322人看过 14篇文章

职场习惯

揭秘设计师快速成长的秘诀

那些工作两年的设计师，为什么成长速度这么快？本系列邀请了多位设计大咖，分享独家的职场习惯，总有一个能让你受益无穷。
查看专题
479344人看过 11篇文章

你丫才美工

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

可能是最会讲段子的设计师，也可能是最有态度的段子手，微信公众号@你丫才美工，欢迎关注哟！
查看专题
202908人看过 7篇文章

图标绘制指南

高手从零开始带你画图标

本专题由「超人的电话亭」撰写，旨在帮助新人设计师学会图标的绘制方法。从图标基础知识到5大图标类型绘制方法详解，最后附上图标应用方法。UI 设计新手学习图标之前，建议完整阅读这个专题，帮助极大。
查看专题
642226人看过 11篇文章

后期修图

最全面的后期效果方法总结

由国内知名的修图软件@泼辣修图 主笔叶明老师倾情撰写，全是日常大家最喜欢的后期效果，无论你中意哪个风格，在这儿都能找到修图方法。
查看专题

优设热门私房课 查看更多

iPad 手绘入门快速学习指南

iPad 插画练习技巧和速写方法入门科普

闫实
优设大课堂人气老师

Q版头像Ai插画疾速入门指南

不需要手绘板，零基础也能快速上手，6大知识点带你绘制专属卡通头像

周小馋
优设大课堂人气老师

UI设计师直通大厂的简历&面试秘籍

用科学系统的方法提高求职面试的成功率，比内推还有效的大厂秘诀

慕青
知名大厂设计师

包装插画入门学习指南

从接单、沟通、IP形象设计到包装印刷落地的完整过程呈现

鱼吉
艺术院校老师

腾讯设计师求职成功指南

国内顶尖设计团队「腾讯ISUX」设计师亲自撰写的求职面试经验

腾讯ISUX
国民级产品设计团队

成长型插画师的插画练习术

Dribbble 人气插画师快速成长的插画练习术揭秘

风绽
资深插画师
查看更多热门课程 > >
sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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