首页 > 其他分享 >404页面

404页面

时间:2022-10-30 10:37:11浏览次数:73  
标签:网页 错误 用户 404 体验 页面


       04页面是客户端在浏览网页时,服务器无法正常提供信息,或是​​服务器​​​无法回应,且不知道原因所返回的页面。据说在​​第三次科技革命​​​之前,​​互联网​​​的形态就是一个大型的中央数据库,这个数据库就设置在404房间里面。那时候所有的请求都是由人工手动完成的,如果在数据库中没有找到请求者所需要的文件,或者由于请求者写错了文件编号,用户就会得到一个返回信息:room 404 : file not found。404错误信息通常是在目标页面被更改或移除,或客户端输入页面地址错误后显示的页面,人们也就习惯了用404作为服务器未找到文件的​​错误代码​​了。当然实际考证传说中的room 404是不存在的,在http请求3位的返回码中,4开头的代表客户错误,5开头代表服务器端错误。

 

是WWW网站访问比较经常出现的错误。最常见的出错提示:404 NOT FOUND。404页面就是当用户输入了错误的链接时,返回的页面。

为什么需要404错误页面

搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时,即知道该URL已经失效,便不再索引该网页,并向数据中心反馈将该URL表示的网页从索引数据库中删除,于是就产生了404错误页面。404页面的存在不仅 对于是用户访问网站的一种反馈,而且在搜索引擎中占有重要的地位。 [1] 

用户的404错误页面体验

用户对于404错误页面的反馈

当用户不小心访问了某一个不存在的页面并且没有设置错误提示 时,用户会怎么做?如果是初次到访的访客,那么回头率是多少呢?毫无疑问,会抱怨为何出现错误,之后当然是直接关闭窗口离开。所以设置了 404页面也相当于是做了一个针对用户的提示页面,当用户访问了某一个 不存在的页面后就会转到404页面,然后因为你在这个404页面上有友好 的提示,并且有首页和主要栏目页的连接,用户就很有可能会再次点击进入你的首页。但是,Web服务器默认的404错误页面,无论是Apache还是IIS,均十分简陋、呆板且对用户不友好,无法给用户提供必要的信息以获取更 多线索,无疑这会造成用户的流失。 因此,很多网站均使用自定义404错误的方式提供用户体验避免用户流失。一般而言,自定义404页面通用的做法是在页面中放置网站快速导航链接、搜索框以及网页提供的特色服务,这样可以有效的帮助用户访问站点并获取需要的信息。 [1] 

“峰终定律”在404错误页面用户体验上的运用

无论是布局、色彩还是不断强调的互动,这些用户体验从某种角度 来说是更多的针对感官体验而言的,人的思维是有了感官的刺激之后,马上就会行动。无论如何,所有的下一步行动都与你提供的内容以及提 供内容的方式有关,笔者认为浏览的目的就是要留住用户,对于404错误 页面来说也是一样的。 谈到用户体验,就是让用户在浏览网页中一直保持着“兴趣点”,而心理学上的“峰终定律”正好可以解释这一点。“峰终定律”基于潜意识总结体验的特点:对一项事物的体验之 后,所能记住的就只是在峰与终时的体验,而在过程中好与不好体验的比重、好与不好体验的时间长短,对记忆差不多没有影响。404错误页面应该作为页面浏览的一部分,看到“出错”或者“抱歉”页面之类404页面的时候,用户会对网站的信任度迅速降低,有种挫败感。如何有效的 留住用户成为404页面的使命,让用户在体验自定义404页面的时候最大限度的可以和浏览正常网站一样有一个良好的兴趣点。当人们在网页中找到自己的兴趣点的话,那么就达到了我们所说的“峰终定律”的“峰”,网页的浏览是一个从始至终的过程,所以用户操 作页面的体验是一直持续到关闭页面或出现自定义404错误页面进行 导航,于是我们希望用户在出现错误时也有一种良好的体验,404页面的“终”也尽可能成为人们浏览网页的“峰”。 [2]

标签:网页,错误,用户,404,体验,页面
From: https://blog.51cto.com/51souta/5807332

相关文章

  • 解决Button Click事件后自动刷新页面问题
    最近练习老师留下的一个项目,在整合完springboot,mybatis等框架后将数据返回到前端返回的数据为String类型前端是button的设置的click事件执行ajaxbutton 运行起......
  • 【XSY2444】【BZOJ4042】【CERC2014】【luogu4757】Parades(树形dp+状压dp)
    题面Description从前有个A国,它有\(n\)个城市和\(n-1\)条道路。每条路连接两个城市。城市之间两两可达。每个城市与不超过10条道路相连。现在给出\(m\)条路径,要求从这些......
  • Vue页面重新加载刷新数据配置
    第一种方式reload一、在根文件app.vue文件中配置//app.vue<template><!--给全局挂载适配元素app--><divid="app"><keep-aliveinclude="DataSet">......
  • 用jq替换原本页面中有得onclick点击事件
    <script>//javascript:location.href='/ServiceAction/com.velcro.workflow.workflow.servlet.WfViewAction?workflowid=e4e48163822a84e40182a5c82505186a&viewmode=0&......
  • 自动刷新页面
    voidhandleRoot(){  //处理网站目录“/”的访问请求  esp8266_server.send(200,"text/html",sendHTML(pinState));  } /*建立用于发送给客户端浏览器的HT......
  • 二维码页面
    js//pages/downloadFile/downloadFile.jsPage({/***页面的初始数据*/data:{a:'0'},onClicksource:function(e){console.log("复制来......
  • 本次练习的相关页面
    主页面浏览界面(将所有功能都放在这个界面了,所以五个界面跳转到的都是一个界面(怪不好意思的))修改界面(有数据回显嗷)删除界面(删除之前会有弹窗提示的)查询界面(实现的是......
  • delphi TMS FlexCel 导出页面设置
    TMSFlexCel导出页面设置属性和方法TFlexCelHtmlExport.HidePrintObjectspropertyHidePrintObjects:SetofTHidePrintObjects选择哪些类型的对象不应该导出。导......
  • react实战笔记95:添加checkout组件2结账页面
     结算页面得制作修改关闭遮罩层功能......
  • 使用CEfSharp之旅(1) 加载网络页面
    新建工程winform,添加Nuget程序包Cefsharp.winform 本工程使用57.0版本 Cefsharp。请注意使用的版本  staticChromiumWebBrowserweb;privatevoidBrowser......