马云前脚刚在支付宝年会上痛批支付宝的用户体验 “烂,太烂,烂到极点” ,后脚这支付宝就得了 “谁是我们的‘零零壹——2009开放式网络评选” 活动的 “最佳用户体验中文网站或应用” 奖第三名(坐镇前列的是谷歌和搜狗拼音输入法)。

我是一介穷书生,平时不必从事大宗进出口交易,也不开网店频繁接触电子支付,只是偶尔在当当上买书,在淘宝上搜古怪玩意儿,因此对支付宝并没有非常深入的应用和研究。但即便是偶尔的惊鸿几瞥,还是对支付宝的用户体验有话要说。

暂不论繁琐的证书安装、Tab键响应顺序这些问题。仅以前两天查询对账单明细举例。系统将我引导到这样一个选择查询时间段的页面:

2010-02-05_143408

这个设计的麻烦之处在于:

  • 需要用户将头脑中符合中文语言习惯的日期时间格式转化成一堆阿拉伯数字,并且还要考虑哪里该补入占位符“0”。
  • 我对日期并不敏感,甚至不知道今天几号,而我想查询的起始点是“上周三”而不是具体日期。
  • 我不确定在某个日期里我是否进行过交易,能否给我个提示?
  • 我输入的格式是否符合系统要求?会不会因为全角半角、空格、错输等原因影响继续操作?
  • 我讨厌输入,请让我继续用鼠标操作。
  • ETC

可以肯定的是,这样的设计方便了系统从数据库中读取匹配的数据,但这是以数据库为中心的设计,而非以用户为中心。体验上自然打了折扣。

相比之下,同一天内我使用了 Google Adwords 设置投放广告的日期。GA给我的用户界面是这样的:

2010-02-05_150359

它采用了 Date-Picker 控件的形式,让我可以简单地通过鼠标点击选定日期,且对应了每日星期几。(顺便说一句,能不能像 WordPress 的 Calendar 这个 Widget 一样,在有重要操作的时期——比如发布日志——上加粗日期显示?)

再进一步,看看 Google Analytics 的时间拾取形式:

2010-02-05_150750

采用Flash设计,更加复杂,支持“专家模式”,可以点选时间段、切换到时间轴视图、与过往同期数据进行对比等。在提供基础功能(选择时间)的同时,加入了数据的对比、统计图功能。

这样的复杂的设计符合 Google Analytics 用户对数据分析、比对的需求,因此不但没有加重用户的认知负担,反倒让用户觉得贴心顺手。同样的复杂应用如果被加入Alipay的对账单查看,或许能帮助一部分有高级需求的用户,但对绝大多数用户而言,或许只会觉得更难上手。他们更需要的是 Google Adwords 的形式。

综上所述:

  • 以用户为中心,就是要尽可能摈弃“迁就机器”的设计,而从用户实际需要和操作方便出发,简化用户认知和操作。
  • 简单的设计不一定好,但好的设计要求尽可能简单,用减法来做设计。
  • 不同的用户群对同一设计有不同需要,或简单,或复杂,关键在于准确定位你的用户。
  • 马云说支付宝体验烂不是没有道理的。
分享收藏本篇文章:
  • del.icio.us
  • Facebook
  • QQ书签
  • Digg
  • email
  • Google Bookmarks
  • 豆瓣
  • 豆瓣九点
  • LinkedIn
  • Twitter
  • FriendFeed
  • HelloTxt
  • Live
  • MySpace
  • Reddit
  • Technorati

, , , , ,

您可能对这些文章也感兴趣:

引用地址:http://www.fanbing.net/alipay-ued-date-picker.html

