快好知 kuaihz订阅观点

 

PayPal换装记

历史回顾

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换装记  换装  换装词条  PayPal  PayPal词条  
设计

 注册登录的设计:基于33款APP...

作者为解答自己关于注册登录设计的疑惑:“注册登录流程基于不同行业、不同类型、不同的安全要求,是否存在最优的设计方案?”,对33款APP进行7个维度的对比分析。本...(展开)

设计

 APP 设计中,小红点的特点及设...

小红点作为中国产品的特色设计,和facebook的“点赞”类似,都有很多学问在内。刚开始工作的时候,做过一版消息的页面,当时虽然加上了小红点,但却不知道它为什么...(展开)