历史回顾 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),可见十几年了过去了也没多大的变化