6個(gè)獨(dú)特的數(shù)字銀行中后臺(tái)用戶(hù)體驗(yàn)設(shè)計(jì),開(kāi)啟金融產(chǎn)品體驗(yàn)革新之路

2 評(píng)論 1620 瀏覽 5 收藏 21 分鐘

在數(shù)字化時(shí)代,銀行中后臺(tái)系統(tǒng)的用戶(hù)體驗(yàn)設(shè)計(jì)對(duì)于提升金融服務(wù)效率和質(zhì)量至關(guān)重要。本文介紹了六種獨(dú)特的數(shù)字銀行中后臺(tái)用戶(hù)體驗(yàn)設(shè)計(jì)方案,旨在通過(guò)創(chuàng)新的視覺(jué)和交互設(shè)計(jì),開(kāi)啟金融產(chǎn)品體驗(yàn)革新之路。

沮喪??。令人意外的是,這竟然是數(shù)以千計(jì)的銀行員工在日常使用陳舊的銀行中后臺(tái)系統(tǒng)時(shí)的普遍感受。設(shè)想一下??,如果你的主要辦公工具不能夠幫助你解決問(wèn)題,反而成為問(wèn)題之源之一,成為開(kāi)展工作的阻礙,你的感受如何?沒(méi)想到吧,我們正在討論的是銀行業(yè)金融行業(yè)。在這個(gè)領(lǐng)域,任何一點(diǎn)失誤都很有可能直接導(dǎo)致資金損失、客戶(hù)流失和聲譽(yù)受損。多年,我們專(zhuān)注銀行金融產(chǎn)品體驗(yàn),也構(gòu)思了一些開(kāi)創(chuàng)性的銀行中后臺(tái)金融用戶(hù)體驗(yàn)設(shè)計(jì)方案,主要是為了打開(kāi)一條金融產(chǎn)品體驗(yàn)設(shè)計(jì)革新之路。

如今互聯(lián)網(wǎng)時(shí)代,社交媒體早已成為了主流,我們深知其中很多表象是有欺騙性的。這一點(diǎn)在銀行金融行業(yè)同樣如此。誰(shuí)又能想到??,在那些高大上的玻璃大廈里面,看似現(xiàn)代化的移動(dòng)銀行金融應(yīng)用背后,竟然隱藏著一些讓人聯(lián)想到 20 年前灰暗無(wú)趣的銀行中后臺(tái)系統(tǒng)。這些系統(tǒng)所引發(fā)的困擾,真的令人難以置信。從漫長(zhǎng)的培訓(xùn)過(guò)程,到不可接受的錯(cuò)誤,再到整體業(yè)務(wù)壓力的上升、生產(chǎn)效率的低下,糟糕的客戶(hù)服務(wù)等等,體驗(yàn)問(wèn)題層出不窮。

我們堅(jiān)信,從用戶(hù)體驗(yàn)的角度出發(fā),很多銀行中后臺(tái)系統(tǒng)存在巨大的改進(jìn)空間。我們希望能夠?yàn)槟切┟刻焓褂眠@些系統(tǒng)的金融機(jī)構(gòu)的員工們提供支持和幫助。與此同時(shí),我們更不能忽視那些直接受銀行中后臺(tái)系統(tǒng)運(yùn)作影響的客戶(hù)。當(dāng)務(wù)之急,采用一套行之有效的設(shè)計(jì)方法就能夠顯著提升銀行金融機(jī)構(gòu)的運(yùn)營(yíng)效率,同時(shí)確保業(yè)務(wù)的準(zhǔn)確性和可靠性。

我們的用戶(hù)體驗(yàn)架構(gòu)師和設(shè)計(jì)師精心設(shè)計(jì) 6 款數(shù)字銀行中后臺(tái)系統(tǒng)產(chǎn)品界面。傳達(dá)未來(lái)數(shù)字銀行金融產(chǎn)品的中后臺(tái)系統(tǒng)應(yīng)該做到易用、好用。

