編輯導(dǎo)讀：只要涉及到錢(qián)財(cái)方面的產(chǎn)品，用戶總是會(huì)比較敏感的，尤其當(dāng)下互聯(lián)網(wǎng)信息泄露嚴(yán)重。那么互聯(lián)網(wǎng)金融產(chǎn)品想要贏得更多用戶，就必須在設(shè)計(jì)上做好引導(dǎo)。具體怎么做？本文作者從安全和認(rèn)知這兩個(gè)方面展開(kāi)了詳細(xì)說(shuō)明，與大家分享。

產(chǎn)品設(shè)計(jì)之前，首先要擬定目標(biāo)用戶。研究顯示，移動(dòng)金融用戶呈年輕化分布，80后及90后中青年用戶占比超過(guò)80%，已成為移動(dòng)金融的中堅(jiān)力量。

這支中堅(jiān)力量大致覆蓋了三類(lèi)人群：一類(lèi)剛步入職場(chǎng)，開(kāi)始獨(dú)立賺錢(qián)，理財(cái)意識(shí)萌芽；

第二類(lèi)入職多年，小有積蓄，接受中低風(fēng)險(xiǎn)理財(cái)，并且希望通過(guò)理財(cái)和投資，達(dá)成一些愿望；

第三類(lèi)背負(fù)家庭和社會(huì)責(zé)任，有理財(cái)意識(shí)和基礎(chǔ)，沒(méi)有過(guò)多時(shí)間深入學(xué)習(xí)理財(cái)知識(shí)。

不管經(jīng)濟(jì)條件如何，一旦和錢(qián)相關(guān)，所有用戶都會(huì)趨利避害。

因此，這類(lèi)典型的金融APP用戶群體，身上有一些共同的特質(zhì)：

金融產(chǎn)品是專(zhuān)業(yè)性非常強(qiáng)的一類(lèi)產(chǎn)品，業(yè)務(wù)周期相對(duì)較長(zhǎng)，本身也具有一定的風(fēng)險(xiǎn)。而身處信息大爆炸時(shí)代，人們已經(jīng)逐漸形成了碎片化處理事務(wù)的習(xí)慣。用戶和金融產(chǎn)品之間，看似有著不可調(diào)和的矛盾。

如何化解這些矛盾？好的“界面設(shè)計(jì)”是關(guān)鍵 ?！昂玫慕缑妗比绾卧O(shè)計(jì)？我們嘗試從五個(gè)維度提取了關(guān)鍵詞：安全、認(rèn)知、效率、引導(dǎo)和體驗(yàn)。

從安全、認(rèn)知、效率、引導(dǎo)以及體驗(yàn)這5大方向，去探索關(guān)于金融類(lèi)APP界面設(shè)計(jì)應(yīng)當(dāng)遵循的規(guī)則。

一、安全感：讓用戶感知到安全

安全是一種心理感受。情感的體驗(yàn)是由本能、行為、反思三個(gè)層面共同決定的。反應(yīng)到界面設(shè)計(jì)中，則具體表現(xiàn)為：

• 本能層先于意識(shí)和思維，它是外觀要素和第一印象形成的基礎(chǔ)。本能層的設(shè)計(jì)更多強(qiáng)調(diào)產(chǎn)品給人的初步印象，著重產(chǎn)品的外觀、觸感等。對(duì)應(yīng)產(chǎn)品的設(shè)計(jì)能力是美觀性，在界面設(shè)計(jì)當(dāng)中，主要設(shè)計(jì)對(duì)象是視覺(jué)設(shè)計(jì)。
• 行為層是人類(lèi)身體日常行為的運(yùn)作。行為層的設(shè)計(jì)與產(chǎn)品使用過(guò)程中的愉悅感和效率有關(guān)。好的行為層設(shè)計(jì)對(duì)應(yīng)產(chǎn)品功能傳達(dá)、易學(xué)性與易用性，以及正面的心情感受。在界面設(shè)計(jì)當(dāng)中，主要設(shè)計(jì)對(duì)象是交互設(shè)計(jì)。
• 反思層超越了本能層和行為層，存在意識(shí)和更高級(jí)的感覺(jué)、情緒及知覺(jué)。對(duì)應(yīng)的是產(chǎn)品的情感溫度，主要的設(shè)計(jì)對(duì)象是正向情感的結(jié)果反饋以及品牌信任。

