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

ake：照搬他人的模式要比創(chuàng)造新的東西容易。做大家都知道如何去做的事，只會使世界發(fā)生從1到N的改變，增添許多類似的東西。但是每次我們創(chuàng)造新事物的時候，會使世界發(fā)生從0到1的改變?！?Peter Thiel,Blake Masters《從0到1：開啟商業(yè)與未來的秘密》

微眾銀行作為國內(nèi)第一家具有互聯(lián)網(wǎng)基因的民營銀行，正在創(chuàng)造新的金融模式，讓我們的世界開始發(fā)生從0到1的轉(zhuǎn)變。作為新的事物，它并不是簡單的“互聯(lián)網(wǎng)”與“銀行”相加，而是用互聯(lián)網(wǎng)的思維在金融領(lǐng)域進(jìn)行創(chuàng)新。

過去的兩年，我們做了很多嘗試和探索。但創(chuàng)新絕不是一帆風(fēng)順的事情，所以過程中的設(shè)計方法更值得記錄和分享。在項目初期，我們做了很多分析和準(zhǔn)備，但由于時間關(guān)系，我們一直沒能好好的梳理成文。現(xiàn)在微眾業(yè)務(wù)趨于成熟穩(wěn)定，促使我們重新回看剛開始那段珍貴的時光，把項目初期的的精華重新記錄下來，希望對大型項目的初期搭建能有一些啟發(fā)和指引。

一、微眾連接你我的新平臺

從一開始，微眾銀行就定位為“全新的互聯(lián)網(wǎng)平臺，一家持有銀行牌照的互聯(lián)網(wǎng)平臺”。作為一個連接者，要做的就是將個人、企業(yè)、合作銀行及其他的金融機(jī)構(gòu)通過信息流連接起來。

01. 關(guān)于品牌

在APP產(chǎn)品設(shè)計研發(fā)初期，我們就發(fā)現(xiàn)年輕人更傾向操作簡單，視覺簡潔的互聯(lián)網(wǎng)產(chǎn)品。同時有趣味性，有故事的內(nèi)容會更容易吸引他們?；谶@群目標(biāo)用戶的特性，我們制定了初步的品牌設(shè)計原則和品牌使用規(guī)則。

02. Icon的演化

作為WeBank微眾銀行的APP，在icon上則選擇了Webank標(biāo)識中最明顯品牌認(rèn)知度的企鵝側(cè)面形象。企鵝形象的使用，再一次在品牌運(yùn)營上強(qiáng)化WeBank微眾銀行的騰訊背景，同時增加了微眾銀行APP的趣味性和親和度。

03. Slogan的提煉

在WeBank品牌運(yùn)營規(guī)劃階段，我們提出了【W(wǎng)e在你身邊】這個概念。APP推廣初期都主要圍繞著如何為有金融理財意識的年輕人提供高質(zhì)量的理財服務(wù)這條主線?！網(wǎng)e在你身邊】這一個理念的提出，是為了突顯微眾銀行不同于傳統(tǒng)銀行那種冷冰冰，有距離感的感覺。在品牌推廣方面，用戶能先從情感上感受到微眾銀行貼心，親和的態(tài)度。

04. 小We的誕生

對于金融這個復(fù)雜又抽象的概念，如何讓年輕人一開始就能快速接受，是對品牌宣傳一個最直接的挑戰(zhàn)。在前期的調(diào)研中我們發(fā)現(xiàn)，有趣有故事的內(nèi)容最容易讓年輕人產(chǎn)生共鳴。而一個品牌有固定的形象會更容易被用戶接受并記住?；凇坝腥ぁ?、“故事”這倆個點(diǎn)，我們設(shè)計提煉了小We和無臉男這倆個形象，通過他們在場景中互動和故事來傳達(dá)【W(wǎng)e在你身邊 】 這個品牌主張。

二、初遇挑戰(zhàn)磨刀不誤砍柴工

在項目初始階段，我們意識到可能會遇到異常多的問題，任何一個新興事物的發(fā)展都不會一帆風(fēng)順。而提前預(yù)警是幫助我們盡量少走彎路的有效辦法。只有在前期做足了分析和準(zhǔn)備，把問題提前梳理清楚，將方向摸準(zhǔn)，才能敏捷地投入到產(chǎn)品設(shè)計中。