每一個(gè)設(shè)計(jì)方案都是根據(jù)不同類(lèi)型銀行金融業(yè)務(wù)的特點(diǎn)和用戶(hù)需求量身定制的。有的保持傳統(tǒng)和穩(wěn)重的風(fēng)格,有的大膽采用時(shí)尚和明快的元素。在每個(gè)方案后,我們提供詳細(xì)的設(shè)計(jì)說(shuō)明和獨(dú)特思考。

01 明亮簡(jiǎn)約

明亮、直觀、友好——這是設(shè)計(jì)方案的核心理念。如同輕盈的羽毛,優(yōu)雅、輕巧、簡(jiǎn)潔。同時(shí),提供便捷、愉悅的使用體驗(yàn),無(wú)論是操作還是視覺(jué)效果都很清爽。

設(shè)計(jì)師 Victoria 分享她的設(shè)計(jì)理念:

這個(gè)挑戰(zhàn)讓我倍感興奮,讓我想起了自己的第一份工作的經(jīng)歷。我清晰記得那些“過(guò)時(shí)的”灰色調(diào)設(shè)計(jì),難以辨認(rèn)的超小字號(hào),充滿(mǎn)密密麻麻的文字 Excel 式列表。完成任何一項(xiàng)操作都需要經(jīng)過(guò)繁瑣的步驟。我經(jīng)常處在壓力和焦慮之中,生怕遺漏某些環(huán)節(jié),從而導(dǎo)致工作失誤。正是這些經(jīng)歷,讓我能夠真正設(shè)身處地理解銀行員工的處境,深刻感受到一個(gè)“反用戶(hù)體驗(yàn)”的系統(tǒng)是如何造就低效的工作環(huán)境的。

白色空間實(shí)現(xiàn)輕盈清爽的效果,融入柔和的色彩點(diǎn)綴和視覺(jué)元素(如富有吸引力的圖標(biāo))。

這是一名銀行員工從入職第一天就能高效使用的解決方案,不需要浪費(fèi)數(shù)月的時(shí)間和精力去學(xué)習(xí)難以閱讀的教程和指南。

這個(gè)概念方案專(zhuān)為中型銀行設(shè)計(jì),主要是服務(wù)于分行和電話渠道的各類(lèi)客戶(hù)。

在界面的中間區(qū)域,員工可以一目了然地查看所有客戶(hù)相關(guān)信息。右側(cè)面板提供了便捷的消息和通知、日常任務(wù)查看,以及日程表新事件和提醒的添加功能。

更進(jìn)一步,這個(gè)概念設(shè)計(jì)凸顯內(nèi)容的直觀性。所有關(guān)鍵信息都集中在一個(gè)界面上,使員工能夠輕松導(dǎo)航并迅速找到所需內(nèi)容。這種設(shè)計(jì)方法大大提升了用戶(hù)滿(mǎn)意度和舒適感,在日常任務(wù)中,員工不在因?yàn)殡y以使用系統(tǒng)導(dǎo)致任何挫折和壓力。

設(shè)計(jì)師以“簡(jiǎn)單到連奶奶們都能學(xué)會(huì)”為目標(biāo)進(jìn)行創(chuàng)作。我們認(rèn)為,這是衡量服務(wù)可用性的絕佳指標(biāo)。

02 簡(jiǎn)約寧?kù)o

簡(jiǎn)約、清晰、整潔——這是設(shè)計(jì)方案的核心理念。我們刻意避開(kāi)了常見(jiàn)的”Dribbble 風(fēng)格”設(shè)計(jì),摒棄了那些過(guò)于花哨、明亮和冗余的元素。

設(shè)計(jì)中,我們著重強(qiáng)調(diào)了時(shí)尚與經(jīng)典的結(jié)合,打造一個(gè)既嚴(yán)謹(jǐn)又功能豐富的界面。

頂部醒目位置放置了“智能搜索”的輸入框。搜索區(qū)能讓銀行員工能夠便捷地查找所需的任何信息。在設(shè)計(jì)這個(gè)功能時(shí),設(shè)計(jì)師 巧妙地減少了傳統(tǒng)銀行后臺(tái)系統(tǒng)中常見(jiàn)的工作區(qū)域過(guò)度擁擠的問(wèn)題。通過(guò)創(chuàng)建一個(gè)統(tǒng)一的搜索框,取代在每個(gè)模塊中設(shè)置單獨(dú)搜索框的做法。

