登录 |

打印 | 字体大小: « »

当AJAX被抡圆了用以后….

http://uicom.net/blog/attachments/200701/jiezhi.gif

神奇的Google带动了神奇的AJAX在WEB设计领域的广泛应用,曾几何时这是大家茶余饭后不断夸赞的谈资;

但我们不得不承认随着AJAX的滥用和不合理运用一样在给WEB设计带来了很多的反面作用。

首先我并不赞同关于AJAX应用会如何影响PV和网站收益的说法,
但就AJAX如何弄巧成拙的例子已经不胜枚举,如何合理的应用AJAX已经成为了很多技术发热狂们必须正视的问题。
为了AJAX而AJAX,为了WEB2.0而WEB2.0已经不是少数现象。
且不说那些小网站在AJAX的应用上有多少可能的反面作用,让我们来看看大型网站们的做法:

(例一)
http://uicom.net/blog/attachments/200701/ajax01.gif
图解:
浏览自己的目录时,鼠标滑过立即出现”编辑””删除”两个大醒目的提示,反映之灵敏 速度之快捷 位置之醒目 都无一不给用户造成了视觉的骚扰。
试问用户有多少机率是要去编辑或者删除它? 更多的时候还应该是去正常浏览吧.

(例2)大图
http://uicom.net/blog/attachments/200701/ajax06.gif
1、不只是在很多suggest功能上会出现”吃力不讨好”的问题
2、我理解在设计角度来说改版这个页面的初衷可能是:”让页面中的信息少些干净些,从而让用户更加容易筛选”。 (也正好可以充分利用一下AJAX,让页面效果更玄一些)
3、但改版后效果恰恰相反,这样的变化并没有让用户”更加容易筛选”反倒麻烦了很多。
系统默认显示去掉了用户筛选过程中最重要的两个信息 — 图片尺寸和图片大小;
实际上用户真正关心的可能并非图片名字是什么,用户一眼就可以大致看出来图片是不是他们需要的样子,然后他们关心的是”尺寸”和”大小”。
4、而现在这样的改变,让用户每筛选20张图片(一页)都要操作21步以上(鼠标放到每个图像上算一步,中间最少还要拖动一下浏览器的滚动条)。
在改版以前用户基本上只需要看着就可以了,根本不用费劲的移动鼠标。
5、其实这样的变化也正好和他左上角那个可以”按图片尺寸显示”的设计相悖! 既然那么重要的位置安排了这个功能,说明他们自己已经认可了”图片尺寸对用户筛选很重要”。。。。。

(例三)
http://uicom.net//blog/attachments/200701/ajax03.gif
图解:
用意很好,但实现的上出现了很大的问题!
完全没有考虑到微软拼音等多数除智能ABC之外输入法用户的输入习惯,本来想输入”北京师范”但回车确定时却成了”北京大学;”。

(例四)
http://uicom.net/blog/attachments/200701/ajax04.gif
1、英文基本上没有这个问题,但中文就问题大大的了。
如果不懂中国的人一味靠些”高学历”的理论学者来设计的话,最终带给中国用户的只能是损伤。
如图所见:同时出现两个提示,(如果输入法的提示能算两个话,那就是同时出现了三个提示)。 在这个输入瞬间这个效果200%的算是一个视觉骚扰。
2、有数据表明:这样的提示就算在数据处理非常理想化的状态下依然只能对50%左右的用户有真正的作用,(怎么来的数据不便说,但就算没有这个数据依然可以根据长尾分布的理论得到一个类似的结论)。那么,这也就是说:至少其他50%的用户200%受到了信息的干扰
3、直接到搜索引擎首页去搜索的用户一般都有着自己的紧迫性和目的性,他们没有时间也没有必要去看你给的”可能有用”的提示。
(对于我来说这功能的作用大概就是:可以让我研究一下中国人一般都会怎么输错,应该如何在结果里做纠错提示和关联)
4、回到一个最最基本的问题:用户输入一个词的速度快还是在顺畅的中途跑开去选择一个选项的速度快?
5、就算提示合理,也没有干扰。 那么这个提示遮挡了两个堂而皇之的”搜索按钮”也是一件不当的事情。
千万不要说”你点回车一样可以看到搜索结果嘛!”,否则我会反驳:”那你丫还设计哪两个按钮干嘛?”
难道这样展示的背后真的有什么其它意图? 不得而知…
6、如果这个功能作为用户的可选功能并无多大异议,但强行推给所有用户也许就是一个不小的问题。 难道真的是在压力之下必须憋出来一个”中国的产品”?

也许我们都不应该竖起中指,因为压力再加大的时候指不定我们这些Gfans又要看到什么更加伤心的事情出现呢…
作最好的自己,随他们去折腾吧。

我需要再次说:AJAX是个好东西,很多时候她可以帮助我们更好的改良用户体验设计。
我喜欢她,所以不滥用。

分类:UCD ,07/01/26 5:42 下午 | 117,156 次浏览 |

