这5个技巧,让你的404页面变的更加实用

2017/05/25 20560

随着网站的不断发展,网站本身的架构会不断变化,页面和内容会在重设计过程中不断调整,被重新定向。网站本身的优化,往往不可避免地让一部分内容不再那么容易被用户找到,当用户打开的时候,就是404页面了。

绝大多数用户害怕看到这个页面,这意味着这个链接所对应的页面已经不复存在,或者搜索结果出错了。但是,如果你能够正确设计404页面,反而能够充分利用它解决用户的问题,给你的网站带来更多的访客和流量。下面是精心总结的5个技巧,并不复杂,用好了当有奇效。

1、创建一个网站最佳内容清单

用户虽然没有按照预期找到他们想要的页面和内容,但这并不意味着整个流程就走入了死胡同,如果你着力于创建优质的内容,那么应该在404页面为用户推荐最佳的网站内容。

相比于单独留下一个硕大无比的404,更好的选择是为用户提供点建议,帮助他们更好的探索你的网站的其他内容。用户可能会在其他的地方找到他们想要的

2、拿好处来同用户交换电子邮件

尽管访客面对这404页面,依然没有找到他们想要的内容,但这并不意味着无法将他们转化为未来的用户。获取用户的邮件,定期推送信息是将访客最终转化为网站用户的重要手段,而想要让用户订阅网站的信息,还得拿出一些好处出来:免费的课程,电子图书,免费可用的素材,实用的工具等等等等。

对于许多功能性的网站而言,增加网站的流量,或者说增加客户是主要的目标。如果网站的拥有者是牙医、律师或者说某个整形机构,那么每增加一名客户,都意味着数千美元的进账。所以,抓住每一个访客并且将他们转化为客户,是非常有意义的。

3、加个搜索框

许多较老、经过重设计的网站,许多老页面都会在调整中被重新定位到另一个位置。所以,在你的404页面中添加一个能全局搜索的搜索框是非常合乎情理,也能够帮助访客解决问题的方案。即使原始链接已经不存在了,也可以根据内容、主题来搜索到相关的内容, 甚至是被重新定位的页面。搜索框不仅能够提供给用户获取内容的新途径,而且能够进一步提升网站流量。

Twitter 在这件事情上就做的很棒,通过指导用户搜索目标主题来告别404的尴尬。

4、添加联系方式

许多优秀的404页面会包含设计师或者相关运营、维护团队的联系方式。这些表单、联系方式主要可以起到两个作用。其一,帮助网站的访客,或者说潜在客户可以直接联系到网站的拥有者、设计者或者运营者。即使他们没有找到想要的内容,通过页面的联系方式可以直接联系相关人员,继续获取想要的信息。

它的另外一项重要的功能在于,表单和联系方式能够让访客提交错误信息,从而让设计和内容团队有针对性地调整、修改、提升网站的内容。

5、控制好你的幽默感

虽然有不少相关的404页面设计的文章推荐使用幽默的手法来环节尴尬的氛围,但是我对此一直持保留意见。一方面,大家的幽默感并不一定能够“一致”,同样的笑话对不同的访客可能效果差别很大。另一方面,当用户在搜索一项重要的信息的时候,跳出来的是一个404,这本身就是一个笑话。

绝大多数用户在网站中碰到一个不可用的页面,并不会觉得这很好笑。实际状况中,用户仅仅只是要找到他们想要的东西,继续探索,或者转头离开。想让用户会心一笑想法并不为过,但是提供更加切实可行的解决方案,来的更加实在。

结语

实际上,今天所推荐的5个技巧,都是建立在一个目的之上:让用户不会在你的网站中陷入死胡同。当用户陷入困境的时候,你能够在页面中提供额外的选项,就是为他们打开了一扇拥有可能性的门。最重要的是,不要把所有的东西都堆砌在404页面上,有策略地提供解决方案,才是正确的思路。

如果你是网站的设计者或者管理者,你应该同遭遇404页面的访客多沟通,一方面能够真正帮他们找到想要的东西,提供可用的服务,让你的网站和服务能够走的更远。而另外一方面,即时跟进出错的状况,能够帮你调整网站,提供正确的服务和信息。

404页面不是世界的尽头,它们更应该是一个十字路口,提供不同的路径,将用户引领到的对的地方。

【2017年的设计趋势都在这里】

  1. 《作为8年DRIBBBLE粉,和设计师聊聊未来的视觉趋势》
  2. 《PS教程!教你打造2017年最受欢迎的渐变幻彩风格》
  3. 《趋势抢先知!2017年设计师都在讨论的服务设计到底是什么?》
  4. 《2017年,这5个网页设计风格可能会成为主流趋势》

原文地址:webdesignerdepot
原文作者:James-George
优设译文:@陈子木



本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/5-ways-use-404-pages-well

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里