支付寶改版分析以及和財付通設計的對比

來源:互聯網
上載者:User

文章描述:支付寶這次改版很成功,優於財付通

客戶量:

支付寶:依託淘寶網,3億客戶

財付通:依託QQ,1.5億客戶

色彩方面:

共同點:

Logo都用了藍色與橙色,

紅色警告、綠色安全、藍色超連結,這已經成為兩家公司的共同點。

不同點:

支付寶:繼承了淘寶網的風格,用了大量的暖色元素-橙色,其中導航條橙色漸層,banner大色塊暖色炫目圖。偏向iPhone風格。

財付通:大膽創新的色彩,淺灰色系+暖色表徵圖,明暗度對比,黑白陰陽表徵圖,表現豐富,把黑白灰運用的淋漓盡致。偏向windows phone7 風格。

windows phone7 風格將打破iPhone式高光陰影介面局面,將成為接下來流行的趨勢。從這點上說,財付通更具有前瞻性。

視覺心理:

支付寶:大量的橙色,給人激動、興奮

財付通:清新淡雅,給人冷靜、平穩

做為第三方支付,冷靜更為合適。淘寶購物的時候用暖色系,它可以激發購物熱情,這無可厚非,然而付費的時候,我的體會給人冷靜的顏色較佳,因為不容易出錯。

口號:

支付寶:“支付寶 知託付” 在頁面上沒有明顯口號,這樣不夠有效提高品牌宣傳度。

財付通:“會生活 會支付”在logo旁,醒目表現,提高品牌宣傳度

表徵圖:

支付寶

財付通

相同點:表徵圖都是飽和度高且豐富細緻

布局:

支付寶:

1、塊面多:頁面小塊面太多,容易讓使用者眼花繚亂。使用者群有個人服務和商家服務,雖然在頁面上有大塊的區分兩者,但是對使用者來說,還是有些混亂(請看下圖);

2、過於突出廣告:用了高飽和度的圖片廣告在最重要位置,搶走了頁面重點,弱化了目的資訊;

3、布局遺憾:我們希望在第一屏看到內容是:個人和商家享受的服務,然而在一般的解析度顯示器下,商家服務內容在第二屏才能看到。

財付通:

1. 色塊大而少

2. 色彩飽和度低,對比支付寶,財付通頁面久看而不累

3. 布局清晰,地區內容表達清晰易懂。我們很高興一屏看到所表達的內容--登入和服務內容。

綜合:

中國最牛的兩家互動設計公司--淘寶和騰訊,一直在PK。這次我的互動體驗的感覺,在色彩、布局等,財付通都略勝一籌。大概支付寶已經看到了自己的不足,開始改版了。讓我驚喜的是,這次改版支付寶駕馭在財付通之上,做了很多的最佳化,改版前和改版後簡直判若兩“人”。

接下來介紹下改版後的支付寶。

支付寶的進步

1、 用色:支付寶開始模仿財付通用色了,降低了導航條飽和度了,灰底大塊面,給人乾淨而整潔的感覺。

2、 塊面:倒影效果用得少了,塊面的運用多了,頁面更加清新淡雅。

3、 布局:第一屏展示最重要的賬戶與交易,且把最具創意的年度賬單放在醒目位置,當然這也是我們在第一屏想看到的。導航條保持原用橫向, F型展示形式。差別在於支付寶用了通欄的展示賬戶資訊,更加強調重點。

支付寶這次改版很成功,優於財付通。我想財付通一定不甘落後,改版之日很快就要到來。支付寶、財付通在使用者體驗方面都在不停的努力著,有很多學習之處。我們能做的是:研究他們,學習他們。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。