微眾銀行作為國(guó)內(nèi)第一家具有互聯(lián)網(wǎng)基因的民營(yíng)銀行,正在創(chuàng)造新的金融模式,讓我們的世界開始發(fā)生從0到1的轉(zhuǎn)變。

2018-03-19 3132 1

aeed59818a2ea801215603748dfb.jpg

照搬他人的模式要比創(chuàng)造新的東西容易。做大家都知道如何去做的事,只會(huì)使世界發(fā)生從1N的改變,增添許多類似的東西。但是每次我們創(chuàng)造新事物的時(shí)候,會(huì)使世界發(fā)生從01的改變。                     

  —— Peter Thiel,Blake Masters《從01:開啟商業(yè)與未來的秘密》

 

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


 

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


 

一、微眾連接你我的新平臺(tái)


 

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


 

aa3c59818a42a801215603e9423a.jpg


 

01、關(guān)于品牌


 

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


 

332159818a510000002129ce0d71.jpg


 

02、Icon的演化


 

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

 

c22f59818a5e0000002129961b37.jpg


 

03、Slogan的提煉


 

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

 

04、小We的誕生


 

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

 

66f859818a8900000021291cfe44.jpg

 

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


 

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

 

e4b959818a9c0000002129cbbb51.jpg

01、解決之道_關(guān)于人


 

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


 

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


 

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


 

02、解決之道_關(guān)于需求


 

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


 

40a159818ab2a80121560371deff.jpg


 

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


 

802a59818abf0000002129b8fe2f.jpg


 

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

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


 


 

821759818acba8012156033d00fd.jpg

 
 

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


 

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


 

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


 

b5ac59818ada0000002129060451.jpg

 

02、瞄準(zhǔn)設(shè)計(jì)目標(biāo),有原則的設(shè)計(jì)


 

ff0359818ae7a801215603a51245.jpg

 

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


 

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


 

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


 

a8e559818afda801215603f07118.jpg

 

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


 

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


 

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


 

77e159818b0f0000002129c5593e.jpg


 

企鵝形象的使用與延展


 

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


 

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


 

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


 

9bae59818b1da801215603e91297.jpg


 

五、停下來想一想


 

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


 

2e8e59818b320000002129c66066.jpg

 

六、說在最后感謝一切有你


 

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

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


30
評(píng)論區(qū)(0)
正在加載評(píng)論...