1. 安全感·本能層

（1）傳達(dá)正面情感的視覺(jué)色調(diào)

在色彩心理學(xué)中，藍(lán)、綠等冷色調(diào)的色彩，給人以冷靜，穩(wěn)定的感覺(jué)，更適合表現(xiàn)金融產(chǎn)品的科技感和可靠性。而紅、黃、橙等暖色調(diào)以及對(duì)比強(qiáng)烈的色彩，代表著活力熱情，也可以用于金融產(chǎn)品要傳達(dá)給用戶的情感色彩。

（2）具有空間感、精致感的視覺(jué)設(shè)計(jì)

設(shè)計(jì)合理的元素間距和留白，讓界面具有透氣性；對(duì)卡片、圖標(biāo)、Banner的設(shè)計(jì)精雕細(xì)琢，符合UI設(shè)計(jì)的趨勢(shì)，能讓用戶感知到設(shè)計(jì)團(tuán)隊(duì)的專(zhuān)業(yè)和細(xì)心，喚起用戶對(duì)一個(gè)產(chǎn)品的信任和安全感。

2. 安全感·行為層

（1）適時(shí)適度的引導(dǎo)和提示

左側(cè)APP的界面中給出了明確的引導(dǎo)和提示，可以幫助用戶迅速做出判斷；而右側(cè)選擇使用金融術(shù)語(yǔ)，對(duì)用戶來(lái)講引導(dǎo)性就沒(méi)有那么強(qiáng)。在金融產(chǎn)品中，信息的復(fù)雜度和專(zhuān)業(yè)性，使用戶在瀏覽時(shí)可能遇到一些困難，產(chǎn)生一些不安情緒。通過(guò)在合適的時(shí)機(jī)，設(shè)計(jì)合理的引導(dǎo)提示，幫助用戶理解信息、完成操作，解決用戶的不安情緒，讓用戶對(duì)產(chǎn)品產(chǎn)生信任感。

用戶在使用金融產(chǎn)品時(shí)，都希望既快又簡(jiǎn)單地完成買(mǎi)賣(mài)操作，并且遇到問(wèn)題時(shí)，有一定的引導(dǎo)和幫助。否則，一旦用戶在界面中迷失，或者說(shuō)尋求幫助時(shí)沒(méi)有及時(shí)得到反饋，會(huì)讓用戶產(chǎn)生焦慮，失去信任感。所以在界面設(shè)計(jì)當(dāng)中一定要注意適時(shí)適度地給用戶一些引導(dǎo)和幫助。

（2）操作中的防錯(cuò)容錯(cuò)機(jī)制

金融產(chǎn)品的許多操作都涉及到用戶的資產(chǎn)安全，因而在流程設(shè)計(jì)中更應(yīng)該關(guān)注操作的防錯(cuò)容錯(cuò)機(jī)制。通過(guò)合理的設(shè)計(jì)，如條件提示、操作確認(rèn)、錯(cuò)誤恢復(fù)等方式，預(yù)防用戶出錯(cuò)，以及在出錯(cuò)后幫助用戶發(fā)現(xiàn)、糾正錯(cuò)誤，讓用戶可以放心地使用產(chǎn)品。

（3）用戶有用自由控制權(quán)

用戶在使用產(chǎn)品過(guò)程中，需要讓用戶感知到自己處于主導(dǎo)地位，讓用戶擁有自由控制權(quán)。通過(guò)在合理的范圍內(nèi)，讓用戶根據(jù)自身的需求可以自由的選擇模塊的展示，以及提供給用戶方便的回退/撤銷(xiāo)操作，都能使用戶感知到自身的權(quán)利。

3. 安全感·反思層

反思層跟更高級(jí)的情感有關(guān)。結(jié)果反饋是用戶完成任務(wù)的最后一步，好的反饋將給用戶留下好的印象，讓用戶感知到產(chǎn)品的溫度，產(chǎn)生信賴(lài)感，并影響到傳播。我們可以在反饋設(shè)計(jì)中加入一些有趣的情感化動(dòng)效或插圖，使用戶在操作中感受到驚喜和關(guān)懷。

