轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   yvirxh.cn  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源：http://tid.tenpay.com/?p=4082

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請(qǐng)點(diǎn)這里

歷史回顧

PayPal是大家非常熟知的全球目前最大的在線支付平臺(tái)，它于1998年12月由 Peter Thiel 及 Max Levchin 建立，總部坐落在美國(guó)加利福尼亞州圣荷西市，2002年10月被全球最大的電子商務(wù)平臺(tái)eBay以15億美元收購(gòu)。

PayPal最初是 Palm Pilots 設(shè)備之間的一個(gè)轉(zhuǎn)賬功能, 又稱”beam money”。它首創(chuàng)了用email地址作為轉(zhuǎn)賬方式，使得轉(zhuǎn)賬這一行為更加容易和方便。

下圖是PayPal在1999年的第一個(gè)版本界面：

后來(lái)經(jīng)歷了幾次改版，這是2007年改版前的界面：

這是2007年改版的界面，之后的都是在這個(gè)版本基礎(chǔ)上做細(xì)節(jié)微調(diào)，也是大家最常見(jiàn)的版本：

下面是在2012年6月19日全新改版前的三個(gè)地區(qū)（分別是美國(guó)、中國(guó)、日本）的頁(yè)面：

2012年6月19日，PayPal終于發(fā)布了全新設(shè)計(jì)版本：

新版登錄頁(yè)，感覺(jué)很簡(jiǎn)潔、大方

新舊版對(duì)比

2012版的首頁(yè)順應(yīng)了目前的設(shè)計(jì)趨勢(shì)，給人留下的第一印象很好：寧?kù)o的大背景圖 (這樣的設(shè)計(jì)廣為Citibank, Square, Salem Five等支付類網(wǎng)站采用)和輕量、簡(jiǎn)潔的設(shè)計(jì)。

首先，來(lái)看看新舊版信息結(jié)構(gòu)的變化：

比如Personal頁(yè)面主要功能的名稱變得更簡(jiǎn)單了：

改版前分別是: Pay Online、Send、Get Money
改版后分別是: Buy、Sell、Transfer
改版后文案更加簡(jiǎn)短、直截了當(dāng)，結(jié)合新的布局更簡(jiǎn)單易懂。

這些主要功能分類下面有不少的“How to…”，對(duì)于新用戶的指引非常強(qiáng)烈。

此外，每個(gè)功能表單頁(yè)還提供了清晰的流程圖（一般是蠻獨(dú)特的插畫(huà)風(fēng)格）指引用戶，并且還附有demo演示視頻，界面下方的費(fèi)率、安全、隱私保護(hù)等信息提示及時(shí)解決新用戶的擔(dān)憂和疑惑。

這樣從上到下的流線設(shè)計(jì)使得新老用戶都獲得良好的體驗(yàn)：新用戶能及時(shí)獲取幫助信息，老用戶只需關(guān)注表單區(qū)域。

除此之外，還有如下的變化：

1.主導(dǎo)航由tabs變?yōu)槲谋镜男问?，結(jié)構(gòu)中去掉了多余的Home頁(yè)
2.登錄框由左上角（銀行網(wǎng)站常用這種布局）挪到了頂部右側(cè)（新興支付類網(wǎng)站比較常用）
3.導(dǎo)航文本右側(cè)的向下箭頭暗示了次級(jí)導(dǎo)航
4.輔助信息（聯(lián)系我們，搜索等）從頭部挪到部
5.新增了Explore頁(yè)面：展示一些創(chuàng)新的項(xiàng)目（比如PayPal Here）

以下是各個(gè)頁(yè)面的變化對(duì)比：

Pay Online -> Make a Payment

Send Money -> Send Someone Money

Get Paid -> Request a Payment

新版獨(dú)有的Explore：

而B(niǎo)usiness的變化沒(méi)Personal的那么大，因?yàn)樗旧暇鸵恢笔莻€(gè)營(yíng)銷頁(yè)面。

改版前分別是：Solutions、Industries、Partners

改版后分別是：Complete Payment Solutions、Popular Tools、Specialized Solutions

分類的文案變化相對(duì)于Personal頁(yè)讓人有點(diǎn)費(fèi)解——反而變得更長(zhǎng)了，或許這樣分類比較清晰一點(diǎn)。

Business頁(yè)改版前后對(duì)比：

新版設(shè)計(jì)細(xì)節(jié)

忘記郵箱按鈕，輸入框?yàn)榭諘r(shí)較大且把文案直接顯示，開(kāi)始輸入后按鈕縮小同時(shí)文案只有一個(gè)問(wèn)號(hào)，忘記密碼按鈕也是一樣的

登錄表單里被強(qiáng)調(diào)的sign up按鈕說(shuō)明，現(xiàn)在PayPal的產(chǎn)品策略還是傾向拉新用戶

用戶第一次訪問(wèn)新版PayPal的導(dǎo)覽

移動(dòng)端設(shè)計(jì)

接下來(lái)，看看新版PayPal是否為移動(dòng)設(shè)備做了自適應(yīng)：

結(jié)果是沒(méi)有，移動(dòng)設(shè)備上訪問(wèn)依舊是大版頁(yè)面，但頂部增加了下載App的廣告提示

下面這個(gè)是2001年移動(dòng)版頁(yè)面

下面這個(gè)是現(xiàn)在的移動(dòng)版頁(yè)面(mobile.paypal.com)，可見(jiàn)十幾年了過(guò)去了也沒(méi)多大的變化

尾聲

這次PayPal全站大改，也許是為了讓自己在增長(zhǎng)迅猛的新興對(duì)手(Square等)面前能繼續(xù)保持競(jìng)爭(zhēng)力的舉措之一。

目前整個(gè)網(wǎng)站還在不斷更新調(diào)整中（雖然登錄后的頁(yè)面依舊是07年老版本，但不得不說(shuō)這樣大跨度的跳躍讓人無(wú)所適從），預(yù)計(jì)接下來(lái)幾個(gè)月內(nèi)將會(huì)看到徹底改頭換面的PayPal，我們也將持續(xù)關(guān)注PayPal后續(xù)更新，一旦有更多更新，將給大家做進(jìn)一步深入分析。