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

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

保持设计的一致性

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

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

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

m_1390228359529

Improving 404 Page Design?如何改进404页面

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

有趣的,不媚俗的

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

m_1390231215747

60 Really Cool And Creative Error 404 Pages

不要让他们跑了!

m_1390231455509

Effective 404 Error Pages: Best Practice and Examples

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

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

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

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

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

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

m_1390231619163

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

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

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

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

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

原文地址:站酷

作者:newgnauh

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

12343404fengmian404

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

001104O58-0 m_1386642185007

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

转载请注明:学UI网—UI设计师学习教程平台 » 如何用404页面留住用户

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
只需3步让你成为资深UI设计师只需3步让你成为资深UI设计师
黄色在电商设计中的玩法与禁忌【设计干货】黄色在电商设计中的玩法与禁忌【设计干货】
不会C4D与手绘的设计师还有出路吗?不会C4D与手绘的设计师还有出路吗?
5 分钟交互设计指南:对话框5 分钟交互设计指南:对话框
设计师必备!人工智能时代的配色方案?。凵衿鳎?/span>
设计技巧如何融入“用户体验”?设计技巧如何融入“用户体验”?
视觉设计师如何向UX设计师转型?视觉设计师如何向UX设计师转型?
UI设计师设计思路的进阶之路UI设计师设计思路的进阶之路
移动端的长表单应该如何设计?移动端的长表单应该如何设计?
AR在如何改变我们和外界的联系?AR在如何改变我们和外界的联系?
?