首页 声音 项目 正文

PayPal改版后新旧版对比研究

作者:财付通TID 时间:2013-01-18 0
banner

历史回顾

PayPal是大家非常熟知的全球目前最大的在线支付平台,它于1998年12月由 Peter Thiel 及 Max Levchin 建立,总部坐落在美国加利福尼亚州圣荷西市,2002年10月被全球最大的电子商务平台eBay以15亿美元收购。

PayPal最初是 Palm Pilots 设备之间的一个转账功能, 又称”beam money”。它首创了用email地址作为转账方式,使得转账这一行为更加容易和方便。

下图是PayPal在1999年的第一个版本界面:

1999

后来经历了几次改版,这是2007年改版前的界面:

before07

这是2007年改版的界面,之后的都是在这个版本基础上做细节微调,也是大家最常见的版本:

07

下面是在2012年6月19日全新改版前的三个地区(分别是美国、中国、日本)的页面:

3duibi

2012年6月19日,PayPal终于发布了全新设计版本:

home2

新版登录页,感觉很简洁、大方

login1

新旧版对比

2012版的首页顺应了目前的设计趋势,给人留下的第一印象很好:宁静的大背景图 (这样的设计广为Citibank, Square, Salem Five等支付类网站采用)和轻量、简洁的设计。

首先,来看看新旧版信息结构的变化:

old

new

比如Personal页面主要功能的名称变得更简单了:

改版前分别是: Pay Online、Send、Get Money
改版后分别是: Buy、Sell、Transfer
改版后文案更加简短、直截了当,结合新的布局更简单易懂。

buy

sell

transfer

这些主要功能分类下面有不少的“How to…”,对于新用户的指引非常强烈。

此外,每个功能表单页还提供了清晰的流程图(一般是蛮独特的插画风格)指引用户,并且还附有demo演示视频,界面下方的费率、安全、隐私保护等信息提示及时解决新用户的担忧和疑惑。

这样从上到下的流线设计使得新老用户都获得良好的体验:新用户能及时获取帮助信息,老用户只需关注表单区域。

除此之外,还有如下的变化:

1.主导航由tabs变为文本的形式,结构中去掉了多余的Home页
2.登录框由左上角(银行网站常用这种布局)挪到了顶部右侧(新兴支付类网站比较常用)
3.导航文本右侧的向下箭头暗示了次级导航
4.辅助信息(联系我们,搜索等)从头部挪到最底部
5.新增了Explore页面:展示一些创新的项目(比如PayPal Here)

以下是各个页面的变化对比:

Pay Online -> Make a Payment

payment1

Send Money -> Send Someone Money

sendmoney1

Get Paid -> Request a Payment

payment1

新版独有的Explore:

explore

而Business的变化没Personal的那么大,因为它基本上就一直是个营销页面。

改版前分别是:Solutions、Industries、Partners

改版后分别是:Complete Payment Solutions、Popular Tools、Specialized Solutions

分类的文案变化相对于Personal页让人有点费解——反而变得更长了,或许这样分类比较清晰一点。

Business页改版前后对比:

bus1

新版设计细节

忘记邮箱按钮,输入框为空时较大且把文案直接显示,开始输入后按钮缩小同时文案只有一个问号,忘记密码按钮也是一样的

detail1

登录表单里被强调的sign up按钮说明,现在PayPal的产品策略还是倾向拉新用户

用户第一次访问新版PayPal的导览

tour

移动端设计

接下来,看看新版PayPal是否为移动设备做了自适应:

1

结果是没有,移动设备上访问依旧是大版页面,但顶部增加了下载App的广告提示

下面这个是2001年移动版页面

2001

下面这个是现在的移动版页面(mobile.paypal.com),可见十几年了过去了也没多大的变化

now

尾声

这次PayPal全站大改,也许是为了让自己在增长迅猛的新兴对手(Square等)面前能继续保持竞争力的举措之一。

目前整个网站还在不断更新调整中(虽然登录后的页面依旧是07年老版本,但不得不说这样大跨度的跳跃让人无所适从),预计接下来几个月内将会看到彻底改头换面的PayPal,我们也将持续关注PayPal后续更新,一旦有更多更新,将给大家做进一步深入分析。

TAG:
© 2011 - 2024  钛锋网  TMTForum.com