2017-8-4 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
照搬他人的模式要比創(chuàng)造新的東西容易。做大家都知道如何去做的事，只會(huì)使世界發(fā)生從1到N的改變，增添許多類似的東西。但是每次我們創(chuàng)造新事物的時(shí)候，會(huì)使世界發(fā)生從0到1的改變。
—— Peter Thiel,Blake Masters《從0到1：開(kāi)啟商業(yè)與未來(lái)的秘密》
微眾銀行作為國(guó)內(nèi)第一家具有互聯(lián)網(wǎng)基因的民營(yíng)銀行，正在創(chuàng)造新的金融模式，讓我們的世界開(kāi)始發(fā)生從0到1的轉(zhuǎn)變。作為新的事物，它并不是簡(jiǎn)單的“互聯(lián)網(wǎng)”與“銀行”相加，而是用互聯(lián)網(wǎng)的思維在金融領(lǐng)域進(jìn)行創(chuàng)新。
過(guò)去的兩年，我們做了很多嘗試和探索。但創(chuàng)新絕不是一帆風(fēng)順的事情，所以過(guò)程中的設(shè)計(jì)方法更值得記錄和分享。在項(xiàng)目初期，我們做了很多分析和準(zhǔn)備，但由于時(shí)間關(guān)系，我們一直沒(méi)能好好的梳理成文。現(xiàn)在微眾業(yè)務(wù)趨于成熟穩(wěn)定，促使我們重新回看剛開(kāi)始那段珍貴的時(shí)光，把項(xiàng)目初期的的精華重新記錄下來(lái)，希望對(duì)大型項(xiàng)目的初期搭建能有一些啟發(fā)和指引。
一、微眾連接你我的新平臺(tái)
從一開(kāi)始，微眾銀行就定位為“全新的互聯(lián)網(wǎng)平臺(tái)，一家持有銀行牌照的互聯(lián)網(wǎng)平臺(tái)”。作為一個(gè)連接者，要做的就是將個(gè)人、企業(yè)、合作銀行及其他的金融機(jī)構(gòu)通過(guò)信息流連接起來(lái)。
01、關(guān)于品牌
在APP產(chǎn)品設(shè)計(jì)研發(fā)初期，我們就發(fā)現(xiàn)年輕人更傾向操作簡(jiǎn)單，視覺(jué)簡(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(wǎng)e在你身邊】這一個(gè)理念的提出，是為了突顯微眾銀行不同于傳統(tǒng)銀行那種冷冰冰，有距離感的感覺(jué)。在品牌推廣方面，用戶能先從情感上感受到微眾銀行貼心，親和的態(tài)度。
04、小We的誕生
對(duì)于金融這個(gè)復(fù)雜又抽象的概念，如何讓年輕人一開(kāi)始就能快速接受，是對(duì)品牌宣傳一個(gè)最直接的挑戰(zhàn)。在前期的調(diào)研中我們發(fā)現(xiàn)，有趣有故事的內(nèi)容最容易讓年輕人產(chǎn)生共鳴。而一個(gè)品牌有固定的形象會(huì)更容易被用戶接受并記住。基于“有趣”、“故事”這倆個(gè)點(diǎn)，我們?cè)O(shè)計(jì)提煉了小We和無(wú)臉男這倆個(gè)形象，通過(guò)他們?cè)趫?chǎng)景中互動(dòng)和故事來(lái)傳達(dá)【W(wǎng)e在你身邊 】 這個(gè)品牌主張。
二、初遇挑戰(zhàn)磨刀不誤砍柴工
在項(xiàng)目初始階段，我們意識(shí)到可能會(huì)遇到異常多的問(wèn)題，任何一個(gè)新興事物的發(fā)展都不會(huì)一帆風(fēng)順。而提前預(yù)警是幫助我們盡量少走彎路的有效辦法。只有在前期做足了分析和準(zhǔn)備，把問(wèn)題提前梳理清楚，將方向摸準(zhǔn)，才能敏捷地投入到產(chǎn)品設(shè)計(jì)中。
01、解決之道_關(guān)于人
一方面，作為一個(gè)跨公司的新項(xiàng)目組，組內(nèi)成員幾乎沒(méi)有合作過(guò)，默契度尚未形成。在另一方面，我們又需要在一個(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ì)成員不超過(guò)5人，讓他們專注于一個(gè)項(xiàng)目，并且全部聚集在一個(gè)地方辦公（俗稱小黑屋），更好的應(yīng)對(duì)遇到的各種需求情況。圍繞這個(gè)團(tuán)隊(duì)，在不同的階段還有不同角色的設(shè)計(jì)師參與進(jìn)來(lái)。
02、解決之道_關(guān)于需求
為了更好的把握用戶的真實(shí)需求，我們?cè)诋a(chǎn)品不同階段都安排了用戶調(diào)研，來(lái)挖掘用戶深度需求。在項(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)了解更多，也比較樂(lè)意分享和信任他人的理財(cái)建議。
接著，我們使用KANO模型去分析目標(biāo)用戶和產(chǎn)品策劃的需求。我們將實(shí)現(xiàn)難度較低，但并不能完全讓用戶感覺(jué)到有用的定義為基本型需求。實(shí)現(xiàn)難度較高，但能讓用戶覺(jué)得特別有用的定義為興奮型需求。這兩類需都不是我們需要去處理的核心問(wèn)題。通過(guò)這樣的篩選，我們將期望型需求歸納如下：
03、如何找到設(shè)計(jì)目標(biāo)
將期望型需求進(jìn)行精簡(jiǎn)提煉，我們找到當(dāng)前產(chǎn)品的目標(biāo)：提供全方位無(wú)縫、快捷、安全和的互聯(lián)網(wǎng)金融服務(wù)。明確的產(chǎn)品目標(biāo)能指引我們不偏離大方向。產(chǎn)品目標(biāo)是對(duì)產(chǎn)品需要呈現(xiàn)的狀態(tài)的描述，而設(shè)計(jì)的本質(zhì)是提供有效的行為解決方案。所以使用過(guò)程的體驗(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ù)的框架
通過(guò)梳理現(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ì)可以將我們從無(wú)盡的細(xì)節(jié)中解放出來(lái)，為現(xiàn)有的問(wèn)題尋找解決方案。設(shè)計(jì)的過(guò)程中，可以和產(chǎn)品開(kāi)發(fā)團(tuán)隊(duì)一起采用協(xié)作設(shè)計(jì)快速驗(yàn)證和迭代。在設(shè)計(jì)過(guò)程中，我們發(fā)現(xiàn)會(huì)受到很多監(jiān)管和限制。對(duì)于基礎(chǔ)類的業(yè)務(wù)，在設(shè)計(jì)過(guò)程中，我們發(fā)現(xiàn)有很多流程是固化的，不會(huì)輕易改變。所以從交互層面，我們整理了控件庫(kù)，然后視覺(jué)的同學(xué)將控件庫(kù)標(biāo)準(zhǔn)化，前端的同學(xué)再將標(biāo)準(zhǔn)的控件代碼化。整套體系搭建起來(lái)之后，新的設(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)品頁(yè)面，這樣讓產(chǎn)品經(jīng)理可以看到更真實(shí)的設(shè)計(jì)稿，也可以解放更多的視覺(jué)人力資源，提高了團(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ī)則，通過(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)。通過(guò)不同的形態(tài)向用戶傳遞產(chǎn)品的亮點(diǎn)與愿景。
有了場(chǎng)景，我們還希望可以更打動(dòng)每一位用戶。抱著“陪伴是最貼心的溫暖”這樣的信念，我們豐富了小We生活場(chǎng)景。
五、停下來(lái)想一想
總的來(lái)說(shuō)，做好體驗(yàn)設(shè)計(jì)，我們覺(jué)得重要的就是做好以下6個(gè)方面。如果這6個(gè)方面能做踏實(shí)了，就會(huì)讓你的UI不用做大的調(diào)整，也可為研發(fā)團(tuán)隊(duì)節(jié)省更多時(shí)間。我們沒(méi)有時(shí)間去做一個(gè)藝術(shù)品，但是我們會(huì)堅(jiān)持不懈的打磨優(yōu)化產(chǎn)品的用戶體驗(yàn)。
六、說(shuō)在最后感謝一切有你
經(jīng)歷了兩年的打磨，微眾銀行APP 已經(jīng)不再是一款青澀的產(chǎn)品。我們的設(shè)計(jì)團(tuán)隊(duì)也從陌生到默契，感謝參與的每一位同學(xué)。那些朝著同一個(gè)方向努力，那些加班的苦日子，回頭看來(lái)也都是快樂(lè)的。同時(shí)也感謝相關(guān)團(tuán)隊(duì)的小伙伴，是你們真誠(chéng)的建議，使得我們的APP越來(lái)越好。
APP上線500多天了，這段時(shí)間里我們收到了許多用戶體驗(yàn)后的反饋和建議。追求更加完美的用戶體驗(yàn)將是我們不斷前進(jìn)的方向和動(dòng)力。
藍(lán)藍(lán)設(shè)計(jì)( paul-jarrel.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://paul-jarrel.com