同步控(http://www.syncoo.com)Update

楼被抢了20层了

  1. 沙发再看吧

    [回复]


    zwwooooo CHINA Mozilla Firefox Windows Says @ 10-02-5 15:35
  2. 我觉得支付宝和Google Analytics的都很方便,支付宝那个是最简单的,既精确,又免除了多次点击的烦恼。Google Adsense那个是最麻烦的方法,需要的点击次数最多。Google Analytics设计成那样是因为看流量统计时有按星期查看的需要。

    [回复]

    xdash CHINA Google Chrome Windows 回复:

    @bolo, 我觉得当用户较多使用键盘输入的时候,就该让设计都以键盘输入为主(比如输入用户名、密码的地方,输入框的Tab键响应顺序一定要正确);而多用鼠标操作的地方(比如看统计、生成表格),就应突出鼠标的操作。支付宝这个,是鼠标+键盘,虽然是小事,但频繁操作起来的确挺讨厌的。

    [回复]

    bolo CHINA Mozilla Firefox Windows 回复:

    @xdash, 按tab键时的相应顺序只能体现在同一个form里的,要全页面排序的话不容易啊

    [回复]

    xdash CHINA Google Chrome Windows 回复:

    @bolo, 一个form也好说,用的是地方就行。比如支付宝的登录页面,从用户名框输Tab直接跳到了登录按钮,不让我输密码。这就比较失败鸟~(google chrome)

    [回复]

    bolo CHINA Mozilla Firefox Windows 回复:

    @xdash, 那个密码输入框是插件来的,不是html元素,所以tab就失效了

    [回复]

    xdash CHINA Google Chrome Windows 回复:

    @bolo, Bazinga,你看又一个“迁就机器”的设计,方便了插件,麻烦了用户。我没装插件(目前也没chrome插件),倒希望回归最传统最常见的手动输入。不过也辛苦了alipay的设计师和架构们,想平衡安全支付的技术和网站的体验设计,的确不容易。

    [回复]

    bolo CHINA Mozilla Firefox Windows 回复:

    @xdash, 估计小马哥说支付宝用户体验不好就是因为需要的插件太多鸟

    [回复]

    xdash CHINA Google Chrome Windows 回复:

    @bolo, 插件太多绝对是支付宝的硬伤,现在都跑步进入云计算时代了,什么都放在云端,如果还采用“插件”这种06年后名声大臭的形式,必然影响用户体验。看看支付宝有没有新想法。

    [回复]

    dkmilan JAPAN Mozilla Firefox Windows 回复:

    @xdash, 如果支付宝能找到一种不用插件实现安全控制的方法,将改变整个网络支付业

    [回复]

    xdash CHINA Google Chrome Windows 回复:

    @dkmilan, 希望如此。阿里一直在做的和应当继续努力的就是不断创造电子商务的新方式。


    bolo CHINA Mozilla Firefox Windows Says @ 10-02-5 15:36
  3. 补充一下,支付宝那个日期范围默认就是本月的第一天到今天,所谓的不方便对日期不敏感的人的问题并不存在

    [回复]

    xdash CHINA Google Chrome Windows 回复:

    @bolo, 那我想查询上周末或者上个月第一个周末,还是需要从今天的日期进行推算哪。

    [回复]

    bolo CHINA Mozilla Firefox Windows 回复:

    @xdash, 呵呵,我记得那里有个日历控件的,现在没有啦?

    [回复]

    xdash CHINA Google Chrome Windows 回复:

    @bolo, 我没发现,难道因为我用的是chrome?

    [回复]


    bolo CHINA Mozilla Firefox Windows Says @ 10-02-5 15:38
  4. 呃,这是什么页面,我记得支付宝的日期选择是js下拉日期选择啊,见“交易查询”页面。

    [回复]

    xdash CHINA Google Chrome Windows 回复:

    @Leeiio, 这是“帐户查询”页面的“交易明细”。

    [回复]


    Leeiio CHINA Mozilla Firefox Windows Says @ 10-02-5 15:38
  5. 国内的设计就是这样,不是强奸用户就是不鸟你用户

    [回复]

    xdash CHINA Google Chrome Windows 回复:

    @zwwooooo, 因此做的好的反而更容易脱颖而出鸟~

    [回复]


    zwwooooo CHINA Mozilla Firefox Windows Says @ 10-02-5 15:38
  6. 操作要简单加直觉,功能要强大。

    [回复]


    welee MALAYSIA Netscape Navigator Mac OS Says @ 10-02-5 19:38

要说点啥就在这吧