以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.kenengba.com/p......ost/2099.html

新版支付宝完全解析

作者:可能吧  |   发布: (编辑)稻草   |   时间:2009-12-14 11:44:26 文字大小:- +

盼望着,盼望着,东风来了,偶的账号被邀请了…总之我成为受到邀请的50万支付宝用户中的一位,根据白鸦老师的说法,“这部分用户是非常活跃的用户,非常熟悉支付宝各项功能与服务。我们希望能听到更多的声音,包括尖锐的批评。”为了响应这一伟大号召,下面把新版支付宝个人版的主要界面给大家做一个详细的预览,大家可以看看有什么重大的变化。同时我也会指出自己的一些看法。

02

一、首页

01

支付宝旧版首页

02

支付宝个人版首页

新版支付宝个人版的导航条被大幅压缩,比以前更加清晰简洁有条理。

旧版导航条

我要收款

我要收款首页 担保交易收款 即时到账收款 AA制收款

我要付款

生活助手

交易管理

交易管理首页 交易地址管理 退款管理 红包管理 购物券管理 评价管理

我的支付宝

我的支付宝首页 账户查询 充值 提现 我的账户 手机服务 电话支付宝 手机客户端

安全中心

安全中心首页 支付盾 数字证书 安全检测 支付宝信使 手机动态口令

商家服务

我的商家服务 网站集成支付宝 营销工具 信贷 商家服务套餐 商家活动

新版导航条

我的支付宝

首页 我的账户 支付方式 手机服务 联系人

消费记录

消费记录 充提记录 交易评价 提醒和代扣

安全中心

安全中心 安全产品 安全策略 安全合作

我的生活助手(右侧)

我要付款 我要收款 水电煤 通讯费 信用卡还款 送礼金 交房租 AA收款 担保交易收款 更多

05

导航条右侧的“我的生活助手”

这里我感到很不习惯的一条就是把收款和付款从导航条的一级导航挖走,搞到了右侧。而且“我的生活助手”并不醒目,看上去甚至像是一个广告按钮,当用户习惯性的按这个按钮的时候,突然在指向时就弹出了菜单,当时我吓了一跳,此时鼠标已然按了下去,心想:完了。好在鼠标单击之后菜单还在。这样的体验让人不是很舒服。如果是下拉菜单,就放一个向下的箭头,指示用户指向就可以了

03

“更多服务”,点击将跳转到“哇!支付宝”的页面

新版“我的支付宝”首页强化了管理功能。新华社要把地球管起来,支付宝要把人民的钱袋子管起来。跟原来强调充值提现的单纯的账号操作不同,新版强调了支付宝在生活中的应用。当然,你应用得正欢乐呢,突然余额不足,自然而然就去找充值的连接在哪里了,所以说支付宝的改版相当聪明。

页面右侧有一个侧边栏。这个侧边栏始终存在于用户浏览支付宝主要功能的过程中,目的就是提供“立即充值”和“提现”两个按钮。好了,这样就不用在玩得正high的时候担心没处充值了。下面的常见问题会随着页面不同而有所变化。

13

当访问到某些较宽的页面时,侧边栏会像outlook工具条一样收起。

二、我的支付宝

04

新版“我的账户”

06

新版“手机服务”

07

旧版“手机服务”

新版手机服务的界面比以前要强得多。自从iPhone那个经典的滑块设计上市以来,好多界面都在学习,关键是它确实很有效也很好看。旧版页面有两个UI上说得不太通的地方:在绑定手机状态以后紧跟着就提示用户“您可以申请解除手机绑定”,仿佛在催促用户赶紧取消绑定一样。新版的“解除绑定”提示明显缩水。旧版的“手机基础服务”是必选的,既然是必选的,那为什么还要占这么大地方解释说明呢?解释了我又没的可选。所以新版压缩了这部分,只是给个小提示而已。

08 

新版“联系人”界面

联系人功能以前只有在收款和付款界面会出现和自定义,很不正规。现在这个模块独立出来,以后想绑定淘宝甚至是掏浆糊都不是梦

三、消费记录

09

消费记录

10

充值记录

11

评价记录

12

提醒和代扣页面

你可以像操作Google Calendar一样在这个页面新建一条提醒。如果这条提醒真的可以绑定Google Calendar或者Remember the Milk这样的服务就完美了——不过那样一来,安全性没准又不能保证吧。

四、安全中心

14

安全中心首页