01. 解決之道-關(guān)于人

一方面，作為一個跨公司的新項目組，組內(nèi)成員幾乎沒有合作過，默契度尚未形成。在另一方面，我們又需要在一個全新的領(lǐng)域——互聯(lián)網(wǎng)金融，進(jìn)行探索。這需要我們快速磨合，建立的合作模式；同時，還擔(dān)負(fù)了探索公司級合作方式的使命。

微眾銀行戰(zhàn)略部-互聯(lián)網(wǎng)產(chǎn)品中心與騰訊CDC（用戶研究與體驗設(shè)計部）聯(lián)手打造了跨公司級的合作團(tuán)隊——銀行用戶體驗聯(lián)合實(shí)驗室。在本次項目中，CDC負(fù)責(zé)了整個APP的設(shè)計、用戶研究、服務(wù)設(shè)計等等。整個團(tuán)隊通力協(xié)作，努力打造具有移動互聯(lián)網(wǎng)時代下的創(chuàng)新體驗。

整個APP團(tuán)隊選用了小而快的工作方式。核心設(shè)計成員不超過5人，讓他們專注于一個項目，并且全部聚集在一個地方辦公（俗稱小黑屋），更好的應(yīng)對遇到的各種需求情況。圍繞這個團(tuán)隊，在不同的階段還有不同角色的設(shè)計師參與進(jìn)來。

02. 解決之道-關(guān)于需求

為了更好的把握用戶的真實(shí)需求，我們在產(chǎn)品不同階段都安排了用戶調(diào)研，來挖掘用戶深度需求。在項目初期，用研幫助我們找出目標(biāo)人群、用戶訴求和產(chǎn)品訴求，以便我們確立設(shè)計目標(biāo)。根據(jù)用研結(jié)果，我們對當(dāng)前使用金融類產(chǎn)品的用戶進(jìn)行分析，將目標(biāo)人群初步鎖定為：半桶水用戶 新興理財達(dá)人 ，他們更愿意接受多種理財方式，對新興理財了解更多，也比較樂意分享和信任他人的理財建議。

接著，我們使用KANO模型去分析目標(biāo)用戶和產(chǎn)品策劃的需求。我們將實(shí)現(xiàn)難度較低，但并不能完全讓用戶感覺到有用的定義為基本型需求。實(shí)現(xiàn)難度較高，但能讓用戶覺得特別有用的定義為興奮型需求。這兩類需都不是我們需要去處理的核心問題。通過這樣的篩選，我們將期望型需求歸納如下：

03. 如何找到設(shè)計目標(biāo)

將期望型需求進(jìn)行精簡提煉，我們找到當(dāng)前產(chǎn)品的目標(biāo)：提供全方位無縫、快捷、安全和的互聯(lián)網(wǎng)金融服務(wù)。明確的產(chǎn)品目標(biāo)能指引我們不偏離大方向。產(chǎn)品目標(biāo)是對產(chǎn)品需要呈現(xiàn)的狀態(tài)的描述，而設(shè)計的本質(zhì)是提供有效的行為解決方案。所以使用過程的體驗感，才是設(shè)計目標(biāo)關(guān)注的核心點(diǎn)。從而，我們推導(dǎo)出衡量體驗的5個關(guān)鍵詞：效率、安全、操作、信任、認(rèn)知

三、專于設(shè)計不止于一次設(shè)計

01. 搭建可持續(xù)的框架

通過梳理現(xiàn)階段所有的功能點(diǎn)，搭建起大框架并確認(rèn)每個模塊的定位及范圍。根據(jù)功能的不同屬性，建立可以復(fù)用的模板，降低合作設(shè)計的溝通成本，提高輸出效率。

02. 瞄準(zhǔn)設(shè)計目標(biāo)，有原則的設(shè)計

03. 快速迭代下尋找協(xié)作設(shè)計