整個(gè)界面根據(jù)銀行員工的偏好和日常任務(wù)頻率,劃分為三大工作區(qū)塊。

左側(cè)是主菜單,清晰展示了日歷、計(jì)劃任務(wù)、待辦事項(xiàng)列表和待處理的預(yù)約。

中間是主要工作區(qū)?;顒?dòng)圖表包含客戶(hù)事務(wù)的所有重要信息。為了方便員工使用,這些信息可以輕松排序和篩選。員工可以簡(jiǎn)單快速地瀏覽圖表,并在上方顯示的活動(dòng)狀態(tài)標(biāo)簽之間切換。

這種設(shè)計(jì)和架構(gòu)簡(jiǎn)單透明,使員工能夠快速、輕松地完成日常任務(wù)。最終的結(jié)果也讓客戶(hù)受益,用戶(hù)的請(qǐng)求處理速度顯著提高。

“客戶(hù)驗(yàn)證”是日常服務(wù)客戶(hù)的員工最常用的選項(xiàng)之一??紤]到需要處理客戶(hù)的個(gè)人數(shù)據(jù),這個(gè)功能必須既要容易快速訪問(wèn),又要保證安全性。設(shè)計(jì)師通過(guò)使用鮮艷的莧菜紅,使按鈕從整體靜謐的界面中脫穎而出,強(qiáng)調(diào)了這個(gè)功能的重要性。這個(gè)巧妙的強(qiáng)調(diào)色吸引了用戶(hù)的注意,同時(shí)又不顯得特別夸張,很好的融入到這個(gè)銀行中后臺(tái)設(shè)計(jì)整體寧?kù)o祥和的視覺(jué)風(fēng)格。

在按鈕正下方,還設(shè)計(jì)了一個(gè)功能,允許員工輕松標(biāo)記“收藏”客戶(hù)。只需記下客戶(hù)名字,系統(tǒng)就會(huì)自動(dòng)將其置頂,方便快速訪問(wèn)。

這個(gè)按鈕設(shè)計(jì)采用了陰影效果,選擇色彩點(diǎn)綴,營(yíng)造簡(jiǎn)潔明快的視覺(jué)效果。智能的架構(gòu)設(shè)計(jì)和色彩運(yùn)用,以及工作區(qū)域的清晰概覽,為員工創(chuàng)造了一個(gè)友好、減壓的工作氛圍。同時(shí),適當(dāng)?shù)囊曈X(jué)重點(diǎn)讓員工保持一定的警覺(jué)性,這能夠有助于他們快速高效地響應(yīng)任務(wù)。

一個(gè)能夠緩解員工壓力、協(xié)助解決問(wèn)題,而不是制造問(wèn)題的辦公工具,你不想擁有嗎?

03 清新煥新

這個(gè)設(shè)計(jì)方案徹底顛覆了傳統(tǒng)“灰暗無(wú)趣”的中后臺(tái)系統(tǒng)視覺(jué)樣式。散發(fā)出輕盈清新的氣息,融入了當(dāng)下流行的弧形設(shè)計(jì)元素,為整體界面注入了活力。

界面設(shè)計(jì)運(yùn)用了色彩點(diǎn)綴,能夠喚起用戶(hù)的積極情感反應(yīng)。同時(shí),清晰的文字標(biāo)識(shí)和出色的可讀性進(jìn)一步增強(qiáng)用戶(hù)的體驗(yàn)。

談到這個(gè)設(shè)計(jì),設(shè)計(jì)師 Arnold 闡述:

