一个有趣的404页面,是如何体现的?

4 评论 13880 浏览 68 收藏 11 分钟

有趣的404页面能缓解用户的焦虑和挫败感,那么一个有趣的404页面,是如何体现的?

【天天问每周精选】第102期:你见过哪些有趣的404页面,是如何体现的?

以下内容来自天天问用户:@Jasmine @JaylonG @joe @CHIN_PM @小u @请叫我马小胖 @月半小阁 @九久玖

404页面,指的是显示网站错误链接的页面,可能是该访问的页面不存在,也可能是页面已经被删除。出现404异常状态,用户体验可能不佳,但有趣的404页面能缓解用户的焦虑和挫败感。于是许多网站/App各出奇招,出现了不少让人眼前一亮的404页面。

01

那么在了解“一个有趣的404页面,是如何体现的?”之前,先了解几个在做这类页面设计时会考虑的问题:

  • 问题一:为什么会存在404页面?
  • 问题二:什么人群会看到404页面?
  • 问题三:404页面的作用
  • 问题四:404页面的表现形式

通过以上流程的思考,能够帮助避免主观盲目设计这类页面。

问题一和问题二帮我们界定404页面存在的状况以及人群,具体要通过用户体验以及调研去得到具体的答案。大概来说,一般看到404页面的人群,基本也属于「网络情况问题」和「产品本身问题」,但是他们都有个相同的特征,就是在“需要你的时候,你挂了”。

所以问题三,404页面存在的作用有两个:

  1. 缓解用户当前遇到的问题所产生的焦虑
  2. 解决用户当前所遇到的问题

我们应该从问题一到问题三来思考404页面的表现形式,而不是说自认为越炫越好,首先要意识到这个页面是因什么而存在,存在又是为了什么。如果你不能思考到这个问题,那你的设计是盲目的。

02

接下来就到了如何定义表现形式了。在研究分析了几十款404页面设计之后,发现优秀的设计方式都包含下列元素:图形(动画)+文字+(操作按钮)

  1. 图形——品牌形象/可爱形象等——缓解转移用户焦点
  2. 动画——品牌形象——缓解用户焦虑
  3. 文字——提示问题/引导操作——给出解决方案
  4. 游戏/互动——互动性引导——缓解用户焦虑
  5. 按钮——引导操作——(视情况而定)

因此,综合以上这些元素,可以把有趣的404页面分为以下几类展现方式:转移注意力法、隐喻手法、平铺直叙法、游戏娱乐法、自嘲手法。

1. 转移注意力法

这种方法将404页面视作可被利用的空间,来呈现公益信息,这种方法暂时减弱了用户对产品的愤怒,将注意力转向对弱势群体或社会问题的关心,侧面感受产品的社会价值,这种方法适用于社会公益性质或相关业务的产品。

比如腾讯公益的404页面,这个项目的灵感源于欧洲失踪儿童联合会主导的,名为“NotFound Project”的网络公益工程。就是利用404页面展示那些被拐卖儿童、失踪儿童的信息,帮助那些孩子重新找到家人。

比如丁香园的404页面,文案是“你所访问的页面就如那些遇害的同道,已离我们远去。”下面还会有这些白衣天使的照片和名字。以这样的方式悼念亡者,也侧面展现了丁香园的社会价值。

2. 隐喻手法

这是一种很艺术很委婉的方式,404这几个大字太平铺直叙,缺少细细品味和想象的余地。隐喻手法运用现实中的事物对404的意义进行比喻,具有艺术审美价值,适合产品品牌介绍网页。

将产品的形象融入到404页面,也是一个不错的法子,不仅显得有趣,提高了用户体验,也提升了品牌认知。像之前收集过的一张棒球网站404,同时也可以延伸出许多灵感,例如:足球类产品404可以放张守球失败相关图片,而篮球可以放张“三不沾”的照片,结合自身产品以此类推。也可以根据不同行业,在提示信息中加入行业词语,例如:教育类的“老师累了,需要休息,请稍后再来哦”.

3. 平铺直叙法

这种方法虽然没有艺术性,没有幽默感或者社会意义,但也是最负责的表达方式,直接告知用户页面出现了问题,导致问题的原因有哪些,聚焦于如何解决404页面问题,适合效率为主的产品,例如电商类产品。

4. 游戏娱乐法

游戏可以促进多巴胺产生,玩游戏或有趣的交互互动,可以激发快乐感受,这种方法可能消耗较多开发和设计人力,用户体验价值也难以量化,所以慎用吧。

一个典型的栗子是谷歌404小恐龙。呆萌的小恐龙趣味性十足,网上还有用户发布了谷歌404小恐龙教程,像这类小游戏404应用的网站也比较多。

5. 自嘲手法

这种方式一般会将产品拟人化,采用用户熟悉的人物形象,用偏幽默的方式告知用户页面崩了,有点像喜剧中自嘲的手段,逗乐用户,创造积极体验。适合娱乐类产品,例如电影类网站等。

结语

无论如何,404页面之所以出现,是因为没有满足用户需求。所以不管做得再怎么好玩有趣,原本该出来的没有出来,用户想知道的没有知道,做得再好玩也都是本末倒置的。

404页面如同你在跟女神表白,表达了你想跟她在一起的需求,但她拒绝了你。把404页面做得有趣,就有点像女神在委婉拒绝,话说得再好听,拒绝了就是拒绝了,终究是会影响用户体验的。

那么有趣的404页面存在的意义,大概是“虽然女神拒绝了我,但不妨碍她有趣的灵魂会一直吸引我”。

你还见到过哪些有趣的404页面?点击下面的链接,一起来分享吧~

更多精彩回复:http://996.pm/zL5XV

相关阅读

【天天问每周精选】第101期:如果支付宝和微信只能留一个,你留哪个?为什么?

【天天问每周精选】第100期:你会为互动职场剧哪一环节(如面试/工作/离职)设置怎样的互动,来击中用户的兴奋点?

【天天问每周精选】第99期:什么样的场景,才能让用户心甘情愿购买付费会员?

【天天问每周精选】第98期:为什么长文网站需要点击“阅读更多”,才能看到全部内容?

【天天问每周精选】第97期:微博和抖音之间,为何会有「是否自动跳转到下一视频」的设计差异?

素材来源:天天问话题精选

「天天问」为人人都是产品经理社区旗下的互助问答模块,致力产品、运营、营销等领域知识的学习交流。

本栏目由天天问运营 @Ella 整理编辑发布,欢迎大家踊跃提问,一起交流。

题图源于网络

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 先符合调性吧

    来自天津 回复
  2. 打卡,貌似都见过!

    来自福建 回复
  3. 小恐龙真的很可爱

    回复
  4. 打卡 挺全面的

    来自山东 回复