这才是真正的网站可用性

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

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

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

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

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

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

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

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

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

http://cssor.com/this-is-the-genuine-website-usability.html

参与评论

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

*

全部分类
Books(4)code(7)database(6)html&css(24)java(11)JavaScript(48)jQuery(24)linux(20)python(1)React(1)share(1)soft(4)solution(53)thinking(17)vim(9)WordPress(8)前端优化(12)拓展(33)服务器(32)移动开发(4)自然(22)