设计 404 页面的 11 个最佳实践
不管你相信与否,没有任何数字产品可以 100% 无错误。在无数可能出错的事情中,“404页面未找到”错误是不可避免的。不过,请放心,如果你下定决心,你可以把这次挫折变成一个机会。
了解当用户陷入 404 僵局时指导和吸引用户的最佳实践,您将为他们和您的产品带来很大帮助。
解释发生了什么
呈现 404 的最糟糕方式页就是不提供任何解释。品牌当然可以比可驳回的横幅做得更好。事实上,雅各布·尼尔森的启发之一说,正确的产品应帮助用户识别、诊断并从中恢复错误。当 404 错误发生时,不要错过将其转化为胜利的机会。
提供简短、清晰的解释,解释用户为什么会看到这个空白页面,并引导他们访问一些有用的内容,例如主页。避免使用技术术语,除非您确信您的目标受众擅长该特定领域。但在大多数情况下,简单的语言对每个人都有好处,从专家到国际用户,尤其是那些使用英语作为第二语言 (ESL) 的人。
让用户会心一笑
笑是最好的良药,所以要学会如何使用健康剂量的笑。错误不可避免地会带来挫败感和失望——将其视为你用笑话来化解任何恼怒、带来快乐并同时塑造整体体验的机会。
然而,总有一个“但是”——了解你的听众。让你产品或品牌个性决定了幽默的程度。一个好的双关语可以让你的用户放松,让他们微笑,并帮助他们继续前进。然而,执行不当的双关语可能会让人们离开——尤其是当他们来到你的产品寻求支持和尊重时。
避免使用可能因种族、性别、民族、性取向或任何其他特征而冒犯或侮辱用户的笑话或评论。对你来说可能有趣的幽默可能并不对每个人来说都有趣,而且实际上可能会让用户失去兴趣。
提示!避免使用不为人所知的书籍和电影中的文化参考——用户可能会发现它不相关并放弃他们的任务。
在副本上花点功夫
您不一定需要复杂的插图来在 404 上提供出色的用户体验页— 令人印象深刻的文字和有用的链接可以完美地发挥作用。您的副本应该反映您的品牌个性和语言应该适合您的目标受众。
可以肯定的是,大多数用户会欣赏短句、45-75 个字符的合理行长、常见词汇以及听起来不太正式或超然的主动语态。被动语态可以用来解释系统操作,但过度使用它会让你的信息听起来机械化且不那么人性化。
添加即时视觉效果
即使这是第一次与产品网站互动,人们在遇到精心设计且有帮助的产品时也不太可能感到失望错误页。一个大的、正点的插图和创意文案是对品牌,并且他们还提供了问题的解决方案。
有时,您可能不确定什么样的视觉效果与品牌的声音相匹配,或者您可能不希望错误页面看起来古怪且不合适。在这种情况下,一个安全的选择是一个简单的设计,一些可靠的副本,并且有帮助链接。
引导用户找到您最好的内
虽然有些设计师认为 404错误如同世界末日,你可以把它变成与你的相识产品。例如,提供一些有用的信息链接可能会引起用户兴趣并鼓励他们探索您的网站而不是离开它的最佳内容。没有链接,您的页不会激发用户更深入地探索您网站的欲望。
不确定要包含哪些链接?对请求的 URL 执行拼写检查,并列出所有相近的匹配项以供用户单击和查找。
让 CTA 脱颖而出
一个错误页可以提高可用性并为转换和开辟新的机会品牌推广。您可以毫不费力地做到这一点插图、简单的错误描述,以及为迷路且不确定自己在寻找什么的用户提供清晰明显的退出按钮。
当然,错误页面的美观很重要,但如果它不提供解决方案,用户可能会放弃您的网站。优先考虑功能并提供清晰的CTA,如果您不确定还有什么其他功能,可以将用户带回家链接提供。
提供搜索输入
好的用户体验是关于预见用户的需求并从他们的旅程中删除不必要的步骤。当用户遇到 404页在你的产品, 提供搜索输入并提示他们再试一次。至少,用户会参与到您的公司中,并可能探索他们没有计划去的地方。
提示!为用户提供报告错误的选项,但不强制执行。
代表您的品牌
404号页在某种程度上可能是害群之马,但它仍然应该与您网站的外观和风格相匹配。从长远来看,如果做得正确,可以增加转化并改善可用性。确保所有插图适合品牌,缩微文案反映了您的品牌基调,并且字体和颜色与网站的其他部分一致。
即使您的 404 页面在功能上是正确的,但如果它不能像网站的其他部分那样反映您的品牌,它也会显得格格不入,从而失去将更多流量带回您网站的机会。
避免混乱
简单很难,但它可以帮助您的用户避免大量的努力和挫折。如果您不确定 404 上的内容错误页,简洁的,带有歉意的副本和搜索输入足以帮助用户前进。
让用户无法从 404 页面“退出”当然不是一个好做法,但用少量的内容让他们不知所措也同样糟糕。链接。正如尼尔森的启发式关于简约美学指出,不相关的信息会阻碍可见性并可能使用户感到困惑。请记住,少即是多。
不要太过分
第404章 一个标准的琐碎页通常会引起一种明确的失望和被遗弃的感觉。但如果它也杂乱无章插图不适合品牌声音和一个笨拙或强迫的笑话——好吧,这可能是一场彻底的灾难。在所有事情上,适度是最好的政策,这在涉及到事情时也是如此。错误页。当您在错误页面中填充信息时,可能会给用户带来沉重的认知负担。
整合互动性
我们每个人都有一个内心的孩子,无聊的时候喜欢出来玩。那么为什么不创建一个 404 页面来娱乐用户并让他们忙碌呢?
最好的例子之一是 Dribbble错误页。它随机选择一个颜色并展示了可能会引起观众兴趣并激发他们探索该网站的 Dribbble 艺术作品。搜索输入将其变成互动体验就是锦上添花。
以上内容为转载