15

旧版安全中心首页

旧版安全中心的首页和新版一比较,就体现出了明显的失败比起新版,它看上去更像是一个电子邮件广告。在安全页面这个需要用户很快就看到的页面上用了铺满屏幕,而且没有意义的图片,而且配色还模糊了人们视线的焦点。旧版安全中心的首页还没有任何根据用户实际情况定制的操作当然那些操作在旧版的“安全检查”页面。新版就像360一样预先检测用户的账号安全程度,并且会把用户可以采取的安全措施放到最醒目的位置

旧版页面下面的钓鱼网站提示也很搞笑。为什么要把那个写着“https://www.alipay.com”的地址栏做的那么逼真呢?我原来给同班女生指导怎么上QQ的时候,她看到一张网页上的QQ登录框图片,就开始点那图片上面的“登录”,一直点,一直点,一直点……=。=

而且右下角两个“交易安全”的提示也太像是广告条了。总之,新版能解决这些问题还是非常好的

16

安全产品

旧版堆放在导航条上的各种安全措施被集中到“安全产品”页面。不知为何好像“手机客户端”那个页面没有了。

17

安全策略

这是首页安全检测的延伸。相当于360里面的“全面体检”。

18

安全合作

那个“浏览器检测结果”的小黄条让人眼前一亮。不过按理应该是可以直接读user-agent检测出IE的具体版本的,应该不用让用户手动检测是否有更新。而且这里定义到了微软的官方网站,可是微软的下载中心页面做的有多难看是有目共睹的。用户到了那个页面,能不能找到下载链接都难说

另外,为什么查木马是瑞星呢,为什么捏……

五、我的生活助手

19

我的生活助手导航

抛开让人有点晕的导航条不论……作为一个分支频道,为什么不设置“首页”,而要把事实上的首页起个名叫做“其他”呢?都已经“其他”了就很少有人会去关注了。

以下是做的基本一样的所有功能的首页。原来生活缴费的频道采用了tab切换形式,改成现在这样估计是怕以后晋升为变形金刚,功能太多,放不下去。

20

付款

重申:付款和收款在导航栏上的位置过于隐蔽了。要引导用户形成通过侧边栏寻找收付款链接的习惯,必须做好导引提示。

21

缴水电煤气费

22

缴通讯费

23

信用卡还款

24

送礼

25

交房租

26

收款

27

担保交易

六、结论

本次改版让我们看到支付宝在细节上的进步。为了保证服务的稳定,可以想象支付宝的UED团队,这支可以说全国最优秀的UED团队之一,每天都为正式版页面上欲说还休的设计缺陷抓狂,累积了那么多细节上的bug,在一个完全的新版里厚积薄发的一口气改掉。希望看到aliUED的成员也来一次裸奔

本次改版还体现出支付宝在战略上的变化。原来支付宝是委身于淘宝之下的一个附加服务,它成长到今天这么大,很少有人会一开始就估计到。所以我们一开始看到的支付宝页面完全是为了满足最基本的支付需求。但是现在的支付宝,完全是一副我们“生活管家”的姿态,它希望你在日常生活进行跟钱有关的操作时都想起支付宝。相比之下谷歌更像是“女仆”,恭恭敬敬的提醒你:先生小姐,您的邮件来了。我们不一定会心甘情愿的把个人生活托管给谷歌,当然也不会愿意托管给支付宝。虽说现在它们还是不会背叛我们的,但千百年来的经验证明,想在内部搞点儿小动作,管家和女仆是最方便下手的人选。

改版以后的支付宝不叫“新版”,起了个名字叫“个人版”,也就是说还会有家庭基础版、家庭高级版、专业版、企业版和旗舰版什么的(误)。要确认你是个人还是企业,支付宝必须了解有关你的更多信息。支付宝以后也许会根据用户的不同身份而实行更加精确的定位,这样当然也就必须掌握我们更多的隐私。在它日益成为一种标准的时候,我们基本没办法保留自己的信息,否则就无法利用这个平台进行交易。但针对不同用户进行细分,可能还会涉及到用户的兴趣爱好、专业技能、甚至家庭构成啦、性取向啦,等等。这些距离一个支付平台可就有点远了。

支付宝有个口号叫“因为信任,所以简单”。我倒也有个口号,是现成的,希望支付宝能够一直:

不作恶。

更多
打印  |  相关话题:支付宝实验室   |  类别:业界信息  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买