如何用404页面留住用户

如果你从未考虑过404页面的设计,如果你正打算为你自己的网站设计一个404页面,如果你刚好接到这么一个设计任务,希望这篇文章能给你一些灵感和启发。英语里有一个比喻,如果生活给你一个酸柠檬,就把做成柠檬水。在网络世界里有什么可以被称之为“柠檬”,一定是404页面。无论是关闭的服务器,断开的链接,不存在的页面,或错误的网址,404页面都是恼人的。

但是,聪明的网站经营中会将这样的酸柠檬,变成甜美的柠檬水。他们重新考虑404页面的功能,把它变成营销利器。有了正确的元素,甚至可以使404页面成为获取用户的新手段。下面是一些帮你扭转态势的实用建议。

保持设计的一致性

现在,假设你浏览着一个公司的网站,你看到他们的页面是黄色和绿色这样柔和的,与他们特定的业务相关的配色。当你点击一个链接时,突然看到一个白晃晃的404页面。你不仅得知一个出错信息,原本柔软、温暖的色彩体验突然被掐断了。这体验真是糟糕透了。

这就是为什么你的404页面应该保持与你的网站相同的设计主题。如果你不想成为往用户身上泼冷水的人,就不要加剧他们遇到404页面的痛苦。

你的网站是否有一个吉祥物?这个角色出现在404页面上最好了。访客需要知道,尽管出错了,他们仍然在你的网站,并没有被莫名其妙地抛出或断开。在404页面需要保持网站基本配色和设计主题,为访客营造这样的印象,他还在该网站,只不过遇到了一个小故障。后面我们还将详细讨论。

Improving 404 PageDesign如何改进404页面

这篇文章观点和本文基本相似,额外涉及到的处理是:可在404页面提供搜索框以及让用户提交错误链接。

有趣的,不媚俗的

无论什么情况下,自嘲能力都是值得赏识的。如果你用一个自嘲的幽默来化解,假如404的错误在于网站,也会变得更容易容忍。但一切都要适度。不要走可爱的极端,一个简单的线条,或许一个幽默的形象,然后回到重要的信息上来。

60 Really Cool And Creative Error 404 Pages

不要让他们跑了!

Effective 404 Error Pages: Best Practice and Examples

一个好的404页面的关键是,将访客和潜在客户留在网站上。 404页面不应该成为他们游荡走的通道,你需要让访客保持兴趣和并参与进来。

•告知访客:人们遇到404页面时脑子里出现的第一个词通常是为什么?让用户知道问题出现在哪,然后尽量简短,不要出现什么术语。

•链接返回首页:当出错时,最简单,最直接的解决办法是回到原点。在这种情况下,就是网站首页。给访客提供回到主页的链接,这样他们就可以通过site map.访问另一个页面。试想想,你甚至可以在404页加上一个site map.链接!

•方便用户联系到你:如果错误页面是由网站错误所致,你就会想尽快查找到错误。如果你在404页上加上“联系我们”的链接,就可以让用户方便地联系到你,如果加上用户需要提交的诸如姓名和电子邮件(尤其是后者)的字段,你就可以将他们的联系信息存档了。

•提供一个其他选择:除了(取代)链接到主页,还可以考虑添加一些相关链接到热门网站上,例如那些提供产品和服务的网站。(雷锋啊!)

•给他们一个建议:404页面可以用来做优惠促销广告,或突出显示当前畅销品或新的增值服务。没有什么比一个免费的东西更能安抚沮丧的网友。此外,您可以利用404页,让人们选择是否需要电子邮件进行跟踪或通知,当然你需要正确使用提示语的措辞。例如,对于一个仍在建设中的网页,错误 提示可能会说:“我们很抱歉,该网页仍在开发中,但我们相信它是值得期待的!如果你想在第一时间看到它,订阅我们的进度报告,你会提前获知独家信息,包括我们所有的可喜的新进度。“记住:人们喜欢感到特别,所以你要让用户觉得他们得到的是独家内容。这样,你又拥有了一个潜在客户的邮件地址!

The 28 Best Error Pages On The Internet – Error 404: Post des cription not found.

你还可以看看这篇站内人气最高的404页面佳作欣赏,案例多,带网页链接,且与上面的案例鲜少重合。

你还可以下载404错误页面模板,有许多都可定制的。

总之,让你的404页面为你的业务服务,你就最大限度地利用了网站的页面资源,甚至还能因此获得客户信息。

最后,我最近看到最有趣的报错页面是新浪微博的暴打程序猿,不知道大家有没有注意到~ 其实国内也有很多有趣的页面,欢迎大家一起讨论~

站酷

作者:newgnauh

小编:这里我再向大家推荐一些优秀的404 设计页面教程供大家欣赏和设计参考!希望大家喜欢!萌萌哒…………

创意有趣的404页面打造“右”手404页面手把手教你画404页面(AI教程)

404创意大集合酷站欣赏:15个充满创意的404错误页面设计

404页面到底要怎样做?
« 上一篇 2024-07-22 18:28
50个设计思路帮你解析创意404页面(上)(创意404页面设计代码)
下一篇 » 2024-07-22 18:28