New Media & Me

【月光·印象·德彪西】 - [【其他兴趣】]

【原创初稿】Ajax：构建成功网站的重要因素 - [【其他兴趣】]

       从2005年Ajax概念诞生至今，它正越来越多地影响着我们的网络生活。从Google、Amazon，到淘宝、腾讯；从搜索栏到登录框，从头条新闻到翻页标签，Ajax的运用几乎无处不在。许多运用Ajax的网站，都获得了极大成功；相反，未运用Ajax的一些老牌大型网站却呈下滑趋势。Ajax的魔力究竟在何处？它是通过什么途径构建出了成功网站？本文通过分析Ajax的特性，探索Ajax构建成功网站的原因。

一、      成功网站与Ajax的运用

(一)           Ajax概述

       Ajax的全称是Asynchronous JavaScript +XML（即异步JavaScript和XML）。它通过在客户界面和服务器端之间加入中间层——Ajax引擎——来实现客户端和服务器的异步性。Ajax引擎就像一个代理人，在用户与服务器交互时，人们无需等待服务器反馈就能进行下一步操作。Ajax技术通过Ajax引擎增加了数据更新但减少了等待的时间，使得人机交互的过程更加愉快。

       Ajax在当前的网络应用中是广泛的，最常见的9个子应用如下：

l         翻页标签显示：类似日记本标签，“翻页”显示不同分类信息；

l         滚动图片：图片如幻灯片般滚动，既可手动也可自动；

l         按需加载并更新图片：从模糊到清晰地加载图片；

l         手机和电脑兼容：不同终端获得相同信息，却有不同的显示方式；

l         网页中自定义导航，个性访问路径；

l         网页栏目的自定义布局，窗口的随意关闭更新和拖拽；

l         用户表单填写：无需刷新页面，填写表单的同时验证信息的合法性；

l         记忆表单：当表单的某项填错的时，无需全部重填；

l         智能搜索：在搜索框输入单字，弹出下拉菜单显示相关词条和结果数量；

       由上可见：Ajax的最大的魅力在于它强大的交互性。在网络应用中，“交互”指的是客户端的人和服务器的交互。“网站的交互性”要求网站无论从页面的静态呈现上还是动态功能上都能实现良好的人机交互。

       “用户在完全不知道幕后发生的一切的情况下，根据需要自行与服务器进行交互”，让web应用“既有桌面应用程序的动态、快速响应、高交互性的体验，但是背后又拥有互联网的全部强大力量。”这便是Ajax的思想和核心目标。

(二)           Ajax的运用与网站的成功

       为研究Ajax运用与网站成功的关系，笔者对2007年综合实力十强网站和下降最快十大网站[1]做了Ajax应用状况的分析。[2]

表一、中国百强网站前十强

名次
    

网站名称
    

AJAX运用情况

1
    

百度
    

运用

2
    

腾讯
    

运用较多

3
    

新浪
    

运用

4
    

网易
    

运用较多

5
    

搜狐
    

运用

6
    

谷歌
    

运用较多

7
    

中国雅虎
    

运用较多

8
    

无名小站
    

运用较多

9
    

淘宝网
    

运用较多

10
    

TOM
    

运用

 

表二、下降最大的网站前十名

名次
    

网站名称
    

AJAX运用情况

1
    

天空软件站
    

运用较少

2
    

中国站长联盟
    

无

3
    

中华英才网
    

运用较少

4
    

21CN
    

运用

5
    

华军软件园
    

无

6
    

中国站长站
    

运用

7
    

中国移动
    

运用较少

8
    

CCTV
    

运用

9
    

招商银行
    

运用

10
    

MSN中国
    

运用

 

       由上可以看出，综合实力十强网站均运用或者较多运用了Ajax。而下降最快十大网站中Ajax的运用程度均不大，甚至有的网站仍未运用。这在一定程度上说明了，Ajax的运用与网站成功存在相关性。

 

二、      运用Ajax构建成功网站的过程

(一)           Ajax应用与用户体验的提升

       跟据美国用户体验专家罗伯特·鲁宾诺夫的解释，用户体验指的是“以用户为中心，衡量系统性能、应用性能和审美价值的概念”。因此，提升人机交互能是提升网站的用户体验的主要途径。Ajax可从以下两方面提升网站的交互性：

