数据正在读取中...

您的位置: 设计资讯 > 网站设计

网页设计中404页面设计思路

www.shejinet.com 2019-12-04 20:37 设计.世界 浏览(2709)

摘 要:作为一名UX设计师,虽然有点难启齿我梦想的案子就是去“设计一个404页面”,不过404页面的设计确实跟用户体验息息相关。我们使用产品的过程中,不可避免会出错,那至少会有一个界面在此时提供一些有价值的信息。
作为一名UX设计师,虽然有点难启齿我梦想的案子就是去“设计一个404页面”,不过404页面的设计确实跟用户体验息息相关。我们使用产品的过程中,不可避免会出错,那至少会有一个界面在此时提供一些有价值的信息。

在最近我参与的一个对UI和UX再设计的项目中,我们重新评估了404页面的信息,并且决定抛弃掉那些模糊晦涩、几乎无用的语言。

借此,我也想分享一些关于404页面设计的技巧。用户看到了好的404界面,会原谅这些错误,甚至会觉得你家产品颇具魅力,让人忍俊不禁。

了解技巧之前,我们先来回顾下Jacob Nielsen的十大可用性设计原则,他提到:

帮助用户识别、诊断错误,以及解决错误:错误信息应以简单平实的语言(无代码语言)来表示,准确指出问题,并建设性地提出解决方案。践行着这个原则,我们可以使用以下这些设计技巧。

避免使用行话

由于技术层面引发的问题,就自然很容易使用技术术语来描述。不过很多时候,当你的用户不是工程师时,他们会觉得这完全就是一堆胡言乱语。用户已经因找不到所需功能而感到沮丧,想象一下此时他们再遇到一次障碍时该有多痛苦吧。

网页设计中404页面设计思路

谷歌的404在这里也有点术语话,不过旁边的机器人算是挽救了一下。

负起责任, 是“我”的错
对于一个UX设计师来说,法则第一条:别让用户觉得是他们的错,或者是他们搞砸了什么事情。很多情况下不会是他们的问题,但即使是他们的错,我们也可以打打马虎眼。主动去承认错误,向他们道歉:“很抱歉,我们找不到该页面。”

也可以通过使用“哎呀” “搓搓手” 这样的生活化措辞来表示你的同理心和关怀。

网页设计中404页面设计思路

Natwest 在“道歉”上就做得很好,而且提供了有效建议

简洁、温柔、具体
在404页面解释问题发生的原因时,文案应该满足“能够跳读”的标准,即应该保持简短和直击重点。

正如我将在稍后介绍的那样,404页面是添加一些趣味元素的好机会,但首先,我们需要说明出错的原因。此外,如果你知道错误发生的根本原因(比如找不到页面,或者由于页面长时间打开而导致会话过期),清楚地告诉用户。

网页设计中404页面设计思路

Innocent drinks 的“404”页面,跟品牌调性也符合。

考虑产品语调
思考你的目标受众和品牌形象,来保证设计的“一致性”。比如说,语言的风格可以适应目标人群的使用习惯。如果你的品牌调性是有趣的,你的404页面语言风格也可以是好玩的。

网页设计中404页面设计思路

Asos的404页面干净,简单,无多余的装饰,与整体品牌调性一致

数据正在读取中...

[优秀设计师] DESIGNERS

  • 红蚂蚁文化
    地区:天津 • 天津
    QQ:2284475163
    电话:qq2284475163
    邮箱:2284475163@qq.com
  • 博文
    地区:广东 • 深圳
    QQ:705434715
    电话:17875048743
    邮箱:705434715@qq.com
  • 久形设计
    地区:广东 • 佛山
    QQ:2926679497
    电话:18927776245
    邮箱:2926679497@qq.com
  • 蜂鸟创意
    地区:河北 • 石家庄
    QQ:2950464750
    电话:15930133486
    邮箱:2950464750@qq.com
  • 泉榕工作室
    地区:福建 • 福州
    QQ:5758429588
    电话:15980203576
    邮箱:5758429588@qq.com
  • 大巢设计
    地区:山西 • 晋中
    QQ:845183776
    电话:15536393968
    邮箱:845183776@qq.com
  • 邹剑
    地区:广东 • 广州
    QQ:810199288
    电话:18379067575
    邮箱:810199288@qq.com
  • 知鱼工作室
    地区:辽宁 • 沈阳
    QQ:1660150137
    电话:
    邮箱:1660150137@qq.com
  • 创龙轩设计
    地区:广东 • 广州
    QQ:1219427856
    电话:13790850808
    邮箱:1219427856@qq.com

[优秀设计公司] COMPANYS

联系我们| 免责声明| 设计师| 设计公司| 手机版| 设计知识