這款設(shè)計(jì)的創(chuàng)作理念源于:銀行員工首先是人。他們都是有情感的,他們的思維會(huì)不自覺(jué)地與周?chē)h(huán)境產(chǎn)生共鳴,無(wú)論是實(shí)體還是虛擬。如果員工日復(fù)一日地使用那些看似龐大,但是非常僵硬的 90 年代末風(fēng)格界面,長(zhǎng)期下來(lái)會(huì)讓人感到壓抑,最后也會(huì)導(dǎo)致工作效率下降。

從視覺(jué)設(shè)計(jì)角度來(lái)看,我們選用了白色背景,以突出其他色調(diào),營(yíng)造出清新的視覺(jué)效果。整個(gè)設(shè)計(jì)以明亮的天藍(lán)色和綠松石色為主色。天藍(lán)色的運(yùn)用傳遞出信任感和穩(wěn)定感,而綠松石色的點(diǎn)綴則為整體設(shè)計(jì)注入了清新活力。這兩種顏色的巧妙結(jié)合不僅創(chuàng)造出賞心悅目的視覺(jué)效果,還能與文字內(nèi)容和交互元素和諧共存。

04 純凈和諧

這是一個(gè)直觀且易用的銀行中后臺(tái)界面。最大的特點(diǎn)在于自定義,增加了系統(tǒng)的個(gè)性化和親和力。

這款完全以用戶(hù)為中心的銀行中后臺(tái)設(shè)計(jì),適用于服務(wù)大量客戶(hù)的銀行。

工作區(qū)的核心部分是一個(gè)”客戶(hù)事務(wù)”模塊。所有重要功能都融為一體,組合成一個(gè)完整的大區(qū)塊,這個(gè)和我們常見(jiàn)的碎片化,非整體結(jié)構(gòu)的中后臺(tái)系統(tǒng)形成鮮明對(duì)比。這是一種智能且易于理解的方式呈現(xiàn)大量信息。銀行員工可以輕松快速地處理日常任務(wù)。

客戶(hù)列表上方設(shè)有搜索欄,并按活動(dòng)、日期、狀態(tài)和客戶(hù)等多種參數(shù)篩選。極大提高效率,便利操作。傳統(tǒng)中后臺(tái)系統(tǒng)往往讓員工感到壓力,在簡(jiǎn)單的搜索過(guò)程中就需要輸入多個(gè)復(fù)雜的數(shù)字和字母組合,這就是不斷消耗員工的精力。

右側(cè)是模塊化區(qū)塊,包括員工的日程安排和常用操作選項(xiàng)卡。設(shè)計(jì)的精華-員工可以成為自己工作空間的設(shè)計(jì)師。通過(guò)簡(jiǎn)單的拖放操作,可以改變選項(xiàng)卡的排列,也可以調(diào)整大小。這樣,員工就能根據(jù)當(dāng)前的工作重點(diǎn)來(lái)定制這個(gè)區(qū)塊。

整體視覺(jué)以中性、明亮的色彩方案,并用少量鮮艷的色彩點(diǎn)綴,煥然一新。柔和色調(diào)與亮色的組合,貼合當(dāng)前的設(shè)計(jì)趨勢(shì)。界面不僅賞心悅目,功能使用愉悅,同時(shí),還是員工輕松管理日常任務(wù)的得力助手。

05 寧?kù)o港灣

這個(gè)設(shè)計(jì)方案的核心理念是“無(wú)壓力區(qū)域”。設(shè)計(jì)師 Anastasia 的獨(dú)特見(jiàn)解。

對(duì)銀行員工長(zhǎng)期使用的中后臺(tái)習(xí)慣的一種“致敬”。需要澄清的是,這并不意味著設(shè)計(jì)師試圖保留那些常見(jiàn)的糟糕用戶(hù)體驗(yàn)和冗余功能。恰恰相反,是為了構(gòu)建一個(gè)更多元化的金融機(jī)構(gòu)解決方案,尋求一種既能讓員工平穩(wěn)過(guò)渡,同時(shí)還能夠快速整合創(chuàng)新。

設(shè)計(jì)保持沉穩(wěn)的基調(diào),運(yùn)用舒緩的灰色調(diào),再注入溫和的色彩搭配,以避免單調(diào)乏味。

