照搬他人的模式要比創(chuàng)造新的東西容易。做大家都知道如何去做的事,只會(huì)使世界發(fā)生從1到N的改變,增添許多類似的東西。但是每次我們創(chuàng)造新事物的時(shí)候,會(huì)使世界發(fā)生從0到1的改變。
—— Peter Thiel,Blake Masters《從0到1:開啟商業(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)通過信息流連接起來。
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ī)則。
02、Icon的演化
作為WeBank微眾銀行的APP,在icon上則選擇了Webank標(biāo)識(shí)中最明顯品牌認(rèn)知度的企鵝側(cè)面形象。企鵝形象的使用,再一次在品牌運(yùn)營(yíng)上強(qiáng)化WeBank微眾銀行的騰訊背景,同時(shí)增加了微眾銀行APP的趣味性和親和度。
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è)品牌主張。
二、初遇挑戰(zhàn)磨刀不誤砍柴工
在項(xiàng)目初始階段,我們意識(shí)到可能會(huì)遇到異常多的問題,任何一個(gè)新興事物的發(fā)展都不會(huì)一帆風(fēng)順。而提前預(yù)警是幫助我們盡量少走彎路的有效辦法。只有在前期做足了分析和準(zhǔn)備,把問題提前梳理清楚,將方向摸準(zhǔn),才能高效敏捷地投入到產(chǎn)品設(shè)計(jì)中。
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)建議。
接著,我們使用KANO模型去分析目標(biāo)用戶和產(chǎn)品策劃的需求。我們將實(shí)現(xiàn)難度較低,但并不能完全讓用戶感覺到有用的定義為基本型需求。實(shí)現(xiàn)難度較高,但能讓用戶覺得特別有用的定義為興奮型需求。這兩類需都不是我們需要去處理的核心問題。通過這樣的篩選,我們將期望型需求歸納如下:
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)知
三、專于設(shè)計(jì)不止于一次設(shè)計(jì)
01、搭建可持續(xù)的框架
通過梳理現(xiàn)階段所有的功能點(diǎn),搭建起大框架并確認(rèn)每個(gè)模塊的定位及范圍。根據(jù)功能的不同屬性,建立可以復(fù)用的模板,降低合作設(shè)計(jì)的溝通成本,提高輸出效率。
02、瞄準(zhǔn)設(shè)計(jì)目標(biāo),有原則的設(shè)計(jì)
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ì)效率。
四、設(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ī)則:
企鵝形象的使用與延展
根據(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)景。
五、停下來想一想
總的來說,做好體驗(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)。
六、說在最后感謝一切有你
經(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)力。