基于成果的設(shè)計可以將我們從無盡的細(xì)節(jié)中解放出來，為現(xiàn)有的問題尋找解決方案。設(shè)計的過程中，可以和產(chǎn)品開發(fā)團(tuán)隊一起采用協(xié)作設(shè)計快速驗證和迭代。在設(shè)計過程中，我們發(fā)現(xiàn)會受到很多監(jiān)管和限制。對于基礎(chǔ)類的業(yè)務(wù)，在設(shè)計過程中，我們發(fā)現(xiàn)有很多流程是固化的，不會輕易改變。所以從交互層面，我們整理了控件庫，然后視覺的同學(xué)將控件庫標(biāo)準(zhǔn)化，前端的同學(xué)再將標(biāo)準(zhǔn)的控件代碼化。整套體系搭建起來之后，新的設(shè)計的方案就指導(dǎo)規(guī)范可以依據(jù)。

另一方面，我們在設(shè)計理財類的需求時，發(fā)現(xiàn)理財產(chǎn)品的結(jié)構(gòu)是可以分成多個模塊的，比如收益規(guī)則、資金流向、收益走勢圖等等。所以我們把模塊控件化，很多同質(zhì)化的理財產(chǎn)品就可以快速的調(diào)用控件搭建起產(chǎn)品頁面，這樣讓產(chǎn)品經(jīng)理可以看到更真實(shí)的設(shè)計稿，也可以解放更多的視覺人力資源，提高了團(tuán)隊的整體設(shè)計效率。

圖片較大，想看的同學(xué)打開這個另存即可：cdc.tencent.com

四、設(shè)計之上完善設(shè)計體系

既然以微眾銀行本體作為APP的定位，如何將微眾的品牌感融入到各部分設(shè)計中，也是我們需要考慮的重要環(huán)節(jié)。我們對品牌形象與APP風(fēng)格定位進(jìn)行了整合。產(chǎn)品設(shè)計側(cè)我們在制定原則，那么運(yùn)營線我們則是在制定規(guī)則，通過對運(yùn)營設(shè)計風(fēng)格規(guī)則的設(shè)計，既能夠保持我們運(yùn)營產(chǎn)品的風(fēng)格一致，同時能夠提高協(xié)同合作的效率。

根據(jù)現(xiàn)階段的產(chǎn)品特性我們制定了相關(guān)調(diào)性的實(shí)施規(guī)則：

企鵝形象的使用與延展

根據(jù)最初制定的設(shè)計規(guī)則，我們在后續(xù)階段的運(yùn)營當(dāng)中進(jìn)行了延展和豐富。從小We的形態(tài)、 小We應(yīng)用的場景等多角度進(jìn)行豐富。目前在APP一系列的品牌運(yùn)營宣傳中，以小We作為產(chǎn)品的介紹者。讓整個微眾銀行APP去除傳統(tǒng)銀行給人的冰冷感，使之更為親和，有生命感。

以小We為創(chuàng)作基礎(chǔ)，結(jié)合產(chǎn)品的功能特性，創(chuàng)作出更生動活潑的形態(tài)。通過不同的形態(tài)向用戶傳遞產(chǎn)品的亮點(diǎn)與愿景。

有了場景，我們還希望可以更打動每一位用戶。抱著“陪伴是最貼心的溫暖”這樣的信念，我們豐富了小We生活場景。

五、停下來想一想

總的來說，做好體驗設(shè)計，我們覺得重要的就是做好以下6個方面。如果這6個方面能做踏實(shí)了，就會讓你的UI不用做大的調(diào)整，也可為研發(fā)團(tuán)隊節(jié)省更多時間。我們沒有時間去做一個藝術(shù)品，但是我們會堅持不懈的打磨優(yōu)化產(chǎn)品的用戶體驗。

六、感謝一切有你

經(jīng)歷了兩年的打磨，微眾銀行APP 已經(jīng)不再是一款青澀的產(chǎn)品。我們的設(shè)計團(tuán)隊也從陌生到默契，感謝參與的每一位同學(xué)。那些朝著同一個方向努力，那些加班的苦日子，回頭看來也都是快樂的。同時也感謝相關(guān)團(tuán)隊的小伙伴，是你們真誠的建議，使得我們的APP越來越好。

APP上線500多天了，這段時間里我們收到了許多用戶體驗后的反饋和建議。追求更加完美的用戶體驗將是我們不斷前進(jìn)的方向和動力。

藍(lán)藍(lán)設(shè)計( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)