网友评论(33)

  1. 当然, suggest 也有很好的地方:
    如,
    http://uicom.net/blog/attachments/200701/ajax07.gif
    http://uicom.net/blog/attachments/200701/ajax08.gif

  2. 有点类似麦田的那篇文章。不知道为什么我的浏览器并看不到google.cn这个新提示功能,偏好设置里看了也没那个选择框,很奇怪?

    不过我个人觉得,如果这的确是问题,提交给google要求考虑修改或提出更好的解决方法,这样的思维方式会更积极、有建设性一些,而且这样对自己也是一个试图解决问题体验。

    因为之前我也在blog里测试了一下google和live search图片搜索,所以对此很感兴趣,很想知道大家是如何抉择图片相关信息的 :
    ----------
    图片摘要
    图片尺寸
    图片类型
    图片出处
    图片出自类别,比如百度的”新闻图片“
    ----------

    我的取决条件是:
    有效的图片摘要>图片尺寸>图片出处…..>图片类型>图片出自类别

    我不觉得用户搜索图片会去查看每个图片的信息,也就是说不会操作21步去看每一个图片的相关信息,应该会视觉扫描找到类似想找得图片,然后再有查看相关信息的欲望。

    最后说一下AJAX, 仔细想想,其实问题不在AJAX上,它只是工具,上面提到的问题都出在对界面交互设计不完善以及对用户行为缺乏研究,所以我们需要改进还是如果实实在在的提高界面设计以及可用性测试和评估,不要怕存在问题,也不要只是针对问题。

  3. 能让用户做一个是否取消/使用该功能的选择就好了

  4. 然后我觉得白鸭给出的例子并不好,
    例一:当用户处于登录状态,浏览自己的内容时,多数情况下处于管理状态,比如删除,修改等操作.(不清楚这是哪里的服务,未试用)
    例二:是google的图片搜索服务吧,我觉得大多数使用google搜图片的用户,并不关心”尺寸”和”大小”,有可能作为一个web设计师找素材才会关心这些信息;多数用户只为找到自己想要的资料信息,比如我想知道萨达姆到底长什么样.

    其它例子不做讨论

  5. huerreson: 例子一你的认为不是很和该产品的使用场景,现在的百度搜藏是那个样子的; 例子二你大概是个人的搜索需求,实际上有数据可以支持我的关点。

    当然,真的出现21步的情况还是很少的,我那只是一种算法..

  6. IanLiu:
    确实, AJAX只是工具,关键问题还是在交互设计对用户行为模式的把握上

    当然,真的出现21步的情况还是不太可能的,我那只是一种算法..

  7. 说实话,以前做项目中,年、月、日,国家、省、市经常用ajax的,但搜索框使用ajax一直就不赞同,就算是英文提示,没有视觉干扰,但网民输入什么这么多年的习惯是很难改的。

  8. 好像主要还是对用户行为的理解和掌握
    很多情况都是可以避免的

  9. 图片搜索的例子不同意21步的说法,我个人的感觉是要区分情况。
    1、我用PC的时候,喜欢用鼠标阅读(就是跟着鼠标的位置阅读,或选中当前阅读的文字),这个时候对我来说简洁确实是很好的设计,我搜很多图片多数是随意搜的,所以文字对我也有帮助。
    2、但是用NB的时候,由于鼠标不是很方便,操作方式与PC不同。所以先对以前提供有更多信息的设计还真是麻烦一点。

  10. 路过的一只壶
    刚才在玩google的网上论坛,发现上传文件的地方没有上传按钮,选择后自动上传,要是点错怎么办>

  11. google 图片搜索那个例子

    隐去的两个信息:图片尺寸和大小,其中大小我觉得在意的人寥寥,争议点可能更多的在图片尺寸隐藏是否合理。

    这个我想google不会草率决定的,他们会考虑左上角那个尺寸下拉框的使用频率,如果只有1-2%的用户用尺寸筛选了,那么说明绝大多数用户并不太关心尺寸,

    我猜他们是这样来决策的,当然,他们手里的数据肯定更多……

  12. […] 当AJAX被抡圆了用以后…. […]

  13. 看看这个的ajax应用的怎么样:
    http://www.yatrack.cn/

  14. 标题表述应该是:当“Ajax”被烂用之后。本身Ajax是没什么问题,关健在于人

  15. 对于google.cn的例子
    输入关键词 然后用鼠标点击搜索按钮的用户比例是多少
    白鸦有过一个讨论,im软件需不需要存在发送按钮
    发送按钮需要存在,它是对一个表单交互操作的提示和结束的标识

    或者 这种提示方式有点欠妥
    但是它同样具有两个有点
    1 延续了select自动完成的用户习惯
    2 给出了相应关键词的更多搜索组合和搜索结果数量级

    不过明白了一个问题,微软拼音输入时,有三个阶段
    1 输入
    2 选择
    3 输出
    这三个阶段与其它输入法不同的是 他的每个阶段都保持了输出状态

  16. Mouce:
    我完全认为他们的那些按钮不需要,
    但现在的问题是:你既然放在哪里了就不要盖住它。 

    上面大家的回复1似乎都没有注意这一条:
    2、有数据表明:这样的提示就算在数据处理非常理想化的状态下依然只能对50%左右的用户有真正的作用,(怎么来的数据不便说,但就算没有这个数据依然可以根据长尾分布的理论得到一个类似的结论)。那么,这也就是说:至少其他50%的用户200%受到了信息的干扰。

  17. 对于我们不是弄图片设计相关工作的人,根本不会去关心图片大小。

    这也许是你们专业的默认思维导致的。

  18. 结合案例,分析得非常到位!
    ajax的应用有友好的一面,但并不是可以滥用,用户的习惯也是很难改变的!

  19. 同意

  20. 白雅先生说的是“度” ,即合适使用的度。否则就象在玩的小孩,只是好奇的显弄某个功能或效果。而以用户为中心是要设计思想的

  21. 百度的收藏夹使用确实有点问题。
    但是我觉得百度的这点创新精神还是值得肯定的,希望越做越好。

  22. del.icio.us比百度搜藏要好,但是没有快照,所以还是选择百度

  23. ajax只是一种技术

  24. […] 当AJAX被抡圆了用以后…. 作最好的自己,随他们去折腾吧。需要再次说:AJAX是个好东西,很多时候她可以帮助我们更好的改良用户体验设计。我喜欢她,所以不滥用。 (tags: ajax webdesign) […]

  25. […] 当AJAX被抡圆了用以后…. 作最好的自己,随他们去折腾吧。需要再次说:AJAX是个好东西,很多时候她可以帮助我们更好的改良用户体验设计。我喜欢她,所以不滥用。 (tags: ajax webdesign) […]

  26. 有点意思。
    谢谢白鸦分享。

    1:我看了(例四),估计google.cn会把这个提示功能 做为 使用偏好 来让用户自行选择吧.
    2:很想把你这篇文章打印出来慢慢看…找不到打印样式的… :)

  27. […] AJAX这个名词的出现以及现在 web 2.0 概念的火爆,可以说是JavaScript历史上一个黄金时期。但是就目前AJAX被抡圆了用的状况,实在不能对其未来抱着特别乐观的态度。对待JavaScript,是应该像Flash,还是像CSS?或许这才是决定了JavaScript这个小家伙未来几年命运的关键。 […]

  28. […] 阅读全文:当AJAX被抡圆了用以后…. Explore posts in the same categories: 编程 >>> Tags: ajax, webdesign […]

  29. 聘Web UI开发工程师
    Looking for candidates to develope browser-based rich internet applications using the TIBCO General Interface (GI) product. GI is a mature AJAX software development platform with an established customer base and real-world deployment. We have been in market for over four years and were recently awarded the 2006 ‘Technology of the Year’ Award, by IDG’s InfoWorld as the “Best AJAX Toolkit”. These are high profile projects, both within TIBCO and in the enterprise software market as whole.

    Responsibilities:

    Engineers will be required to take functional requirements and implement them with minimal supervision from their supervisor or system architect. Engineers will also be required to work with colleagues from different functional groups, such as QA, technical publications, technical support, etc.

    Candidates should expect to share in a broad range of responsibilities, including:

    User interface proof of concept development and prototyping
    User interface development and integration with back-end SOA
    Development of new GUI classes to support best-of-breed user experience
    Providing feedback to the GI engineering team on product features, performance and enhancements.

    Senior Developer:

    Above two years of web application development experience.
    Good listening and oral English skill
    experience with a scripting language, preferably ECMA based, such as JavaScript, ActionScript, etc.
    excellent understanding of object-oriented software engineering principles
    experience working with XML and XSLT
    experience developing and deploying web applications with Perl/mod_perl, ASP, JSP/J2EE, etc.
    understanding of Web Services, including WSDL, SOAP, and Schema
    experience with CSS, DHTML, and cross-browser compatibility issues
    Script-based access to the internal XML Parser and its APIs
    SOAP: script based access to the internal SOAP APIs
    Knowledge about the different builds/versions/releases and what is possible in each
    Document Object Model
    Event model
    有意者请发应聘简历至:go_souring@hotmail.com

  30. […] 白鸦 » 当AJAX被抡圆了用以后….- Ajax 的使用也需要评估,不能抡圆了用。 […]

  31. […] AJAX这个名词的出现以及现在 web 2.0 概念的火爆,可以说是JavaScript历史上一个黄金时期。但是就目前AJAX被抡圆了用的状况,实在不能对其未来抱着特别乐观的态度。对待JavaScript,是应该像Flash,还是像CSS?或许这才是决定了JavaScript这个小家伙未来几年命运的关键。 […]

  32. 帮你顶一下!!!

  33. 腕時計 カタログ靴 通販 スニーカービジネス 靴casio world time发表评论

    *必填

    *必填 (不会被公开)