`
hozaka
  • 浏览: 38930 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

Ajax 优化,用户体验优化

阅读更多

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

JavaScript

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

总结出来以下几点:

1、过多的,或者不合理的使用定时器(window.setInterval),将导致客户端资源枯竭,同时大量浪费服务器资源;

2、对于用户行为触发的行为,应当考虑在适当的时间点调用相应的处理机,而不是一触发就运行。最普遍的例子就是 tab 选项卡。用鼠标点击代替鼠标滑过切换选项卡,能得到更好的用户体验,避免不同内容闪动的错觉。

3、准确判断服务器返回状态,对于不同的状态应当有不同的处理,当然,要包括错误处理、异常处理。相信没有一个用户会知道点了某个按钮没有反应到底是怎么回事,他们也不会注意到浏览器状态栏里 "Script Error" 的字样。

4、 使用适当的方式来描述数据。这一点在大量应用 Ajax 技术的站点尤为重要,返回 XML,HTML,JavaScript 片段,还是 JSON 数据,都需要根据实际需求来判断。这一点改进能够在很大程度上提升站点的响应速度,还能减少服务器资源的消耗。

5、应用正确的、合理的 html 结构。单纯的 JavaScript 应用对于一个网站来说只能是点缀,结合适当的 DOM 模型才能产生出多种多样的效果,给用户带来更好、更便捷的体验。合理的结构对搜索引擎来说更为友好。

User Experience 

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

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

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

分享到:
评论

相关推荐

    基于MVC用JSPServlet实现JPetStore实验报告+使用AJAX和jQuery改善用户体验实验报告.doc

    在本实验报告中,我们将探讨如何使用MVC(Model-View-Controller)设计模式通过JSP和Servlet实现JPetStore应用程序,并进一步利用AJAX和jQuery技术优化用户体验。实验旨在加深对Web应用开发的理解,特别是Java相关...

    Ajax实现用户注册

    8. **用户体验优化**:在实现Ajax注册时,要注意保持良好的用户体验。比如,显示加载动画以告知用户请求正在处理,提供清晰的错误提示,并在验证成功后,优雅地更新页面显示注册结果。 总结来说,"Ajax实现用户注册...

    ajax用户体验基础方法

    "ajax用户体验基础方法"这个主题旨在教授如何巧妙地运用Ajax技术来优化网站的交互性和性能,提高用户的满意度。在实际项目中,结合优秀的前端框架如jQuery、Vue.js或React.js,可以更便捷地实现Ajax功能,进一步提升...

    设备缺陷管理 三层架构 DIV+CSS+AJAX+JQuery

    在设备缺陷管理系统中,可以使用AJAX实现实时的设备状态刷新、缺陷报告的异步提交等,提升用户体验。 4. jQuery: - jQuery是一个轻量级的JavaScript库,简化了DOM操作、事件处理、动画和Ajax交互。在设备缺陷管理...

    用户体验良好的Ajax用户注册系统

    在构建用户体验良好的Ajax用户注册系统时,有几个关键知识点是至关重要的: 1. **异步交互**:Ajax的核心优势在于异步处理,用户在填写表单时,可以即时验证输入,如检查用户名是否已存在,而不必等待页面刷新。...

    Ajax实现用户登录

    在实际应用中,还需要考虑一些安全性和用户体验优化的问题,如防止XSS和CSRF攻击,使用异步加载动画提升视觉效果,以及处理可能出现的网络延迟和错误情况等。 总的来说,通过Ajax实现的用户登录验证不仅提高了交互...

    ajax输入框提示集合

    在Web开发中,Ajax被广泛用于实现动态交互效果,提升用户体验。标题中的“ajax输入框提示集合”指的是利用Ajax技术实现的一种搜索框功能,它可以为用户在输入时提供实时的搜索建议或匹配结果。 描述中提到的“在...

    Ajax用户登录无刷新模块

    5. **优化用户体验**:通过这种方式,用户可以看到即时反馈,而无需等待整个页面重新加载。这不仅提高了速度,也使得用户能够更快地理解系统状态。 综上所述,"Ajax用户登录无刷新模块"利用了Ajax技术和ASP.NET的...

    ajax+php 用户登录

    【Ajax+PHP用户登录系统详解】 在Web开发中,用户登录功能是不可或缺的一部分,而Ajax技术结合PHP和jQuery可以实现无刷新的用户登录,提供更...在实际开发中,还需考虑更多的细节和优化,如错误处理、用户体验优化等。

    用户体验是以后网站优化重中之重.pdf

    在当今的互联网环境中,用户体验已经成为网站优化的核心要素,这一点在《用户体验是以后网站优化重中之重》中得到了强调。随着技术的不断发展和用户需求的日益提升,网站优化的重心正逐渐从单纯的搜索引擎排名转向...

    AJAX用户注册源码

    5. **用户体验优化**:为了提供更好的用户体验,可以添加加载指示器,显示检查过程,以及对用户输入的实时反馈,例如用户名长度限制或特殊字符检查。 6. **服务器端接口**:虽然这里的重点是前端AJAX实现,但不能...

    asp.net ajax tabs优化控件

    ASP.NET AJAX Tab 控件是微软ASP...通过以上所述的知识点,我们可以对ASP.NET AJAX Tab控件进行全方位的优化,使其在功能、性能和用户体验方面都达到理想的效果。在实际项目中,应根据具体需求和场景灵活应用这些技术。

    AJAX用户登录

    5. **用户体验优化**:为了提升用户体验,还可以加入一些额外功能,比如显示加载动画,让用户知道系统正在处理请求;或者使用HTML5的`localStorage`保存用户的登录状态,使得他们在一段时间内无需再次登录。 在这个...

    ajax用于用户注册

    6. **用户体验优化**: 在Ajax操作进行时,可以显示加载动画或提示,提高用户体验。当请求完成,根据结果更新UI,如改变按钮状态或显示相应提示。 总结起来,使用Ajax和C#在.NET 2005中实现用户注册功能,主要是...

    Ajax 文章评论系统

    8. **用户体验优化**:为了提供更好的用户体验,可以使用Ajax加载更多评论、实现分页功能,同时考虑在评论提交后显示加载动画,直到新评论加载完成。 9. **响应式设计**:考虑到不同设备的显示需求,评论系统应具备...

    用户注册表单验证(Ajax验证)

    总的来说,Ajax验证是提升用户注册表单体验的有效手段,它结合了前端和后端的能力,实现了数据验证的无缝集成,既保证了数据的准确性,又提供了流畅的用户体验。在实际开发中,还需要考虑兼容性、安全性(防止XSS和...

    ajax js性能优化和内存泄露检测工具

    然而,随着应用复杂性的增加,性能优化和内存管理变得至关重要,因为它们直接影响到用户体验和应用程序的稳定性。本文将深入探讨AJAX和JavaScript在性能优化方面的策略,以及如何使用内存泄露检测工具来确保高效且无...

    AJAX实现无刷新用户注册

    7. **用户体验优化**:在等待服务器响应期间,可以使用加载动画让用户知道系统正在处理请求。当收到响应后,根据返回结果更新UI,如显示用户名可用或已存在,或者提示密码不一致。 8. **跨域问题**:如果前端和后端...

    AJAX体验注册系统

    10. **用户体验优化**:为了让用户感受到流畅的注册流程,可以利用AJAX实现表单的实时验证和进度指示,提高用户的满意度。 通过这个“AJAX体验注册系统”,我们可以学习到如何结合JavaScript、HTTP和JSON构建一个...

Global site tag (gtag.js) - Google Analytics