（1）帶有情感色彩的結(jié)果反饋

很多動(dòng)效被用在運(yùn)營(yíng)頁(yè)面，吸引用戶轉(zhuǎn)化。但實(shí)際上我們覺(jué)得在某些結(jié)果反饋?lái)?yè)面運(yùn)用一些動(dòng)效，會(huì)增加用戶的一個(gè)信任感，尤其是在出現(xiàn)錯(cuò)誤的時(shí)候，一些動(dòng)效反而會(huì)讓用戶覺(jué)得：“我好像沒(méi)有被這個(gè)產(chǎn)品放棄，還有一個(gè)團(tuán)隊(duì)在跟我一起奮戰(zhàn)，給出指引。”

（2）品牌背書(shū)和保障權(quán)益帶來(lái)的信任

良好的企業(yè)品牌形象和口碑很大程度上會(huì)給用戶帶來(lái)認(rèn)知上的安全感。我們可以通過(guò)在界面設(shè)計(jì)中加入更多的品牌元素，如品牌主題色、LOGO、品牌漫畫(huà)形象等，來(lái)潛移默化地讓用戶感受企業(yè)的價(jià)值，包括在交易前、交易中、交易后，清晰地展示給予用戶的保障權(quán)益，或是責(zé)任條款，來(lái)傳達(dá)企業(yè)對(duì)用戶負(fù)責(zé)的態(tài)度，提升用戶對(duì)產(chǎn)品乃至對(duì)企業(yè)的信任感。

二、認(rèn)知易：幫助用戶認(rèn)知降維

信息大爆炸時(shí)代，人們的記憶寬度越來(lái)越窄，從7±2縮減至5±2、4±1。這個(gè)變化表明，用戶對(duì)于認(rèn)知困難的容忍度越來(lái)越低。金融產(chǎn)品涉及的是用戶的現(xiàn)實(shí)利益，大部分用戶并沒(méi)有太多金融知識(shí)的儲(chǔ)備，且防范心理較為嚴(yán)重。金融APP頁(yè)面上復(fù)雜且專(zhuān)業(yè)的內(nèi)容如果不易理解，或者是頁(yè)面加載不出來(lái)，用戶多半會(huì)馬上關(guān)掉頁(yè)面，甚至是直接退出APP。

這時(shí)界面設(shè)計(jì)就承擔(dān)起幫助用戶減輕認(rèn)知負(fù)擔(dān)/成本的責(zé)任。這里要引用一下J.Sweller的認(rèn)知負(fù)荷理論：認(rèn)知負(fù)荷分為內(nèi)在負(fù)荷、外在負(fù)荷和關(guān)聯(lián)負(fù)荷。針對(duì)不同的負(fù)荷，進(jìn)行界面設(shè)計(jì)時(shí)，需要有針對(duì)性的設(shè)置。

1. 認(rèn)知易：通俗化

（1）使用用戶看得懂的語(yǔ)言

圖中“7日年化率3.408%”的理財(cái)產(chǎn)品推廣文案，簡(jiǎn)化為“一萬(wàn)元每天的收益是1元”理解起來(lái)就容易得多。金融產(chǎn)品的信息常常帶有專(zhuān)業(yè)屬性，缺少理財(cái)知識(shí)的用戶往往很難理解那些專(zhuān)業(yè)的詞匯。

如理財(cái)期限中“T+0”的屬性，如果將其簡(jiǎn)化為小白用戶也能看懂的語(yǔ)言“隨存隨取”，用戶一下子便能理解這個(gè)理財(cái)產(chǎn)品的理財(cái)期限，大大提升了用戶的認(rèn)知速度和決策能力。

（2）信息可視化

人腦對(duì)不同類(lèi)型信息的處理速度是：圖片>文字。如果我們將金融產(chǎn)品專(zhuān)業(yè)且復(fù)雜的信息通過(guò)圖示的方式同用戶大腦既有的知識(shí)進(jìn)行關(guān)聯(lián)，也就是我們常說(shuō)的信息可視化，那么便可一定程度上降低認(rèn)知負(fù)荷。

