体验,优化,页面,访客,一个,站点,

UI设计教程 移动界面设计点滴(1)——减少空间占用 从日文输入法项目看心理模型和实现模型
  

名词解释:404 页面是当客户端使用HTTP浏览网页时,服务器需要针对不同的“要求”提供不同的“回应”,譬如浏览器发出HTML文件(网页)的要求,并带有数字回应码和MIME的讯息。代码404的第一个“4”代表客户端的错误,如错误的网页位址;后两的数字码则代表着特定的错误讯息。HTTP的三字符代码跟早期通讯协定FTP和NNTP的代码相当类似。

从HTTP的层面来看,404讯息码之后通常会有一个可读的讯息“Not Found”,许多网络服务器的默认页面也都有“404”代码跟“Not Found”的词汇。

404错误讯息通常是在目标页面被更动或移除之后显现的页面。(引自)

为什么需要个性化的404页面 APP UI设计

首先看一个关于404的公开投票调查。

问题: UI设计

当你遇到一个404页面你会怎样做? UI设计

A.点击后退按钮同时忘记404页面
B.尝试回到主页并重新定位丢失的页面
C.写信给网站管理员
D.非常沮丧

404 survey results

如果你不在意访客的抱怨,你会发现许多访客在遇到404页面时不会努力寻找丢失的页面而离开站点。然而你可以简单地通过个性化定制404错误页面将这些访客留在你的站点。 UI设计公司

如何实现一个良好的404页面

改变服务器默认错误页面就可以达到效果。下面是一些可以使得访客轻松实现正常访问的建议。

遵循的理念: 界面设计

提供简明的问题描述,消除访客的挫败感。

深圳UI设计

提供合理的解决方案,辅助访客完成访问目标。

提供个性化的友好界面,提升访问体验。 深圳设计工作室

实现方式(按照从简单到复杂的顺序排列):

设计工作室

使得访客转到某个地方而不是后退。

页面包含该站点重要部分的链接,如主页或站点地图。不要仅仅告诉他们检查拼写。使用文本的链接替代图片,因为有许多访客不会想到点击这个图片。
例子:我们的站点有一个主页的返回链接。这是实现友好反馈的最低限度。

此外,我们还会考虑,在有效的帮助信息不足的情况下,如何通过访客的反馈弥补错误。
需要包括一个指向网站管理员的email链接,或者一个用于提交丢失链接的表格。
相对于发送email,访客更喜欢使用提交表格。

界面设计

加入一个搜索框用于搜索站点。
例:在所有页面的底部都有一个搜索框,同时也链向站点的重要部分。

在站点中列出接近于访客期望页面的链接,用于推测访客正在寻找的页面。 界面设计

你不需要采纳上述所有的建议,但是这些建议一致服务于使得访客更愿意停留在你的站点的目的。
合理的404错误页面至此即可以完成了,这将给访客提供许多有价值的信息。

使用重定向

如果你经常检查访客统计,可能会看到某一个页面一直在显示404页面(如:因拼写错误而链接到站点不存在的页面),你可以创建一个重定向页面反馈给访客一个正确的页面。这个方法适用于访客多次访问并返回错误的页面。

重定向与404页面的可以整合使用,你可以使用类似下述内容的说明信息: UI设计公司

  1. 对不起,该页面未找到。几秒钟后,该页面会被重定向到主页。

给访客5秒钟时间阅读该信息,之后跳转。

不论你怎么做,小心使用重定向。最糟糕的情况是你重定向到一个不存在或不相关的页面。

使用的方式很简单,下面是一个例子。 APP UI设计

  1. <html>
  2. <head>
  3. <meta http-equiv="refresh" content="5; url=not404.htm">
  4. head>
  5. html>

content后面的数字是秒数,你可以设定重定向执行前的等待时间。

个性化404页面示例

http://www.galiacho.es/404

http://www.palmflying.com/404

http://www.martinkorner.co.uk/404df

http://www.porcupine.gr/404

http://bluevertigo.com.ar/404 深圳界面设计

http://lumino.us/404

移动界面设计点滴(1)——减少空间占用 从日文输入法项目看心理模型和实现模型
Copyright © 2005-2010 MOMOSJ. 深圳墨默交互设计 版权所有
粤ICP备09189706号RSS订阅