金融類APP界面設計規則探索(上):安全、認知

4 評論 15495 瀏覽 124 收藏 17 分鐘

編輯導讀:只要涉及到錢財方面的產品,用戶總是會比較敏感的,尤其當下互聯網信息泄露嚴重。那么互聯網金融產品想要贏得更多用戶,就必須在設計上做好引導。具體怎么做?本文作者從安全和認知這兩個方面展開了詳細說明,與大家分享。

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

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

第二類入職多年,小有積蓄,接受中低風險理財,并且希望通過理財和投資,達成一些愿望;

第三類背負家庭和社會責任,有理財意識和基礎,沒有過多時間深入學習理財知識。

不管經濟條件如何,一旦和錢相關,所有用戶都會趨利避害。

因此,這類典型的金融APP用戶群體,身上有一些共同的特質:

金融產品是專業性非常強的一類產品,業務周期相對較長,本身也具有一定的風險。而身處信息大爆炸時代,人們已經逐漸形成了碎片化處理事務的習慣。用戶和金融產品之間,看似有著不可調和的矛盾。

如何化解這些矛盾?好的“界面設計”是關鍵 。“好的界面”如何設計?我們嘗試從五個維度提取了關鍵詞:安全、認知、效率、引導體驗。

安全、認知、效率、引導以及體驗這5大方向,去探索關于金融類APP界面設計應當遵循的規則。

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

安全是一種心理感受。情感的體驗是由本能、行為、反思三個層面共同決定的。反應到界面設計中,則具體表現為:

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

1. 安全感·本能層

(1)傳達正面情感的視覺色調

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

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

設計合理的元素間距和留白,讓界面具有透氣性;對卡片、圖標、Banner的設計精雕細琢,符合UI設計的趨勢,能讓用戶感知到設計團隊的專業和細心,喚起用戶對一個產品的信任和安全感。

2. 安全感·行為層

(1)適時適度的引導和提示

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

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

(2)操作中的防錯容錯機制

金融產品的許多操作都涉及到用戶的資產安全,因而在流程設計中更應該關注操作的防錯容錯機制。通過合理的設計,如條件提示、操作確認、錯誤恢復等方式,預防用戶出錯,以及在出錯后幫助用戶發現、糾正錯誤,讓用戶可以放心地使用產品。

(3)用戶有用自由控制權

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

3. 安全感·反思層

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

(1)帶有情感色彩的結果反饋

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

(2)品牌背書和保障權益帶來的信任

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

二、認知易:幫助用戶認知降維

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

這時界面設計就承擔起幫助用戶減輕認知負擔/成本的責任。這里要引用一下J.Sweller的認知負荷理論:認知負荷分為內在負荷、外在負荷和關聯負荷。針對不同的負荷,進行界面設計時,需要有針對性的設置。

1. 認知易:通俗化

(1)使用用戶看得懂的語言

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

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

(2)信息可視化

人腦對不同類型信息的處理速度是:圖片>文字。如果我們將金融產品專業且復雜的信息通過圖示的方式同用戶大腦既有的知識進行關聯,也就是我們常說的信息可視化,那么便可一定程度上降低認知負荷。

2. 認知易·組織化

(1)通過視覺設計使層級清晰

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

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

(2)用信息組塊使結構合理

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

(3)減少無關信息

金融產品在使用中有相當多的交易流程,需要完成多個步驟來達成目標,而每一個步中可能出現的對用戶不重要的信息都會加重用戶的認知負荷。因此我們可以通過合理的刪除和隱藏不必要的信息來減少外在認知負荷的干擾。

3. 認知易:場景化

(1)貼近用戶生活:場景化設計

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

4. 認知易:人性化

(1)減少記憶用戶記憶點:節點提醒

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

下期預告:受篇幅所限,本文只分享了安全和認知部分的內容,下一期推送會從效率、引導和體驗三方面做進一步探討,歡迎關注。

 

作者:馬少林,伊颯爾界面設計公司用研總監;賀賡曄,伊颯爾界面設計資深交互設計師。

本文由 @伊颯爾界面設計 翻譯發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 伊颯爾公司創始人袁小偉博士積二十余年之用戶體驗領域項目經驗,所撰寫的《用戶體驗測評方法》,近期將由湖南大學出版社付梓印行。該書是“用戶體驗大學堂叢書”首部著作?!队脩趔w驗指標體系》、《用戶研究》也將在今年陸續推出。《用戶體驗管理體系》和《用戶界面設計》計劃在2025年上半年出版。關注“用戶體驗大學堂”公眾號,第一時間了解新書資訊。

    來自河南 回復
  2. 寫的很好

    回復
  3. 分析得挺全面,感謝分享,期待下篇!

    來自廣東 回復
    1. 謝謝,下篇已經出爐,馬上奉上

      來自河南 回復