2. 認(rèn)知易·組織化

（1）通過(guò)視覺(jué)設(shè)計(jì)使層級(jí)清晰

金融產(chǎn)品中有著眾多類(lèi)型不同的繁雜信息需要呈現(xiàn)給用戶，通過(guò)合理的卡片、樓層設(shè)計(jì)將不同類(lèi)型的信息分層，清晰地展現(xiàn)給用戶，便于用戶區(qū)分和理解。我們知道非文本處理的速度是大于文本信息的，面對(duì)金融這么復(fù)雜專(zhuān)業(yè)的知識(shí)，用一些圖文結(jié)合的形式給用戶呈現(xiàn)和展示，會(huì)得到更好的效果。

尤其是界面信息過(guò)多的時(shí)候，通過(guò)一些合理的卡片、樓層設(shè)計(jì)，可以有效減輕用戶的負(fù)擔(dān)，讓用戶更容易專(zhuān)注于想要了解的信息，從而達(dá)到留存用戶的目的。

（2）用信息組塊使結(jié)構(gòu)合理

金融產(chǎn)品的信息往往繁多且都有存在意義，在監(jiān)管要求下，許多金融條款信息必須展示給用戶，我們很多時(shí)候無(wú)法去精簡(jiǎn)頁(yè)面呈現(xiàn)的信息。但作為用戶體驗(yàn)設(shè)計(jì)師，我們可以通過(guò)合理安排信息的組織方式，來(lái)保障用戶快速便捷地獲取所需要的信息。

（3）減少無(wú)關(guān)信息

金融產(chǎn)品在使用中有相當(dāng)多的交易流程，需要完成多個(gè)步驟來(lái)達(dá)成目標(biāo)，而每一個(gè)步中可能出現(xiàn)的對(duì)用戶不重要的信息都會(huì)加重用戶的認(rèn)知負(fù)荷。因此我們可以通過(guò)合理的刪除和隱藏不必要的信息來(lái)減少外在認(rèn)知負(fù)荷的干擾。

3. 認(rèn)知易：場(chǎng)景化

（1）貼近用戶生活：場(chǎng)景化設(shè)計(jì)

用戶都是千人千面，那么有必要針對(duì)1000個(gè)用戶做1000個(gè)設(shè)計(jì)嗎？答案是否定的。設(shè)計(jì)之前，為什么我們要做用戶畫(huà)像？為什么要做用戶研究？抽取用戶的特性就是我們的目的。移動(dòng)金融產(chǎn)品面對(duì)的用戶大部分是沒(méi)有太多金融知識(shí)的，但他們?cè)敢馊リP(guān)注與自己生活場(chǎng)景、生活需求相關(guān)的內(nèi)容。我們可以挖掘用戶的生活金融場(chǎng)景，例如想要存錢(qián)買(mǎi)車(chē)的這個(gè)生活需求場(chǎng)景，便可用這個(gè)場(chǎng)景包裝理財(cái)產(chǎn)品，通過(guò)生活化的場(chǎng)景化設(shè)計(jì)，將用戶引入金融場(chǎng)景。

4. 認(rèn)知易：人性化

（1）減少記憶用戶記憶點(diǎn)：節(jié)點(diǎn)提醒

用戶在移動(dòng)金融產(chǎn)品上的很多交易，需要用戶去投入時(shí)間獲取和關(guān)注信息的變化，這會(huì)占據(jù)用戶較大的記憶負(fù)荷。我們通過(guò)在每一個(gè)節(jié)點(diǎn)上以合理的界面元素去喚起用戶的記憶，幫助用戶減少主動(dòng)回憶的負(fù)荷。

下期預(yù)告：受篇幅所限，本文只分享了安全和認(rèn)知部分的內(nèi)容，下一期推送會(huì)從效率、引導(dǎo)和體驗(yàn)三方面做進(jìn)一步探討，歡迎關(guān)注。

作者：馬少林，伊颯爾界面設(shè)計(jì)公司用研總監(jiān)；賀賡曄，伊颯爾界面設(shè)計(jì)資深交互設(shè)計(jì)師。

本文由 @伊颯爾界面設(shè)計(jì) 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議