中間主區(qū)塊直觀展示客戶(hù)活動(dòng)。員工只需點(diǎn)擊客戶(hù)列表上方的標(biāo)簽,就能輕松快速切換不同的任務(wù)類(lèi)別。這里還有一個(gè)金融用戶(hù)體驗(yàn)設(shè)計(jì)典型范例——當(dāng)員工在標(biāo)簽間切換時(shí),只有中間區(qū)域顯示的信息會(huì)發(fā)生變化。側(cè)邊欄保持靜態(tài),始終可以訪問(wèn)通知、消息、個(gè)人數(shù)據(jù)、當(dāng)前任務(wù)和日程安排。

這種交互方式能讓員工便捷地在主區(qū)塊的類(lèi)別間切換,那些最常用的功能就都能觸手可及。

在視覺(jué)方面,列表中每隔一行就有不同深淺的灰色搭配。這種細(xì)節(jié)設(shè)計(jì)不僅美觀,還能提高瀏覽表格的效率。

巧妙運(yùn)用色彩組合能夠緩解員工的工作壓力和閱讀疲勞,類(lèi)似的例子不止于此。日程安排中使用“色彩標(biāo)注”來(lái)標(biāo)記特定類(lèi)別的任務(wù),主區(qū)塊中也用不同顏色區(qū)分客戶(hù)狀態(tài)。這不僅僅能夠提升視覺(jué)美感這么簡(jiǎn)單。我們深有感觸,經(jīng)過(guò)一天長(zhǎng)時(shí)間工作,員工的眼睛一定會(huì)感到疲勞,通過(guò)顏色,將日歷中特定事件或事務(wù)列表中的狀態(tài)相關(guān)聯(lián),這樣引導(dǎo)員工操作會(huì)變得更加輕松。

“通知”和“客戶(hù)驗(yàn)證”按鈕采用了青綠色。這種顏色在淺灰色背景中突出顯示,但是不會(huì)特別的突兀,還能夠讓員工感受到和諧與寧?kù)o。

一個(gè)沉穩(wěn)卻又創(chuàng)新現(xiàn)代的銀行中后臺(tái)設(shè)計(jì)解決方案,為用戶(hù)提供便利和舒適的體驗(yàn)。

06 智慧助手

這個(gè)概念設(shè)計(jì)詮釋設(shè)計(jì)不僅能提升服務(wù)態(tài)度和視覺(jué)體驗(yàn),也全面優(yōu)化用戶(hù)使用體驗(yàn)。

創(chuàng)造一個(gè)能夠協(xié)助銀行員工日常辦公的工具-一個(gè)使用愉悅、舒適、支持性強(qiáng)且富有趣味的中后臺(tái)系統(tǒng)。

我們的設(shè)計(jì)師 Andrew 指出:

界面設(shè)計(jì)中常常忽視一個(gè)重要的細(xì)節(jié)。設(shè)計(jì)師往往會(huì)忘記這些系統(tǒng)將被真實(shí)的人每天使用。因此,我們需要?jiǎng)?chuàng)造一個(gè)情感化的界面設(shè)計(jì),不僅功能完備,還能為員工提供情緒和陪伴感。

為了營(yíng)造積極的感覺(jué),設(shè)計(jì)融合明亮清新的色彩和鮮明的強(qiáng)調(diào)色。色彩搭配、輪廓線應(yīng)用,字體對(duì)比等元素組合,讓員工能夠快速輕松地瀏覽頁(yè)面,準(zhǔn)確找到所需信息。

設(shè)計(jì)分為三個(gè)主要區(qū)域。左側(cè)是日歷/日程區(qū)。當(dāng)前時(shí)間和日期采用大號(hào)字體,從整體工作區(qū)中脫穎而出,有效防止員工出現(xiàn)時(shí)間安排失誤。

日歷/日程區(qū)下方是“即將到來(lái)的任務(wù)”模塊。它清晰易用,信息簡(jiǎn)潔,既防止員工遺漏重要事項(xiàng),又幫助他們掌控日程。值得注意的是,這里還包含了提醒員工外出就餐的貼心提示,體現(xiàn)了工作場(chǎng)所對(duì)員工健康的關(guān)懷。

