Ajax 优化,用户体验优化

最近一段时间一直都在看网站优化的内容,我关注的不外乎两点:速度的优化与用户体验的优化。

JavaScript

一直泡在 IBM 开发社区里,多多少少还是有点收获的,至少在以前的基础上有了不小的提高,其中 Ajax 和 XML: 五种 Ajax 反模式 直接了当指出了五种最容易陷入的 Ajax 陷阱。虽然说这几点内容都是很简单的,但是往往实际开发中就是这类失误容易被忽略,为整站的速度埋下不稳定因素。

总结出来以下几点:

  • 过多的,或者不合理的使用定时器 window.setInterval,将导致客户端资源枯竭,同时大量浪费服务器资源;
  • 对于用户行为触发的行为,应当考虑在适当的时间点调用相应的处理机,而不是一触发就运行。最普遍的例子就是 tab 选项卡。用鼠标点击代替鼠标滑过切换选项卡,能得到更好的用户体验,避免不同内容闪动的错觉。
  • 准确判断服务器返回状态,对于不同的状态应当有不同的处理,当然,要包括错误处理、异常处理。相信没有一个用户会知道点了某个按钮没有反应到底是怎么回事,他们也不会注意到浏览器状态栏里 "Script Error" 的字样。
  • 使用适当的方式来描述数据。这一点在大量应用 Ajax 技术的站点尤为重要,返回 XML,HTML,JavaScript 片段,还是 JSON 数据,都需要根据实际需求来判断。这一点改进能够在很大程度上提升站点的响应速度,还能减少服务器资源的消耗。
  • 应用正确的、合理的 html 结构。单纯的 JavaScript 应用对于一个网站来说只能是点缀,结合适当的 DOM 模型才能产生出多种多样的效果,给用户带来更好、更便捷的体验。合理的结构对搜索引擎来说更为友好。

User Experience

用户体验永远是一个成功的站点关注的焦点,无论是设计师,还是开发者,都应该有深入的了解。我的切身体验告诉我,一个了解用户心理的开发人员,在架构的设计、细节的处理、功能的定位上,都能够和设计师很好的交流,从而得出一个非常好的解决方案。我个人认为,国内的很多站点就是因为缺乏这种意识,使得用户更喜欢国外的设计优秀的站点,尤其是对互联网了解比较深入的人群。

这当中,我最欣赏的是 一叶千鸟的 blog,他对于细节的关注,每一点都一针见血。同样对这类问题研究了这么久,自己对这些细节都没有在意,惭愧啊~~~

用户体验的话题,我觉得很难总结,靠的是一种直觉和经验。多把自己放在用户的位置,再放在普通用户的位置,考虑这个问题,就比较容易得出一个好的解决方案来。

Comments

comments powered by Disqus