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

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

這支中堅力量大致覆蓋了三類人群：一類剛步入職場，開始獨立賺錢，理財意識萌芽；

第二類入職多年，小有積蓄，接受中低風(fēng)險理財，并且希望通過理財和投資，達成一些愿望；

第三類背負(fù)家庭和社會責(zé)任，有理財意識和基礎(chǔ)，沒有過多時間深入學(xué)習(xí)理財知識。

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

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

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

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

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

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

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

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

1. 安全感·本能層

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

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

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

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

2. 安全感·行為層

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

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

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

（2）操作中的防錯容錯機制

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

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

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

3. 安全感·反思層

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

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

很多動效被用在運營頁面，吸引用戶轉(zhuǎn)化。但實際上我們覺得在某些結(jié)果反饋頁面運用一些動效，會增加用戶的一個信任感，尤其是在出現(xiàn)錯誤的時候，一些動效反而會讓用戶覺得：“我好像沒有被這個產(chǎn)品放棄，還有一個團隊在跟我一起奮戰(zhàn)，給出指引?！?/p>

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

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

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

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

這時界面設(shè)計就承擔(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ù)荷。針對不同的負(fù)荷，進行界面設(shè)計時，需要有針對性的設(shè)置。

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

（1）使用用戶看得懂的語言

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

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

（2）信息可視化

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

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

（1）通過視覺設(shè)計使層級清晰

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

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

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

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

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

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

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

（1）貼近用戶生活：場景化設(shè)計

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

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

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

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

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

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

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

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