如何推动UX与AJAX

如何推动UX与AJAX


随着移动互联网的使用食基于桌面的网页浏览,它比以往的网站上快速页面加载和用户输入的液体反应强调建立更重要。

我们用它来实现这一目标的一个重要的技术就是AJAX,简称AJAX可以更新一个网页的部分,而不断抛出的DOM(页面的HTML结构)“异步JavaScript和XML。” – 消除了对整个需求页面加载和创建用户输入一个更快的响应。在100%的AJAX框架的基础上的网站是揭示了新的可能性,至于什么是Web开发可以实现的技术。

我们开始了近十年前建筑工地为100%AJAX,并有因为学到了很多关于如何有效地使用它,以便它提高了用户体验。在本文中,我们将探讨一些具体的优势和一定的局限性,这种技术的。

加快用户响应

有效UX的一个关键因素是对用户输入的快速响应,但有一个标准的网站,用户在离开等待作为请求被放置在HTTP(或HTTPS)到服务器的相互作用发生,导致完整的页面加载对于每一个变化。这个过程与每次鼠标点击来请求新的页,放大图像,或者多个信息发生; 在DOM完全抛弃并重新加载到你的浏览器 – 这往往是一个浪费,处理负荷在同一个网站的页面时,因为它们通常有类似的内容。

皮艇

Kayak的搜索是通过AJAX供电,只要你开始输入提供建议。

AJAX的一个主要优点是其信息源源不断,由DOM的装卸,从而在经验和访问者的注意力更好地控制通畅。随着AJAX,web应用可以发送数据和从服务器异步不与现有页面的显示干扰。

一个标准的AJAX实现与100%的AJAX建网站的主要区别是,后者的基本DOM被加载到该网站的首次访问,通常在主页上; 一切发生的很简单,主要负载的操作。

通过AJAX提供的流动性的一个突出的例子是谷歌地图。当你放大,缩小,在鸟瞰图或街道视图通过城市导航,信息被无缝地并不断提供您立即使用。当页面之间转换或在一个网络应用程序的更新内容,AJAX允许用户输入以在一个上下文合适的方式响应,诸如形式输出实时更新而不用重新加载网页,上下文动画页之间转换或加载细节时视图。

谷歌地图

当设计有大量的内容页面,我们采用AJAX的无限滚动模式,它不仅只显示立即向UX相关的信息保存浏览器的带宽,同时也降低了用户的摩擦。我们自己公司的  新闻页面  ,例如,更多的文章加载,你向下滚动,消除了使用的页面,而是加载更多信息到屏幕上的阅读器需要它。这种摩擦装卸点播更多成分的方法使我们的游客得到完全尽可能多的消息,因为他们想不呈现壁垒他们的意图。

无缝UX

获得过的网站加载的内容是如何创建的设计页面转换,加载动画和视觉线索来帮助用户了解网站的层次结构中一个独特的机会控制。这也是该公司的品牌创造力的机会。

用100%的AJAX框架一个网站(因为没有完整的页面加载)不提供有关在浏览器窗口中的进度负载反馈,从而导致潜在的混乱,如果访问者留下等待的时间没有响应长时间。这是自定义负载状态指示灯开始发挥作用,提供一些迹象表明,进展过程中的等待时间正在取得进展。

estesparkmedical

埃斯蒂斯帕克医疗中心在科罗拉多州采用的是个性化的AJAX加载器来保持其组织的着色和品牌,以及赋予装载符号的功能。

Zillow的

Zillow的网站上,房源信息不断更新,而无需使用浏览器的刷新按钮,给家房客在任何时候都获得了最新信息。

添加少量如这些都是在创造你的访问者一次难忘的体验凄美通过使用Ajax成为可能。

以控制使用HTML5历史的URL路径

没有单独的页面加载,网站通过对具有单个URL,导致问题建立不良AJAX网站的用户试图书签,或使用其浏览器的前进和后退按钮导航定义。此外,因为谷歌的搜索引擎抓取历史上没有阅读的JavaScript,已经有关于如何以及AJAX技术的网站可以在谷歌的有机搜索结果中获取的担忧。

这两种情况都是通过获得对使用的URL路径控制解决HTML5历史API

100%的AJAX网站及其备选意见的每一页都认为自己的请求; 当你通过AJAX网站导航功能 – 即使它在技术上是一个载入网页 – 在浏览器更新的URL提供代表当前观看状态的唯一地址。此外,我们可以以支持浏览器的后退按钮,返回上观看状态监听历史变化事件。所有这些独特的网址都是由谷歌完全索引,这意味着这种方法对于SEO完全兼容,而且乐于助人。

A9

亚马逊的A9搜索服务依赖于AJAX来检索数据的大幅卷不失用户的搜索历史。

结论是

正如你所看到的,AJAX是不可或缺的现代网络发展的进步,并取代了许多提供较差的用户体验不如技术。如果没有AJAX,所有页面内容必须为几乎每一个用户交互完全重新加载,即使只有一些信息发生了变化。此受阻速度,放置在服务器上的额外负载和过度使用的带宽。

通过建立一个100%的AJAX框架,我们能够创建定制适合客户的需求点,提供可以使用导航功能,可以通过网站的访问者被收藏,而功能上具有非常高的水平。

Comments are closed.