再往下是完整的月歷視圖,員工可以方便地查看整月任務(wù),并添加新的安排。

屏幕中間區(qū)域頂部展示了消息、通知、文檔和團(tuán)隊(duì)活動(dòng)等板塊。這種布局直觀、易懂,讓員工能以最快速度找到并更新所需的信息。

下方是“客戶(hù)事務(wù)”模塊。設(shè)計(jì)師預(yù)留了充足空間,巧妙避免信息過(guò)度擁擠的問(wèn)題。

客戶(hù)驗(yàn)證區(qū)域上方設(shè)置了“添加客戶(hù)”、“搜索”和“篩選”按鈕。客戶(hù)根據(jù)狀態(tài)調(diào)整不同顏色標(biāo)記。這種智能“色彩標(biāo)記”再次被運(yùn)用,即使在漫長(zhǎng)工作時(shí)間,也能幫助員工輕松導(dǎo)航。

另一個(gè)出色的功能是在客戶(hù)列表中直接添加備注的選項(xiàng)。記住海量信息是不可能的,讓員工不堪重負(fù),但是,客戶(hù)事務(wù)中可能存在一些需要快速檢索的重要細(xì)節(jié)。備注功能就能夠解決這個(gè)問(wèn)題。提高個(gè)性化服務(wù)水平,也能讓客戶(hù)感受到被重視。

右側(cè)區(qū)域展示員工關(guān)鍵信息、匯率等實(shí)用板塊,隨時(shí)可快速訪問(wèn)。這些小模塊的順序和內(nèi)容可以根據(jù)員工偏好在設(shè)置中調(diào)整。

這里還有一個(gè)細(xì)節(jié),真正成為朋友和助手,而不只是工具。右上角設(shè)有幫助圖標(biāo)。員工只需將幫助圖標(biāo)拖放到需要解釋的區(qū)域,就能獲得相應(yīng)描述。這是一種智能機(jī)制,能夠幫助新員工快速熟悉任務(wù),加速處理任務(wù)。同時(shí),還能協(xié)助經(jīng)驗(yàn)豐富的員工獲取最新添加功能的快速幫助和說(shuō)明。

結(jié)語(yǔ)

所有的設(shè)計(jì)都在傳遞一個(gè)理念——金融產(chǎn)品設(shè)計(jì)中不應(yīng)該回避使用者者的情感因素。事實(shí)上,能否為銀行金融業(yè)務(wù)注入激情和活力才是吸引用戶(hù)的關(guān)鍵,讓他們感受到這是一項(xiàng)由真正理解并關(guān)心他們的設(shè)計(jì)初心。

我們堅(jiān)信,重塑銀行金融內(nèi)部體驗(yàn)文化,引導(dǎo)以客戶(hù)和員工為中心的方向至關(guān)重要。我們衷心希望這篇文章能夠激發(fā)你的初心,至少重新審視那些被遺忘的中后臺(tái)系統(tǒng)。

我們以一個(gè)問(wèn)題作為結(jié)語(yǔ):如果我們進(jìn)行一項(xiàng)實(shí)驗(yàn),將上述一個(gè)中后臺(tái)系統(tǒng)與普通系統(tǒng)進(jìn)行對(duì)比測(cè)試會(huì)怎么樣?我們可以讓員工開(kāi)展相同的任務(wù),記錄時(shí)間,并記錄他們的情緒和所犯的錯(cuò)誤。最終的結(jié)果會(huì)如何呢?

本文由人人都是產(chǎn)品經(jīng)理作者【TCC翻譯情報(bào)局】,微信公眾號(hào):【TCC翻譯情報(bào)局】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 簡(jiǎn)約大方挺好的,界面干凈瀏覽欲望也會(huì)增強(qiáng)的。

    來(lái)自廣東 回復(fù)
  2. 在系統(tǒng)里面加什么時(shí)間日期,電腦右下角的時(shí)間不夠用?

    來(lái)自廣東 回復(fù)