2013-7-13 藍藍設計的小編
轉載藍藍設計( 91whvog3.cn )是一家專注而深入的設計機構 ,為期望卓越的國內外企業提供有效的 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后續更新,一旦有更多更新,將給大家做進一步深入分析。