编者按:本文来自微信公众号“人人都是产品经理”(ID:woshipm),作者:Ella,36氪经授权发布。

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

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

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

01

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

  • 问题一:为什么会存在404页面?

  • 问题二:什么人群会看到404页面?

  • 问题三:404页面的作用

  • 问题四:404页面的表现形式

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

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

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

  • 缓解用户当前遇到的问题所产生的焦虑

  • 解决用户当前所遇到的问题

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

02

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

  • 图形——品牌形象/可爱形象等——缓解转移用户焦点

  • 动画——品牌形象——缓解用户焦虑

  • 文字——提示问题/引导操作——给出解决方案

  • 游戏/互动——互动性引导——缓解用户焦虑

  • 按钮——引导操作——(视情况而定)

因此,综合以上这些元素,可以把有趣的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页面存在的意义,大概是“虽然女神拒绝了我,但不妨碍她有趣的灵魂会一直吸引我”。

发布者 |2020-05-18T12:00:04+08:00五月 18th, 2020|分类:新闻|标签: , , , |一个有趣的404页面,是如何体现的?_详细解读_最新资讯_热点事件已关闭评论

关于作者