给网站界面预留退路

作者:一叶千鸟 来源:千鸟志 时间:2009-03-25 20:32:00 

常见到网上博文有错误理论,包括身边很多朋友都曾认同“可访问性(Accessibility)是为残障人士准备”的观点。其实在互联网技术领域远不止这么简单,总结起来有三个方面:

  1. 应付极端环境下的正常浏览需求;

  2. 结构、表现、行为跨终端跨平台兼容支撑;

  3. 保障残障人士无障碍信息获取。

web1.0网站以内容为主;web2.0网站以功能为主。当前主要有“纯功能、内容+功能、纯内容”三类网站界面形态,格局已基本定型。虽然以内容为主的网站更突出Accessibility,以功能为主的网站更突出Usability,但不是说以功能为主的网站就不用考虑Accessibility。

技术发展至今,“纯功能”网站界面为提高Usability有大量富客户端应用,并且逐渐形成核心竞争力。也就是说在这种情况下同时保证良好Accessibility和Usability几乎不可能,因此只能采用保底的用户友好方案,告知为什么?怎么办?比如Gmail在disable javascript情况下会默认进入“基本HTML”模式;如果切换标准视图则提醒“必须启用JavaScript。”如下图:

但在传统不以富客户端应用为核心竞争力的“内容+功能”网站界面上,同时保证良好Accessibility和Usability则完全可能,只是技术复杂度问题。比如yahoo首页这个著名web2.0门户和Ajax应用典范,在disable javascript情况下,虽然所有交互模式不能用,但功能不受影响,整体页面效果也保持良好。如下图:

“纯内容”网站界面就是以信息为主的各资讯、新闻类网站内容页,大量存在于互联网,也大量被收录于各搜索引擎,这样的页面保证Accessibility更得把握住用户核心需求。比如163新闻的内容页,在disable css情况下,依然能够清晰辨认信息内容,一方面呈现优先级处理得当,另一方面标记语言的结构化良好。如下图:

说到disable css, javascript,好多同行就会想到人为因素,并且以此定论应用场景不典型、不用考虑。其实懂得disable的高端用户也一定知道如何enable,真正可怕的是网速慢、I/O设备故障等非人为不可控因素,造成css, javascript无法下载或解析。

网上流传份 5000万独立用户的网站数据分析显示 ,javascript disabled有1.19%,这个数据与我能看到的几个网站差不多。如果每天5000万的流量,大概就有60万这样的用户。

不管是客户端还是服务器端的网速问题,都会造成数据无法下载、浏览器无法渲染,严重影响用户的浏览体验。或许有人认为,曾经拨号时代此问题比较明显,现在资源普遍已比较宽裕。首先并不是全中国的网络都已小康,其次并不是小康的网络就健康,比如我们办公室经常还因为硬件防火墙、带宽限制等原因造成网络故障;以及各种拨号的无线龟速上网。

尤其在病毒泛滥、中 * 毒的时候,浏览器经常会出现莫名其妙的问题,我曾经就碰到过因为浏览器一直脚本报错,导致服务无法使用,数据拿不到而影响工作。另外在国内使用代理服务器的愤青、伪愤青们也不少,是否有人考虑过为什么有些网站访问容易?有些困难?

回到五年前,在Gmail和Flickr刚在国内流行时,无疑都经历了访问效率低下的严峻考验。作为当时的用户和现在的从业者,我们不妨设身处地认真思考,为什么Gmail容错做的好?为什么Flickr会慢的很稳定?

极端情况并非只极端条件下才碰到,不可控因素无处不在。著名诗人泰戈尔曾说过,世界上最远的距离不是生和死,而是电信和网通间的距离,还有中国连接世界的距离。

对本文亦有贡献

标签:网站,内容,用户体验,界面
0
投稿

猜你喜欢

  • 在JScript中使用RecordSet对象的GetRows方法

    2008-01-16 13:12:00
  • 《web信息架构》——分类方式

    2009-11-27 19:16:00
  • 详细讲解删除SQL Server日志的具体方法

    2008-12-09 14:32:00
  • ASP状态封装类Cache、Cookie & Session

    2008-05-11 19:33:00
  • 在IE8中继续使用滤镜及IE8的一些CSS扩展属性

    2009-02-21 11:18:00
  • 用javascript实现Base64编码

    2008-03-04 16:51:00
  • ie6 img onload

    2009-04-08 17:23:00
  • asp中判断服务器是否安装了某种组件的函数

    2011-02-16 10:53:00
  • Asp中Server.ScriptTimeOut脚本超时属性需要注意的一点

    2008-10-18 14:53:00
  • WEB前端开发规范文档

    2010-10-19 12:32:00
  • PHP生成饼图的示例代码

    2023-05-25 10:24:09
  • Python保存数据至MySQL时中文问题

    2011-02-23 12:06:00
  • 保存透明gif时出现锯齿解决法

    2008-06-26 18:10:00
  • 用ADODB.Stream代替FSO读取/写入文本文件

    2008-01-31 12:19:00
  • 客户体验

    2008-12-11 13:58:00
  • jQuery性能优化指南[译]

    2009-05-12 11:54:00
  • PHP中合并数组的常见方法分享

    2023-05-25 12:02:48
  • CSS系统默认颜色

    2009-01-04 16:53:00
  • Server_Name与Http_Host的区别

    2008-06-19 13:39:00
  • Opera下的max-width BUG

    2010-06-26 12:51:00
  • asp之家 网络编程 m.aspxhome.com