【UI/UX设计干货】404页面设计指南
作者：优漫动游设计部
2023-09-27 17:58
查看: 74
优漫教育小编分享一些关于404页面设计的技巧。用户看到了好的404界面，会原谅这些错误，甚至会觉得你家产品颇具魅力，让人忍俊不禁。
帮助用户识别、诊断错误，以及解决错误：错误信息应以简单平实的语言（无代码语言）来表示，准确指出问题，并建设性地提出解决方案。
践行着这个原则，我们可以使用以下这些设计技巧。
避免使用行话
由于技术层面引发的问题，就自然很容易使用技术术语来描述。不过很多时候，当你的用户不是工程师时，他们会觉得这完全就是一堆胡言乱语。用户已经因找不到所需功能而感到沮丧，想象一下此时他们再遇到一次障碍时该有多痛苦吧。
谷歌的404在这里也有点术语话，不过旁边的机器人算是挽救了一下。
负起责任，是“我”的错
对于一个UX设计师来说，法则第一条：别让用户觉得是他们的错，或者是他们搞砸了什么事情。很多情况下不会是他们的问题，但即使是他们的错，我们也可以打打马虎眼。主动去承认错误，向他们道歉：“很抱歉，我们找不到该页面。”
也可以通过使用“哎呀”“搓搓手”这样的生活化措辞来表示你的同理心和关怀。
Natwest在“道歉”上就做得很好，而且提供了有效建议
简洁、温柔、具体
在404页面解释问题发生的原因时，文案应该满足“能够跳读”的标准，即应该保持简短和直击重点。
404页面是添加一些趣味元素的好机会，但首先，我们需要说明出错的原因。此外，如果你知道错误发生的根本原因（比如找不到页面，或者由于页面长时间打开而导致会话过期），清楚地告诉用户。
Innocentdrinks的“404”页面，跟品牌调性也符合。
考虑产品语调
思考你的目标受众和品牌形象，来保证设计的“一致性”。比如说，语言的风格可以适应目标人群的使用习惯。如果你的品牌调性是有趣的，你的404页面语言风格也可以是好玩的。
Asos的404页面干净，简单，无多余的装饰，与整体品牌调性一致
增添一些指导信息
如果错误原因非常明晰，通常有一些方法可以解决这个问题。你可以添加一个“返回”的按钮，或者一些链接，让他们跳回安全页面；也可以是一系列指导，教给用户自己解决问题，比如刷新页面、清空缓存，或者少在键盘前面边吃饼干边掉饼干屑……
Dropbox的404页面提供了一些有用的链接
锦上添花的愉悦感
这一部分才是有意思的。现在你添加了与用户相关的消息，明确说明了问题，还提供了指导，是时候做一些锦上添花的事儿了：有趣的视觉元素，带点幽默感的文案，让用户笑出声来是最好了。
如果你们公司有吉祥物或漫画形象，那404页面也是发挥他们存在感的地方。即使没有，一个笑话、双关语、表情包都是不错的选择。时刻记得品牌调性，404页面也是其展现平台。
零基础想学好UI设计就业，广州UI设计培训机构报名系统学习是最好的学习方式，从零基础到实训，全程有专业老师授课辅导。广州UI设计培训以就业为导向，依据企业需求制定课程大纲，内容涵盖、平面设计、Web网页设计、移动界面设计、交互设计以及C4D三维设计、H5推广页面设计等知识点。了解详情请登陆广州UI设计培训官网
预约申请试听课
填写下面表单即可预约申请试听！怕钱不够？可就业挣钱后再付学费！ 怕学不会？助教全程陪读，随时解惑！
担心就业？一地学习，可全国推荐就业！
-
上一篇：
-
下一篇：
IT培训问答
开班时间
