给网站界面预留退路

作者:一叶千鸟 来源:千鸟志 时间: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
投稿

猜你喜欢

  • python中while循环语句用法简单实例

    2021-12-03 22:34:44
  • MySQL判别InnoDB表是独立表空间还是共享表空间的方法详解

    2024-01-18 14:23:34
  • 判断li是否有样式的js代码

    2024-04-30 09:59:29
  • Python利用treap实现双索引的方法

    2022-02-28 15:59:44
  • Python打印斐波拉契数列实例

    2022-11-03 11:40:41
  • SQL附加数据库失败问题的解决方法

    2024-01-25 19:22:10
  • python调用staf自动化框架的方法

    2021-11-03 17:47:43
  • python根据txt文本批量创建文件夹

    2021-12-18 21:24:52
  • 解决“引入同一个JS文件在非IE6中正常,但IE6报错”的问题

    2009-04-03 11:42:00
  • 十个免费的web前端开发工具详细整理

    2023-08-12 17:01:22
  • windows10在visual studio2019下配置使用openCV4.3.0

    2021-10-23 12:23:31
  • 100 个 Python 小例子(练习题二)

    2021-02-09 10:15:31
  • 教你快速掌握 MySQL数据库中触发器的应用

    2008-12-03 15:33:00
  • python安装cx_Oracle模块常见问题与解决方法

    2021-04-24 13:00:27
  • 修改apache配置文件去除thinkphp url中的index.php

    2024-05-21 10:21:10
  • Python面向对象思想与应用入门教程【类与对象】

    2022-05-18 23:19:06
  • 详解IOS微信上Vue单页面应用JSSDK签名失败解决方案

    2024-04-30 10:25:40
  • Python多线程应用于自动化测试操作示例

    2021-04-09 19:20:58
  • 如何使用python docx模块操作word文档

    2022-04-23 12:16:02
  • python连接PostgreSQL数据库的过程详解

    2023-08-24 03:42:31
  • asp之家 网络编程 m.aspxhome.com