2013-7-13 蓝蓝设计的小编
转载蓝蓝设计( www.lanlanwork.com )是一家专注而深入的设计机构 ,为期望卓越的国内外企业提供有效的 BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
来源:http://tid.tenpay.com/?p=4082
如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里
历史回顾
PayPal是大家非常熟知的全球目前最大的在线支付平台,它于1998年12月由 Peter Thiel 及 Max Levchin 建立,总部坐落在美国加利福尼亚州圣荷西市,2002年10月被全球最大的电子商务平台eBay以15亿美元收购。
PayPal最初是 Palm Pilots 设备之间的一个转账功能, 又称”beam money”。它首创了用email地址作为转账方式,使得转账这一行为更加容易和方便。
下图是PayPal在1999年的第一个版本界面:
后来经历了几次改版,这是2007年改版前的界面:
这是2007年改版的界面,之后的都是在这个版本基础上做细节微调,也是大家最常见的版本:
下面是在2012年6月19日全新改版前的三个地区(分别是美国、中国、日本)的页面:
2012年6月19日,PayPal终于发布了全新设计版本:
新版登录页,感觉很简洁、大方
新旧版对比
2012版的首页顺应了目前的设计趋势,给人留下的第一印象很好:宁静的大背景图 (这样的设计广为Citibank, Square, Salem Five等支付类网站采用)和轻量、简洁的设计。
首先,来看看新旧版信息结构的变化:
比如Personal页面主要功能的名称变得更简单了:
改版前分别是: Pay Online、Send、Get Money
改版后分别是: Buy、Sell、Transfer
改版后文案更加简短、直截了当,结合新的布局更简单易懂。
这些主要功能分类下面有不少的“How to…”,对于新用户的指引非常强烈。
此外,每个功能表单页还提供了清晰的流程图(一般是蛮独特的插画风格)指引用户,并且还附有demo演示视频,界面下方的费率、安全、隐私保护等信息提示及时解决新用户的担忧和疑惑。
这样从上到下的流线设计使得新老用户都获得良好的体验:新用户能及时获取帮助信息,老用户只需关注表单区域。
除此之外,还有如下的变化:
1.主导航由tabs变为文本的形式,结构中去掉了多余的Home页
2.登录框由左上角(银行网站常用这种布局)挪到了顶部右侧(新兴支付类网站比较常用)
3.导航文本右侧的向下箭头暗示了次级导航
4.辅助信息(联系我们,搜索等)从头部挪到部
5.新增了Explore页面:展示一些创新的项目(比如PayPal Here)
以下是各个页面的变化对比:
Pay Online -> Make a Payment
Send Money -> Send Someone Money
Get Paid -> Request a Payment
新版独有的Explore:
而Business的变化没Personal的那么大,因为它基本上就一直是个营销页面。
改版前分别是:Solutions、Industries、Partners
改版后分别是:Complete Payment Solutions、Popular Tools、Specialized Solutions
分类的文案变化相对于Personal页让人有点费解——反而变得更长了,或许这样分类比较清晰一点。
Business页改版前后对比:
新版设计细节
忘记邮箱按钮,输入框为空时较大且把文案直接显示,开始输入后按钮缩小同时文案只有一个问号,忘记密码按钮也是一样的
登录表单里被强调的sign up按钮说明,现在PayPal的产品策略还是倾向拉新用户
用户第一次访问新版PayPal的导览
移动端设计
接下来,看看新版PayPal是否为移动设备做了自适应:
结果是没有,移动设备上访问依旧是大版页面,但顶部增加了下载App的广告提示
下面这个是2001年移动版页面
下面这个是现在的移动版页面(mobile.paypal.com),可见十几年了过去了也没多大的变化
尾声
这次PayPal全站大改,也许是为了让自己在增长迅猛的新兴对手(Square等)面前能继续保持竞争力的举措之一。
目前整个网站还在不断更新调整中(虽然登录后的页面依旧是07年老版本,但不得不说这样大跨度的跳跃让人无所适从),预计接下来几个月内将会看到彻底改头换面的PayPal,我们也将持续关注PayPal后续更新,一旦有更多更新,将给大家做进一步深入分析。