如何用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错误页面设计

(0)

相关推荐

  • 那些年我们错过的创意有趣的404页面(界面设计推荐)

    毫无疑问,浏览网站的时候遭遇404是最让人沮丧的事情之一.你费时费力地研究,在信息冗杂的网页之间搜索有用的信息,好不容易找到一个接近目标的链接,点进去却是一个坑爹的404页面,愤怒与沮丧在心中膨胀的感 ...

  • 50个设计思路帮你解析创意404页面(下)

    好玩的地方在于,404页面的设计思路其实可以拓展到许多其他的地方,UI设计.网页设计甚至室内设计.设计的思路和原则原本就是相通的,这些独树一帜或者别具匠心的404页面单独看的时候并没有什么,但是深入总 ...

  • 极具创意的404页面欣赏

    小编:今天给大家带来的是由404sites分享的极具创意的404页面欣赏.要知道一个网站中的404页面设计对于用户体验来说是非常重要的.人人都喜欢第一个方向,但多数产品却是在走着第二条路,这其中的决定 ...

  • 50个设计思路帮你解析创意404页面(上)

    做网站是系统工程.首页的内容要层次分明,导航要结构清晰,子页面要排版均衡,相对而言自由度稍高一点的,应该是404页面了.虽然404本身就是一个告知用户内容访问出错的错误代码,但是富有创意的设计师会充分 ...

  • 30个清新创意的404页面欣赏

    小编:404页面一直在网站中是个不可或缺的页面,它在网速不好或一些小意外时能很好的安抚用户糟糕的心情.所以也被设计的越来越有趣,符合人性化心理.今天我们一起来欣赏一组颜色清新创意的404页面吧. 文章 ...

  • 现代404页面设计趋势分析与案例

    每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了.一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏览,安抚情绪,找到他们真正想要 ...

  • 404页面的情感化设计

    小编:做UI行业的都应该知道404页面是非常重要的一部分设计,当页面出现错误时它是增强用户体验的很好的做法,其遵循的理念是: 提供简明的问题描述,消除访客的挫败感.提供合理的解决方案,辅助访客完成访问 ...

  • 一组精心设计的404页面欣赏

    小编:一个错误的页面是一种不舒服的用户体验,但精心的情感设计至少能给这份不舒服带来一点点缓解.希望今天的这组404页面能给你带来一些设计灵感. Bit.ly CSS-Tricks Starbucks ...

  • discuz设置嵌入式404页面

    discuz程序功能强大是不可否认的,但404页面的设置却是一处短缺,虽然网上有各种各样的404页面设置教程,但基本都是单独跳到一个静态的html页面,如果想要404页面跟网站其他页面一样带有顶部和底 ...