（1）Ajax从工作原理上提升网站交互性，从而提升网站的用户体验。从工作原理上看，Ajax可以有效的增加客户端与服务器交互的频度。用户无需将请求发送至远程服务器端，只需将其发送到浏览器端的Ajax引擎处，Ajax引擎接收到用户请求，再异步发送到服务器端请求反馈。

       用户使用Ajax引擎和远程服务交互就像和本地桌面程序交互一样快速便捷。他不用像传统web应用那样等待服务器的响应数据后再继续操作，Ajax引擎会在用户进行其他交互的过程中自动和服务器联络，返回用户真正需要的数据。因此，Ajax模型不仅加快了用户请求的响应速度，还避免了频繁刷新页面和刷新时的数据丢失，从而提升了用户在网站的交互体验。

（2）Ajax可以降低网站交互成本，从而提升网站的用户体验。网站的交互成本包括用户获得反馈的时间成本和心理成本。Ajax可以同时减少两者的成本。

       在无Ajax的web应用程序中，当用户填完表单并提交后，信息必须通过处理表单的脚本传输给服务器，在服务器作出判断并返回表单之前，用户必须等待。这时候屏幕会变成一片空白，要等到服务器返回数据后才重新绘制。此时，用户不能得到立即反馈，增加了时间成本, 用户希望得到及时反馈的需求未能满足，增加了心理成本。

       在使用Ajax引擎 “JavaScript 代码在幕后发送请求，用户甚至不知道请求的发出。更好的是，请求是异步发送的，就是说 JavaScript 代码（和用户）不用等待服务器的响应。因此用户可以继续输入数据、滚动屏幕和使用应用程序。” 当服务器将数据返回时，它可以在用户还没有提交或刷新的情况下，立即获得更新的数据。

       一切都是由Ajax引擎在幕后完成的，用户的等待时间被消匿于无形。而它的更新是如此迅速，以至于让人感觉是在瞬时完成的。因此，Ajax能给人及时而快乐的交互体验。

(二)           用户体验与成功网站的构建

1. 用户体验与愉悦感

       根据Kristof De Wulf 2005年的实证研究，“愉悦感” (pleasure)是指用户在使用网站过程中，因其内容、组织和技术性能满足用户需求而对网站产生的一种正面的印象。用户使用网站过程中的愉悦感可以衍生出满足感、责任感、信任感。而用户体验(user experience)正是从设计的角度来研究如何能让用户在使用网络的过程中产生愉悦感的。

       跟据罗伯特·鲁宾诺夫的观点，用户体验由四个主要部分组成：1． 品牌(branding) 2． 使用性(usability) 3． 功能性(functionality) 4． 内容(content)。

       “品牌”是指该网站为用户的访问提供了有吸引力的难忘的体验；网站的视觉效果与品牌一致；多媒体内容为体验网站的过程提供了价值；网站传达了品牌的内涵；网站充分运用其能力，延伸了品牌内涵。

       “使用”是指对网站的内容和特点的易用性。包括：网站能防止错误发生，并帮助系统从错误中恢复；整体页面针对主要目标受众进行优化；网站帮助其访问者达成其目标和任务；网站保持其一致性和标准；网站能为有残疾用户提供特定内容。

       “功能”包括所有的技术上及后台的流程及应用，它为所有最终用户提供互动服务，对公众和管理员都有意义。包括： 用户及时获得对其查询和提交信息的反馈；在获得反馈的过程中深晰的任务执行的进程（比如成功页面或邮件更新提示）；网站附加了安全及个人隐私；在线功能与离线业务结合；网站包含管理工具，加强管理员的效率。


农旭 华中科技大学新闻与信息传播学院 武汉430074

【产业革命与政治“战争”】 - [【其他兴趣】]

纽约摄影阅读笔记（一） - [【其他兴趣】]

1.1：1.4的标记，代表这只镜头的最大孔径是f/1.4。

 f值越小，孔径越大，镜头传送的光线也越多。

一只镜头可以比另外一只接纳更多的光线，就说它"比较快"。

f/1.4镜头就比f/2镜头快，f/2镜头就比f/2.8镜头快。

2. 快镜头究竟有哪些优越性？其实答案非常简单，快镜头能够在较慢的镜头根本无法拍摄的暗淡光线条件下进行拍摄。

3. f值越小，镜头的圆孔越大。

4.我的数码相机的数据： http://baike.baidu.com/view/594237.htm

 5.f /4孔径所接纳的光线是f/5.6的两倍，f/5.6接纳的光线是f/8的两倍，f/8接纳的光线又是f/11的两倍，依此类推。
　　f值的完整序列如下：
　　f/1，f/1.4， f/2， f/ 2.8，f/ 4，f/ 5.6，f/8，f/ 11，f/16， f/22，f/32， f/ 44，f/64

6. 影像的大小与焦距成正比,即在其他条件不变时,焦距加倍.