这才是真正的网站可用性

一直到现在,都认为一个网站的真正可用性,应该是开发之时就不考虑js应用,完全纯静态页面+后端程序打造一个网站,最后才去添加js应用,这个比较针对ajax部分,同一个url对应的后端方法至少需要两个,一个是对ajax请求响应,返回部分数据,一个是对普通get请求响应,返回整个页面。

js(比如jQuery)的事件绑定机制,可以让你轻松暴露真实的链接地址,但是点击了该链接,通过return false阻止浏览器默认行为,就可以走ajax途径,做到良好的页面效果。当js被禁用,该链接可以依然有效。

js(比如jQuery) 可以让你做到,对搜索引擎是纯静态的内容,而对用户却是由ajax动态载入和更新的内容。既不影响用户体验,也不会影响搜索引擎搜录 。

以上都是附属,非正题,而且说起来容易,想做好却是工作量巨大。回归正题,今天在浏览资讯,无意关联到了一个网站,发现其首页的幻灯切换真正体现了什么叫 网站可用性

看图,这是在禁用js的情况下截图:

这样的外观很常见,应该很容易想到js效果是怎样的。

而该幻灯效果在禁用了js的情况下, 外观没有很大改变,仅仅是右侧出现了一个滑动条,可以拖动以浏览幻灯的不同内容,而左下角的数字标识则是以锚点的方法依然起作用,点击数字可以跳到锚点对应的图片幻灯内容。

话说,之前从未想过如此去做一个幻灯效果,怎么样,有木有启示?!

该网站地址为:http://www.mymodernmet.com/

发表评论

电子邮件地址不会被公开。 必填项已用*标注