「饿了么」App的404页面会出现可爱的柴犬吉祥物「饿小宝」,以及「你的网络饿晕过去了」的页面状态提示文案。用拟人化的微文案「网络饿晕了」来形容页面丢失或访问失败的状态,不仅能让用户感受到产品的温度与亲近感,也很好体现了外卖平台的「吃货属性」。
我们都知道空状态页面设计主要是告知用户当前页面没有内容,很多产品会通过各种有趣的插图来传达查找不到的空状态。「ONE」的插图使用了一个带有蜘蛛网的空书架来呈现,除了表达没有收藏的内容之外,似乎还有一种久置不理以至于结了蜘蛛网的味道。仿佛在提醒用户:似乎是时候该收藏点东西了。
常常逛dribbble的同学一定会对网站篮球形象的logo印象深刻,其实网站的404页面也十分具有巧思。当出现访问页面信息丢失的情况时,404页面会显示一个复古篮球场的图像并配文案「Airball 」。Airball即「空气球」的意思,是形容投出的球没有接触到篮架、球筐及球网场景的篮球术语。
NOWNESS的404页面设计借鉴了电视台停播检修时的画面元素,显得复古又潮流,很符合文艺小众视频平台的定位。除了会出现配图与反馈页面状况的文案提示,页面下方还会按时间线展示平台最近更新的视频内容。文案会提示用户虽然当前搜索的内容找不到了,但可任选最新的视频直接观看。
很多网页的404页面都很有意思,而「美团技术网」可能是我停留时间最长的错误页面了。因为它的错误页面会出现一个迷宫游戏,对于我这种游戏宅来说简直不玩不能走。其实这个迷宫的难度很简单,只需3、5分钟就能完成。
「大麦网」的404页面会显示为某个已故歌手的纪念页。除了有明显的404标志来反馈当前的页面状态,还会出现歌手如邓丽君、约翰列侬等的照片与其生平介绍的文案。虽然每次出现页面丢失状况时会出现的歌手信息不一样,但都会出现同一句提示文案「你想看的演出 / 麦麦找遍了天涯海角也没发现 / 就像曾经辉煌的他们 / 已经不在这个世界 / 麦麦陪你一起缅怀」。
曾经风靡一时的游戏「纪念碑谷」,据说其创意是来自埃舍尔的矛盾空间作品。有趣的逻辑推理结合矛盾空间的奇妙视觉体验,交织出了清新唯美的几何迷宫世界,为我们带来了梦幻的探险旅程。「纪念碑谷风」也成为了一种大家争相模仿借鉴的流行设计风格。
很多产品的彩蛋设计里都会融入喵星人的元素,而「亚马逊」的彩蛋设计则选择了汪星人。当在使用亚马逊App时触发了404页面,会出现「天呐噜!网络断了」的文案并配以狗狗的萌照。
逛dirbbble的时候偶然发现了追波的404页面,感觉挺惊喜的。由站内设计作品组成的404图案,恰到好处的呈现了设计网站的属性。拨动页面底部的调色bar,404图案就会根据你选择的颜色重新由相应颜色的作品而成。
熟悉「即刻」App的同学一定知道团队团宠喵「果果」的存在,产品里所有的彩蛋设计几乎都与果果有关,足以见得果果在公司的地位。今天偶然触发了App的404页面,发现原来这里也藏着可爱果果的萌照。真的是萌即正义,虽然出现了页面丢失的状况但出现这么可爱的萌猫心情仿佛也没有那么不悦了。
11月6日是美国的中期选举,也是「特朗普时代」的第一次国会选举。在这个重要的日子里,不仅Google的首页Logo变成了GoVote的字样来呼吁民众参与投票,连我们设计师熟知的dirbbble也响应了「号召」。在其加载出错的页面里,小卡片形式的设计图例拼成了vote字样。
Spotify的404界面是一个老式黑胶唱片机的微动画,十分符合应用作为流媒体音乐服务平台的属性。虽然突然崩溃的404页面很难让等待页面加载的用户心情不down,但精心设计的有创意的404界面,还是能一定程度上降低用户的负面情绪。平面几何化的唱片机小动画兼顾应用现代潮流的设计风格与复古情怀,同时也算是一种强化品牌音乐流媒形象的好方式。
这周谷歌的Chrome浏览器迎来了十周岁的生日,据报道Chrome 69稳定版也将正式发布上线。为了庆祝十周年,那个经典的报错页面(系统处于离线/断网状态)里的彩蛋小恐龙也戴上了生日帽。小恐龙在奔跑跳跃的途中除了会一如既往出现需要避让的仙人掌,还会遇到生日蛋糕。
再完美的网站也会有出现404页面的可能。404页面可帮助搜索引擎判定失效页面,以便快速将无法打开的页面从索引库中删除。但于用户而言,当自己访问到404页面,总是很难心情美丽。
近几年,腾讯旗下的众多产品都上线了附带儿童走失信息的「宝贝回家」公益404页面。「您访问的页面找不回来了!但我们可以一起帮他们回家」的文案、近期走失孩子的照片与信息以及相关联络页面的跳转按钮,构成了这些404页面的主要内容。
周末的晚上终于结束一周工作的疲惫可以舒服地倚靠在家里的沙发上吃着西瓜看剧,突然页面崩溃出错闪现404页面,愉悦的心情立马就down到谷底。但当小电视家的404页面卖萌地说到「啊叻?视频不见了」(有时候是「肥肠抱歉,你要找的页面不见了」)并邀请你休息一下看看隐藏的漫画小剧场时,似乎焦虑不爽的情绪得到了一定程度上的安抚与缓解。