金融行業(yè)大家應(yīng)該是最熟悉不過,隨著互聯(lián)網(wǎng)的發(fā)達(dá),現(xiàn)在的很多行業(yè)都是有給自己的公司做APP,APP可以幫助公司做品牌和產(chǎn)品的推廣,是一個不錯的產(chǎn)品營銷方式,那么金融軟件ui設(shè)計怎么做是最好的呢?今天就讓faceui給大家分享一下金融軟件ui設(shè)計規(guī)則詳解。
金融軟件ui設(shè)計規(guī)則詳解
從安全、認(rèn)知、效率、引導(dǎo)以及體驗這5大方向,去探索關(guān)于金融類APP界面設(shè)計應(yīng)當(dāng)遵循的規(guī)則。
一、安全感:讓用戶有安全感。
安全是一種心理上的感受。情感體驗是由本能、行為和反思決定的。設(shè)計更注重產(chǎn)品給人的初步印象,注重產(chǎn)品的外觀、觸感等。相應(yīng)產(chǎn)品的設(shè)計能力是美觀性能力,界面設(shè)計的主要設(shè)計對象是視覺設(shè)計。在界面設(shè)計中,主要的設(shè)計對象是交互設(shè)計。反思層超越了本能層和行為層,有意識和更高的感覺、情緒和知覺。與產(chǎn)品的情感溫度相對應(yīng),產(chǎn)品的主要設(shè)計對象是積極的情感結(jié)果反饋和品牌信任。
1.安全感本能層
在色彩心理學(xué),藍(lán)色、綠色等冷色調(diào),給人以沉著、穩(wěn)定的感覺,更適合金融產(chǎn)品的科技感性能和可靠性。紅色、黃色、橙色等暖色調(diào)與之形成鮮明對比,代表著活力和熱情,可以用來傳達(dá)金融產(chǎn)品要傳達(dá)給用戶的情感色彩。
?。?)空間感與精致感的視覺設(shè)計。
合理的間距和留白的元素使界面透氣性好,精致的卡片、圖標(biāo)和Banner設(shè)計符合UI設(shè)計潮流,讓用戶感受到設(shè)計團(tuán)隊的專業(yè)和關(guān)懷,喚起用戶對產(chǎn)品的信任和安全感。
金融軟件ui設(shè)計
2.安全感行為層
(1)適當(dāng)和適當(dāng)?shù)闹笇?dǎo)和提示
左側(cè)APP界面提供清晰的指導(dǎo)和提示,幫助用戶快速判斷,右側(cè)選擇金融術(shù)語,對用戶的引導(dǎo)性較少。在金融產(chǎn)品中,信息的復(fù)雜度和專業(yè)性使用戶難以瀏覽,并引起一定的不安。適時設(shè)計合理的引導(dǎo)提示,幫助用戶了解信息,完成操作,解決用戶的后顧之憂,讓用戶信任產(chǎn)品。
很多金融產(chǎn)品的運營都涉及到用戶資產(chǎn)的安全問題,因此在流程設(shè)計的過程中,我們應(yīng)該更加注重產(chǎn)品的防錯容錯機(jī)制和容錯機(jī)制。通過合理的設(shè)計,如條件提示、操作確認(rèn)、錯誤恢復(fù)等,防止用戶出錯,并幫助用戶發(fā)現(xiàn)錯誤后進(jìn)行更正,使用戶能夠安全使用產(chǎn)品。
?。?)用戶使用自由控制權(quán)。
用戶需要在產(chǎn)品的使用過程中擁有主導(dǎo)地位和自由控制權(quán)。通過讓用戶根據(jù)自己的需要自由選擇模塊的呈現(xiàn)方式,并使用戶易于在合理的范圍內(nèi)回溯/撤消行動,用戶可以感受到自己的權(quán)利。
反思層與較高的情緒有關(guān)。結(jié)果反饋是用戶使命的最后一步,好的反饋會給用戶留下好的印象,讓用戶感受到產(chǎn)品的溫度,產(chǎn)生信賴感,影響傳播。我們可以在反饋設(shè)計中添加一些有趣的情感化動效或插圖,讓用戶在操作過程中感到驚訝和關(guān)心。
(1)帶有情感色彩的結(jié)果反饋
很多動效被用在運營頁面,吸引用戶轉(zhuǎn)化。但實際上我們覺得在某些結(jié)果反饋頁面運用一些動效,會增加用戶的一個信任感,尤其是在出現(xiàn)錯誤的時候,一些動效反而會讓用戶覺得:“我好像沒有被這個產(chǎn)品放棄,還有一個團(tuán)隊在跟我一起奮戰(zhàn),給出指引?!?/p>
(2)品牌形象和保障權(quán)益帶來的信任
良好的企業(yè)品牌形象和口碑很大程度上會給用戶帶來認(rèn)知上的安全感。我們可以通過在界面設(shè)計中加入更多的品牌元素,如品牌主題色、LOGO、品牌漫畫形象等,來潛移默化地讓用戶感受企業(yè)的價值,包括在交易前、交易中、交易后,清晰地展示給予用戶的保障權(quán)益,或是責(zé)任條款,來傳達(dá)企業(yè)對用戶負(fù)責(zé)的態(tài)度,提升用戶對產(chǎn)品乃至對企業(yè)的信任感。
二、幫助用戶認(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ù)荷,進(jìn)行界面設(shè)計時,需要有針對性的設(shè)置。
1. 通俗化
(1)使用用戶看得懂的語言
?。?)信息可視化
人腦對不同類型信息的處理速度是:圖片>文字。如果我們將金融產(chǎn)品專業(yè)且復(fù)雜的信息通過圖示的方式同用戶大腦既有的知識進(jìn)行關(guān)聯(lián),也就是我們常說的信息可視化,那么便可一定程度上降低認(rèn)知負(fù)荷。
2. 組織化
(1)通過視覺設(shè)計使層級清晰
金融產(chǎn)品中有著眾多類型不同的繁雜信息需要呈現(xiàn)給用戶,通過合理的卡片、樓層設(shè)計將不同類型的信息分層,清晰地展現(xiàn)給用戶,便于用戶區(qū)分和理解。我們知道非文本處理的速度是大于文本信息的,面對金融這么復(fù)雜專業(yè)的知識,用一些圖文結(jié)合的形式給用戶呈現(xiàn)和展示,會得到更好的效果。
尤其是界面信息過多的時候,通過一些合理的卡片、樓層設(shè)計,可以有效減輕用戶的負(fù)擔(dān),讓用戶更容易專注于想要了解的信息,從而達(dá)到留存用戶的目的。
(2)用信息組塊使結(jié)構(gòu)合理
金融產(chǎn)品的信息往往繁多且都有存在意義,在監(jiān)管要求下,許多金融條款信息必須展示給用戶,我們很多時候無法去精簡頁面呈現(xiàn)的信息。但作為用戶體驗設(shè)計師,我們可以通過合理安排信息的組織方式,來保障用戶快速便捷地獲取所需要的信息。
金融軟件ui設(shè)計
?。?)減少無關(guān)信息
金融產(chǎn)品在使用中有相當(dāng)多的交易流程,需要完成多個步驟來達(dá)成目標(biāo),而每一個步中可能出現(xiàn)的對用戶不重要的信息都會加重用戶的認(rèn)知負(fù)荷。因此我們可以通過合理的刪除和隱藏不必要的信息來減少外在認(rèn)知負(fù)荷的干擾。
3. 場景化
貼近用戶生活:用戶都是千人千面,那么有必要針對1000個用戶做1000個設(shè)計嗎?答案是否定的。設(shè)計之前,為什么我們要做用戶畫像?為什么要做用戶研究?抽取用戶的特性就是我們的目的。移動金融產(chǎn)品面對的用戶大部分是沒有太多金融知識的,但他們愿意去關(guān)注與自己生活場景、生活需求相關(guān)的內(nèi)容。我們可以挖掘用戶的生活金融場景,例如想要存錢買車的這個生活需求場景,便可用這個場景包裝理財產(chǎn)品,通過生活化的場景化設(shè)計,將用戶引入金融場景。
4. 人性化
減少記憶用戶記憶點:用戶在移動金融產(chǎn)品上的很多交易,需要用戶去投入時間獲取和關(guān)注信息的變化,這會占據(jù)用戶較大的記憶負(fù)荷。我們通過在每一個節(jié)點上以合理的界面元素去喚起用戶的記憶,幫助用戶減少主動回憶的負(fù)荷。
以上就是faceui給大家?guī)砹岁P(guān)于金融軟件ui設(shè)計規(guī)則分析知識,ui設(shè)計對于每個企業(yè)的發(fā)展來說都是非常的重要的,所以各個企業(yè)不要忽略這方面的工作。金融軟件ui設(shè)計一定要人性化,畢竟這是給用戶的體驗的,在操作這方面一定要簡單明了。