# Y! P1 m5 Z# e- j4 E. I7 H; Y1 T$ H, z
【内容摘要】把404等提示错误的页面修改得更加友好往往是网站建设者的举手之劳,只是很多网站都把这件事忽略了,毕竟看起来和网站开发是没用关系的。本文讲解了如何做好404错误提示页面。
: K" p7 M( g, l& o: c
0 n$ h) k' r& S" |# }. }4 R& P0 s; k) K6 l1 }, S3 D0 a- p
--------------------------------------------------------------------------------
" y# {3 d6 b( i- L# r7 M8 O E6 C- R$ t1 j5 b/ c
5 E) v. C& K0 F5 ]7 |
2 T( G. ] ^ n
当你输入一个网址,出现的“404错误”或者“无法找到页面”是一件非常懊恼的事情,看着有Web服务器默认的提示错误页面,大部分会选择关闭窗口。实际上把404等提示错误的页面修改得更加友好往往是网站建设者的举手之劳,只是很多网站都把这件事忽略了,毕竟看起来和网站开发是没用关系的。
! j5 g5 |3 b9 j! R, {7 h1 e$ I: r( N
我对国内外主要的门户网站进行测试,国内的新浪、网易、搜狐、Tom、QQ等大门户网站也只有Tom对404页面进行了修改,而Yahoo、aol、MSN等网站则都对404页面进行了友好处理。看似微不足道的细节国内网站大都选择了忽略,那么如何设计404页面?
4 l- d" Z4 J* e
& y" }+ Z7 X7 m9 C7 ]: w1 t3 z一个好的错误提示页面一定要包含友好的提示信息、和网站其他页面风格相同的页面设计、有栏目主导航等、提供其他类似内容的引导等,不要让用户看到这个页面感觉只有关闭而没用其他选择。我见到的最好的404页面是:澳大利亚的一家大学网站:纽卡斯尔大学(The University of Newcastle,
http://www.newcastle.edu.au/),是我在找关于网站易用性资料时发现的。可以说这个网站的确做到了很好的易用性。下面是其404页面,我就以这个页面作为例子来讲一下如何建立友好的404页面。
( ~8 C/ n8 A" |5 g+ m$ I7 p/ X: A
5 B1 X$ T7 |- |& d" N/ M+ R* A" v
5 r" I' u6 r% e( _$ _
/ E$ `$ l5 i: b, W& S
一、404错误提示页面的页面设计
6 z! n N1 Y; _8 f# c9 {6 j5 I
& L; i* C; x, B" G把404错误提示页面修改成和网站其他页面一样的风格是最简单的友好改进了。可以根据网站首页风格进行简单修改,去掉内容部分,留下页首导航和页尾的信息,中间加上“很抱歉,没用找到您要找的页面!”就好了。太平洋网站的页面就是简单的404页面处理方式:
% ~$ R- u5 n" j F3 Y, F0 I4 T, w5 K3 d" v: N! A& t
# a/ U( N) l$ s1 n0 z: o/ t9 w. d9 v+ V: @+ V
# _9 m8 `/ A; ] k5 s& P/ Z二、提供栏目内容导航
# o% w A: F$ s. k
+ y, \4 x5 n$ R% M( n一个不再是让用户迷惑的提示页面还可以做的更好,加上栏目内容导航也是非常重要的,纽卡斯尔大学很好的保持了和首页基本一样的栏目导航。在其他几个门户网站对404页面也基本都有栏目导航,Yahoo!虽没用栏目导航却提供了一个站内搜索,也算是较为友好吧。Tom.com虽然修改了404页面,但提供了大量的内容及其导航,这样的页面反倒让用户更加容易迷失了。
* e& \& {* H1 F
2 k! H/ b. X9 E# o三、友好的内容提示
* N4 P. _3 w( {- _: U
; r ~7 e% J0 ^: \简单的提示没用找到用户所要的文件还非常不够,如果能够给出一些更好的引导,例如纽卡斯尔大学的网站就给出用户两个建议:1、可以使用站内搜索引擎搜索您所需要的内容。2、因为网站进行过改版,建议用户到以前的网站上进行查找。我要找的资料就是在其旧版本上的,通过这个提示很快就找到了所需要的资料。
+ q; |5 t$ W4 T7 z" w
* \ j k+ i3 H3 Z9 g7 F; p6 b四、返回上页的功能
7 b! L, h* G7 S [, n! Z
% K, M; H; S: N) D, r6 O
如果是点击了页面上一个错误链接出现找不到页面,返回上页是最好的向导了,在纽卡斯尔大学网站的404错误提示页面上就有我从其他网站上点击过来的链接,通过这个链接我还可以轻松的回到上一个访问页面。