微信号:BestWebDesign

介绍:分享网页设计精选文章、案例、行业趋势、课程和书籍.

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

2017-05-22 11:43 网页设计精选

英文:webdesignerdepot

作者:James-George

译者:优设网-陈子木

链接:http://www.uisdc.com/5-ways-use-404-pages-well


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


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


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


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


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


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



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


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


3、加个搜索框



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


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


4、添加联系方式



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


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


5、控制好你的幽默感



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


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


结语


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



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


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


关注网页设计精选』

看更多精选网页设计文章

↓↓

 
网页设计精选 更多文章 字体,究竟是怎么一回事?(附案例) 整整2.5小时的干货,UI设计师从零到一百的蜕变 15个极简风格的网页设计欣赏 毛玻璃特效回归,微软公布全新界面设计语言Fluent Design System 20+ 日式企业网站,总有值得你参考的地方
猜您喜欢 Linux下恢复删除的文件 前端开发学习指南 半小时学会上传本地项目到github LinkedME|深度链接在提高活跃中的四种应用 C#回顾(3)冒泡排序.NET开发,前端设计,微信中搜索趣味CSharp或扫描二维码关注