聊聊404页面

做了一些404页面练习,根据网上一些资料以及结合自己的理解,来总结一下关于404有页面的一些东西。

404页面是什么呢

404页面是指客户端在浏览网页时候,服务器无法正常工作,或者出现故障。例如:关闭的服务器,断开的链接,不存在的页面,或错误的网址等等,这些情况一旦出现,必定是让人沮丧,恼火的,因此404设计时常常会加入一些生动,有趣,情感关怀元素,来提升用户体验,减少用户的挫败感。

404页面设计遵从的一些原则

小小的404页面也有很多的文章呢,尽管出现几率小,好的产品一定是用心到每个细节,下面聊聊404页面设计时常常包含的内容和一些原则吧。

告知访客:提供简明的问题描述,告知用户哪出问题了。

提供合理的解决方案帮助用户完成访问目标,添加一些选择,比如返回首页,或者加上一些其他热门网站链接

友好的界面提供个性化的友好界面,提升用户体验

方便用户联系到你在404页上加上“联系我们”的链接,就可以让用户方便地联系到你,如果加上用户需要提交的诸如姓名和电子邮件(尤其是后者)的字段,你就可以将他们的联系信息存档了。

例如下面知乎的这个404页面,首先有知乎logo,整体风格与知乎产品一致,让访客不觉得跳转的突兀。其次简短清晰告知用户可能出现的问题。最后也给出了一些解决方案,返回首页或者返回上页。

404页面常见的设计类型

1.迷路,迷失类。


2.故障,危险爆炸类。



3.404数字变形修饰类


4.图片类


5.其他等等



相关文章参考链接(感谢原作者)

对404总结

网页无法加载?没关系!还有特别的404页面陪你

如何用404页面留住用户

以上。学习在路上,欢迎交流,共同进步。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 做UI行业的都应该知道404页面是非常重要的一部分设计,当页面出现错误时它是增强用户体验的很好的做法,其遵循...
    夏天的米茶阅读 1,703评论 8 5
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,208评论 25 708
  • 经常有看到一些平台分享404页面的设计,但只是丢了一些别人设计好的页面,再无其它说明。毕竟设计师都清楚设计404页...
    _Ammy阅读 2,766评论 5 39
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,908评论 18 139
  • 时间过去了很久,也许你早已忘了我,而我却依然在原地。 有些人和故事曾发生在你的人生,有的人和事也渐渐随时间淡化...
    洋川川阅读 507评论 0 1