有趣的404页面能缓解用户的焦虑和挫败感 什么是404界面?

有趣的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应用的网站也比较多 。

推荐阅读