我們平常會使用很多APP,久而久之我們會發現一些APP的設計非常的相似;一個有新意、精致的APP界面可以讓用戶產生很深的影響,對產品的形象也有一定的幫助;本文由蘭亭妙微UI設計公司分享了關于如何提升UI設計的高級感的方法,我們一起來看一下。
一個App設計是否精致,是否富有設計感,在于它的細節,這就意味著我們在進行設計的時候,要從細微之處著手,從多方面去鉆研如何創造出打動人心的UI設計。
本文總結了12個簡單直觀的提升設計感的小細節,一起來學習。
在對UI 文本進行樣式控制的時候,最常見的錯誤莫過于過度依賴字體大小差異來營造對比;單純使用字體大小對比,所營造的對比并不夠,嘗試結合色彩和字重來營造更好的對比效果。

每種顏色都有一個視覺權重,這有助于在內容中建立層次結構;通過使用顏色的深淺,為元素賦予不同的重要性。
如果可以的話,你甚至可以采用兩到三種顏色:

類似的,在UI設計的時候,通常兩種不同的字重足以營造出優秀的層次感:

▲主標題字重為600,其他標綠點的文字字重都為400
應當盡量不要讓正文部分字重低于400,因為這一部分字體本身尺寸已經較小,低于400會使得可讀性不佳。
如果你依然需要降低字重,那么不妨讓字體色彩更淺一點,或者替換成其他識別度較強、字重相對較小的字體。
灰色文字在無彩/彩色背景下要分開處理:

不要在有色背景上使用灰色的文本,在白色背景下,將黑色的文本改成灰色(或者在黑色背景下使用灰色文本),是不錯的淡化其視覺效果的做法。

但是在彩色背景下,想要降低和背景色之間的對比,通常有兩種方法:
一是降低白色文本的不透明度;二是讓文本逐步接近背景色,而不是改為灰色。

▲左圖設計師職位信息為白色文字降低不透明度,右圖為和背景同色相高明度的顏色
其次當涉及長篇內容時,大面積的深色粗體字會給人一種沉重感,而且很跳躍;通過選擇類似深灰色(#4F4F4F)這樣的顏色可以很容易地解決這個問題,使文字更容易被識別。

選擇一種基礎色,再調整色調和顏色深淺來增加均衡;設計時避免用過多的顏色。如果項目允許,只需使用固定的色板,通過調整基礎色的飽和度和明度,利用這種簡單的方式為設計增加一致性。

陰影是UI設計中最常見的視覺表現手法,它可以增加元素的深度,使其從背景中脫穎而出,引起用戶的注意力,同時也能增強畫面的視覺層次感。
相比于采用大范圍的擴散模糊陰影,使用微妙的垂直偏移陰影效果更明顯,更自然,它模擬了最常見的光源特征,光線從上往下照下來所營造的陰影效果。

這種輕柔的陰影呈現出的干凈,增加了畫面的精致;如果陰影的范圍太小或顏色太深,位置也沒有偏移,而是聚集在元素的四周,就會讓畫面更加扁平,讓視覺變得厚重,呈現出不精致的畫面感。

陰影不一定是黑色的,還有一種擴算陰影是模擬元素本身的顏色投射在背景上,由于陰影與元素的色調一致,因此呈現出十分融洽的畫面感。
在UI設計中,這種手法不宜過多使用,否則呈現出的各種色彩搭配會讓人眼花繚亂。
合格的設計師能夠繪制風格統一的圖標,而優秀的設計師能夠創造風格獨特的圖標。
我們能否在追求大小一致,圓角一致,線寬一致和配色一致的同時,為它的視覺表現力加入更多的創意呢?例如下面這組圖標設計,無論是在圖形上的創新,還是顏色搭配上都呈現出無與倫比的創意。

標簽欄作為一個App的全局導航起著至關重要的作用,它的設計影響著整個產品的視覺風格。
通常,大多數App都是使用iOS規范的設計樣式(默認灰色,選中填充品牌色),這樣的設計太普通,太常見了;要想讓標簽欄圖標設計精致和富有個性,可以豐富每一個選中態圖標的視覺表現,例如給圖標加上背景和表情,即顯得生動有趣,又增加了用戶的好感,給人留下深刻的印象。

3D立體圖標設計是近幾年來的流行趨勢,看上去十分精致、華麗,但是看久了會讓人產生輕微的視覺疲勞,同時因其復雜的結構會增加用戶的認知成本,一般在外賣美食類應用中比較常見。

Tab是App設計中最常見的控件之一,它源自Material Design的設計規范;現在很多iOS產品當中也開始使用這種導航欄樣式來進行設計,而原本屬于iOS規范當中的分段選擇器變得不那么常見了。
在視覺表現形式上,Tab和標簽欄同樣也分為選中態和未選態,它的設計較為簡單,通常是使用一組文字標簽,通過顏色或在標簽下加上小長條來區分兩者的狀態;因為它簡單,卻越難設計出彩,要發揮極大的設計想象力,跳脫出設計規范的限制,才能找到完美的方案。
例如蝦米音樂的Tab選中態是一段音頻波線,再配合文字的大小對比,一個富有設計感又符合產品特征的Tabs就被創造出來了。

我們還可以從品牌基因中獲取靈感,品牌作為用戶熟知的形象是個絕佳的來源。
從品牌形象中提取具有獨特氣質的視覺富豪作為Tab選中態的小長條,這樣就建立起視覺上的聯系,讓用戶產生由內而外的一致感受;例如馬蜂窩品牌形象中的微笑符號和飛豬旅行品牌形象中的豬頭都被延伸到Tab的設計上,既讓界面視覺獨一無二,又進一步強化了用戶對品牌形象的認知。
在UI設計中,有許多的裝飾元素,如卡片的邊框、列表的分割線等,雖然邊框,分割線是分隔兩個元素的好辦法,但是它不是唯一的方法;使用過多會讓整個布局的設計感降低,或多或少都會干擾用戶瀏覽的視線,讓信息內容失去注意力,因此可以減少不必要的裝飾元素。
我們可以通過以下幾個方法來劃分元素的視覺層次,讓畫面變得干凈,整齊:
1)使用陰影
陰影同樣可以營造出邊界感,而且相比邊框分割線更加微妙,并不會顯得突兀,不會分散用戶的注意力,讓內容更聚焦。

2)使用不同的背景色來區分
通常,相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進行區分;所以,你所需要做的就是在不同的區塊采用不同的背景色,并且嘗試刪除分割線,因為你根本不需要它。

3)增加額外的留白
創建元素之間的分離效果,并不一定要通過線框來表現,只要增加留白,讓它們分隔開就行了,通過留白和間距來實現元素分組是UI設計中的常用手法。

在App中的每一個界面都有許多元素,那些同類的元素應保持統一的設計樣式。
通常個人中心的標簽欄圖標是一個人形剪影,它代表著用戶,因此可以在展示用戶頭像和用戶形象的界面中延續使用。
如果圖形擁有獨特的外觀,如橢圓矩形,也可以作為視覺符號的一種,延續到其他界面中,成為圖形或按鈕的外觀;這樣,整個界面就被統一的設計元素聯系起來了,給用戶始終如一的一致感。

選擇符合產品氣質的字體,可以與產品的定位相吻合,傳遞給用戶正確的情感意識。
雖然默認字體可以滿足大多數App 的設計需求,但會出現一個問題就是——系統字體的普適性并沒有什么特色,在一些特定的情境下就顯得收效甚微;例如在運動類App中更適合粗壯的斜體來傳遞力量、爆發力、速度的感覺,換成系統字體后,整體感覺在氣勢上就變弱了很多。

大多數App都支持三方登陸,他可以減輕用戶注冊的時間成本。
通常是在注冊登陸頁的底部展示第三方圖標入口,這也是設計師最常忽略的內容,往往是直接將第三方圖標調整一致大小和擺放整齊位置,沒有針對它們再設計;一個設計精致的App不應漏過任何的細節,我們可以以自家App的圖標風格為依據,對第三方圖標進行優化設計。

App中優美的圖文設計,能帶給用戶如沐春風的視覺享受,它非常重要。我們經??吹轿淖织B加在圖片背景上的設計樣式;為了減少復雜圖片背景對文字的干擾,通常的做法是疊加半透明度的黑色蒙版,讓白色文字清晰可見,但這不是最優的辦法。
我們可以從圖片中提取主色調用于疊加背景的填充色,這樣就使文字、色塊和圖片融入到一起了,畫面變得高級和富有設計感。

圖片的質量影響著整個App的格調和用戶的情緒,高品質的圖片給人愉悅的視覺享受,產生美好的聯想;而低品質的圖片會瞬間拉低App的質感。
在App設計中,一張漂亮的圖片從收集到上線,需要經過裁剪,調色等過程才能被使用;即使是普通的商品圖片,我們將它摳圖后調整成統一大小,再加上干凈的背景,就能立刻提升商品的美感,界面視覺也會變得美觀、整潔。

現在的UI界面設計中,卡片式設計已經是一種非常常見的設計形式,它有利于信息分層和整合,劃分出更加清晰的組織結構,實現復雜內容的簡化處理,提高空間利用率;同時卡片式設計通常很依賴視覺元素,很強的視覺元素正是卡片式設計的一種優勢,也是提升設計品質感的良方。

轉載:人人都是產品經理
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

讓用戶在使用產品時不產生混淆、可快速獲取所需信息,是產品設計時應當考慮的重要層面,而這需要團隊在設計時預先做好方案,去掉無關事物,清晰地呈現信息,提升產品的易用性與用戶體驗。蘭亭妙微 UI 設計公司始終以 “精簡信息、提升信噪比” 為設計核心,本篇文章里,作者結合實戰經驗,介紹了提高信噪比的設計技巧,一起來看一下。
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。


蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

7 天點擊率、退訂率和收入動態變化,便于快速定位活動表現的起伏點,為營銷決策提供有力依據,是分析郵件營銷活動效果的重要方
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

| 復雜性類型 | 設計應對策略 | 典型案例 |
|---|---|---|
| 功能復雜性 | 模塊化組織、漸進式披露 | 金山 WPS 企業版 |
| 流程復雜性 | 可視化工作流、狀態實時追蹤 | 明道云 |
| 數據復雜性 | 多維視圖、智能篩選排序 | Tableau |
| 權限復雜性 | 角色矩陣、分級授權管控 | 釘釘 |
| 隱層復雜性 | 表面簡化設計 | 最終用戶體驗 |
|---|---|---|
| 推薦算法 | 無限刷新信息流 | 內容精準匹配,提升使用粘性 |
| 內容理解 | 統一的信息卡片樣式 | 不同形式內容一致呈現,降低視覺認知成本 |
| 興趣預測 | 個性化內容排序 | 越用越懂用戶,提升體驗契合度 |
| A/B 測試系統 | 穩定的界面與交互 | 產品持續優化,用戶無感知適配 |
| 設計維度 | B 端設計傾向 | C 端設計傾向 |
|---|---|---|
| 信息密度 | 高密度,減少頁面跳轉,適配專業操作 | 低密度,焦點明確,降低認知負荷 |
| 交互模式 | 專業、高效,標準化流程優先 | 直覺、有趣,輕量化體驗優先 |
| 個性化程度 | 基于角色定制,匹配企業組織架構 | 基于行為偏好,實現千人千面 |
| 迭代速度 | 穩重、兼容性優先,保障業務連續性 | 快速、創新優先,貼合市場需求 |
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

UI設計有設計規范要遵循,同樣的原型圖也有自己的規范。
任何通過圖形示意的東西一樣,規范帶來的最大的好處是提高信息傳達效率。
人是視覺動物,好看的東西總喜歡多看兩眼,混亂的東西給人最直白的感受就是邏輯混亂。
這就是「卷面分」。
這篇文章我們說下原型圖的規范。
所謂的規范就是定規則,按照這一套規則作為標準進行執行,這里邊包含元素規范、布局、顏色等等。
我對畫原型圖對規范的要求是:盡量向著規范靠近。
原型圖不像UI圖,不用去到像素級別去摳。
因為畫原型我們需要考慮時間,考慮效率,我們需要將最大的精力去放到方案的產出,寫需求文檔上。
規范只是為了讓我們有個標準,如果你想畫的規范時,給你一個參考。
對于手機端、PC端、平板、車機等不同的產品形態,最大的區別是尺寸。
在畫原型圖之前,我們要做的就是先把頁面原型尺寸給定下來。
可以參考的規范有:手機端首屏的尺寸設置為 375×667 px。
注:375 × 667 是首屏高度,也就是原型圖的最小高度,并不是原型的固定高度,當內容很多時,直接把高度拉長到合適的內容即可。下邊提到的PC端尺寸也是這個道理。
狀態欄:375 × 20 px
導航欄:375 × 44 px
底部tab:375 × 49 px

這個規范的尺寸是使用的 iPhone8 的尺寸,產品經理火的那幾年就是這個尺寸火,所以用這個尺寸的多。
你同樣的也可以使用其他常用的手機端尺寸,這沒有固定限制。
我比較建議用這個尺寸,因為很多Axure組件也都是按照這個尺寸去做的,適配的比較好。
對于PC端,尺寸可以按照 1440×900px。

雖然當前使用最多的屏幕尺寸是1920×1080。
對于原型圖1440的寬度,如果是左邊是原型圖,右邊寫需求描述的話,在屏幕上可以正好展示出原型圖+需求描述,不用左右滑動去看。

對于平板,建議直接使用 768×1024 px。

對于原型圖的顏色,我們可以分別來看:
1)有UI設計師參與的
我們可以考慮使用中性色,中性色是指不強烈的色彩,常見的就是黑白灰。
在選擇黑白灰時,我很推薦的是Axure色板中自帶的顏色,在畫原型時直接選取使用就行。

另外一些大廠規范中,都有自己的中性色定義,你也可以選擇使用。不過我不建議你花費太多時間去處理顏色。
如下圖,左邊是用Axure中的黑白灰,右邊是使用的Arcodesign的中性色,在畫原型時,整體上影響并沒有那么大。

雖然右邊的更好點,如果你要用其它中性色,可以將顏色收藏進Axure的色板中,方便下次使用。

2)沒有UI設計參與的
比如說后臺,可以添加一些顏色。
后臺一般都是內部使用,對樣式沒有太高要求,也不會讓UI進行設計;
因為后臺一般都是使用現成的UI組件進行開發的,比如Antdesign、Element等;
具體什么顏色,可以用萬能的藍色作為主色調,使用其他顏色作為輔助即可。

對于語義色,來表達成功、警告、錯誤語義,可以選擇紅綠黃進行使用即可。

對于文字,涉及到字體、字號、粗細、行間距等。

字體
可以使用 Arial,也就是Axure默認的字體。
同樣的,也可以使用蘋方、微軟雅黑,這兩個字體則需要單獨安裝。
不過當你通過Axure打包發布出去時,如果對方沒有安裝對應的字體,將則不會展示為蘋方/微軟雅黑字體進行展示。
對方查看的效果和你看的效果會不一樣,我正在找處理方案,目前還沒找到。
字號、字重
也就是字體大小、字體粗細,對于字體大小、粗細,還有顏色,影響的信息層級關系。
我們直接看規范:
一級標題:20px、加粗,顏色#000000
主標題:18px、選擇性加粗,顏色#000000
次標題:16px、選擇性加粗,顏色#000000
小標題:14px、選擇性加粗,顏色#000000
正文:14px、選擇性加粗,顏色#000000/#333333
輔助文字:14px/12px,不加粗,顏色#333333/#555555
次級文字:12px/10px,不加粗,顏色#555555/#7F7F7F
注:對于文字的大小,前提是在 375×667、1440×900 的頁面尺寸下的。如果你使用的尺寸過大,對應的字號也需要加大。
這個規范不用記,可以用字號 14 作為標準,層級高的字號+2,加粗、顏色加重即可,層級低的字號就-2,不加粗,顏色淺一些。

行間距
在原型中不重要,Axure時會根據字體大小自動調整行間距,如果文字內容過多時,可以手動進行加大間距。

原型中如果是「圖標+文字說明」一起出現,不用管圖標,直接使用圓形或矩形代替即可。
占位符太丑,不建議用。
顏色不要使用太深的中性色。如下圖示例:

如果只有「圖標」,可以選擇能表達具體含義的圖標。
從iconfont、iconpark中搜索復制svg格式粘貼到Axure使用即可。
如下圖中的掃一掃、設置、播放圖標。

如果你覺得使用圓形或矩形表達圖標的意思不明顯,或者是不想找圖標,就在加個「icon」文字,或者直接用寫文字。
如下圖的掃一掃、設置、播放,直接使用文字說明即可。
對于頭像、圖片等,都可以加個文字說明。

如果是沒有UI介入設計,當需要確定圖標時,則需要產品經理確定,同樣的去iconfont、iconpark中找到圖標,按前端要求提供過去即可。
圖片在原型中不需要使用真實圖片,直接使用矩形代替即可。
Axure中自帶的圖片元件太丑了,不建議用。
可以再加上文字說明,來表達這是圖片,比如加個img,或者根據圖片特性,如封面、頭像,都是可以的。

原型中的圖片規范可以按照寬高比,比如 4:3,3:2,16:9,1:1。
當然這個沒那么嚴格,如果你想規范些,可以這樣用。

圓角在原型中不重要,如果你想使用圓角,可以按照2的倍數調整。
圓角在UI中的作用很大,而且規范還挺多,原型中就無所謂了。

陰影不重要。如果想使用陰影,可以將陰影使用純黑色號000000,透明度30%,模糊5。
對齊是版式設計的基本原則,使用工具進行對齊即可。
具體采用「左對齊、右對齊、上對齊、底對齊、居中對齊」,你可以按照布局來,比如靠右的元件,使用右對齊。

分布是指將頁面內容使用水平分布、垂直分布的方式進行平均分布,來保證頁面元素之間的間距相同。
當相同的元素多次出現時,我們可以使用分布快速調整,讓頁面更規范。

間距沒有那么重要,但是規范的原型一定要有會有間距。
間距分為上下左右間距,分為模塊與模塊間的間距,子模塊與子模塊的間距,元素與元素之間的間距。
對于整個移動端來說,可以使用 5 的倍數調整間距。
對于尺寸較大的PC端原型,可以按照 10 的倍數調整間距。
也可以直接將元件結合「對齊、分布」直接調整,不用關注具體間距。
根據我們之前提到的設計原則「親密性」,屬于同組的內容間距小,不同組的內容間距大。
組件是就是可以直接拿過來的元件組合。

對于每個組件都是通過基礎的形狀、文字、顏色、尺寸、間距等進行組合形成的。

就是UI設計中的原子化設計。
當完成基礎的形狀、文字、顏色、尺寸、間距等規范確定后,進行基礎元素的組合即可得到規范的組件。
你可以基于上邊的規范去制定自己的產品組件庫,可以快速使用規范的組件。
在畫原型時,可以將原型中的內容盡量填寫為真實內容,使用極值狀態,將內容最多、數據最多的情況畫出來。


規范建立好是為了使用,我們了解清楚原型的規范后,可以在畫原型時往規范上靠,慢慢的養成好習慣。
一個規范好看的原型圖在求職面試、評審的時候,會是個加分項。
當然,不要過度遵循規范,原型圖不是UI圖,重要的是使用原型將功能表達出來。
對于剛入門的產品經理來說,原型圖是日常的基本工作。
轉載:人人都是產品經理
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

既然 AI 已能通過文字直接生成圖片,卻仍無法獨立完成專業的 UI 界面設計,核心原因在于其在理解復雜業務邏輯、創造性表達與情感傳遞上存在天然局限性,這也讓我們清晰認知到 AI 并非萬能。蘭亭妙微 UI 設計公司在實踐中發現,AI 雖能針對設計中的顯性問題,為優化工作提供數據化的專業建議,但在深層設計維度仍有明顯短板。以 58 同城商業地產頁面設計稿的評審工作為例,AI 可精準識別設計中的亮點與待優化點:
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

編輯導語:在快節奏的當下,金融業務的辦理對于金融行業來說有了更高的要求,在效率為先的基礎上,也要追求服務體驗。本文以某銀行的金融借貸業務為例,分析其服務體驗優化升級的思路,與蘭亭妙微UI設計公司一起來看看。

在追求效率的今天,辦理金融業務的消費者們對金融行業有了更高的要求。銀行也在追求服務效率和服務精準度方面不斷提升自己的服務體驗。本文以某銀行金融借貸業務流程和產品架構優化為例,探尋銀行服務升級之路。
本次服務升級主要通過神秘人暗訪、競品對比、滿意度調研和用戶訪談等,對金融借貸業務的辦理流程和體驗度量進行梳理,結合行方產品特點和發展方向,以服務設計為核心和驅動力,在借貸業務服務流程和產品架構層面進行體驗升級,打造更有溫度的金融產品借貸體驗。
隨著研究的深入,我們發現由于借貸產品辦理渠道的多樣性和用戶的多層次性,借貸業務在服務體驗層面問題明顯,包括業務辦理流程繁瑣、線下線上辦理渠道雜亂、多渠道斷裂、業務辦理流程和信息不透明、用戶被動接受等。

在這次的體驗升級項目中,我們對現狀問題進行了分析和討論。與行方、專家、KOL 用戶進行多次腦暴,提煉出“簡單”“快捷”“可視”“個性”四個關鍵詞,并從“產品”和“服務”兩個維度進行發散和思考,為后續體驗提升和產品設計提供方向和指導。

“簡單”上,我們從業務辦理的場景和流程入手,簡化借貸業務辦理流程和用戶信息錄入,減少用戶負擔;對新老用戶和不同類型的業務申請,依靠行方大數據能力,實現服務的高效簡捷。“快捷”上,打通線下、線上的業務流程和信息共享,減少不同渠道的辦理壁壘,縮短用戶的辦理周期。
“可視”上,通過業務辦理流程和用戶行為軌跡的可視化設計,讓用戶能夠隨時回溯和感知辦理節點。
“個性”上,通過用戶畫像進行分層和標簽化管理,對用戶進行個性化服務和業務推薦,精準營銷提升用戶滿意度。
借貸業務辦理的每個節點都要考慮到用戶最真切的需求和最希望得到的服務,是服務設計的要點。對應到銀行金融借貸業務,從一個借貸用戶的行為路徑來看,可以拆解為獲客觸達-產品介紹-申請辦理-簽約放款-還款貸后這五個階段。不同的階段對應著不同的用戶心理特征和借貸業務的服務重點。

無論是傳統行業亦或是新興行業,拉新永遠是進行時,獲客觸達始終是第一步。在這個階段,企業要通過不同的渠道和媒介讓產品被用戶看到,即目標用戶在哪里產品宣傳就要到哪里。
此時,要特別注意場景化的運用,我們的宣傳和營銷要貼合用戶的實際場景和需求,通過場景喚醒用戶借貸的某種心理狀態或需求。簡言之,金融借貸產品在向用戶發出邀約的當下,是否有精準喚醒用戶“借明天的錢,圓今天的夢”的內部動機和美好期許:
預支一筆費用,為新購置的小家加點裝飾、解決畢業租房的燃眉之急、添置一套心儀已久的運動裝備……
在安全可信的原則之下,合理運用場景化的營銷理念,通過口碑傳播、營銷短信/電話、平臺官網/APP/微信公眾號/線下物理網點等觸點、合作商戶等的精準布控,實現用戶的成功觸達。

大多數情況下,產品介紹環節最重要的觸點是人,即行方客戶經理。因此,良好的線上/線下客戶經理形象、敏銳的需求洞察力,以及較高的業務水平決定了產品介紹環節的用戶體驗高度和滿意度。
在產品介紹階段,需通過客戶經理解決用戶在產品認知階段遇到的困惑和疑慮,包括用戶不能自主解決的、產品信息簡略、內容不夠精確的、產品介紹入口不可尋或詳細說明不可觸達的、信息可靠性受客戶經理牽制、信息片面等問題。
提升本階段的服務體驗,觸點環節需要做好用戶、客戶經理、說明文本三方面的體驗工作。如賦能用戶自主了解、熟悉產品和解決問題的能力、提升客戶經理響應速度和服務態度、提升產品信息(紙質&電子產品文本)透明度。

“申請辦理”這個階段是需要用戶與客戶經理密切配合的、需要用戶高密集的信息確認與反饋、申請材料的整理與提交、明確貸款許可(申請額度、貸款類型)、確定權利與義務范疇(包括還款期限、利率、還款方式、還款限制與補充說明等)的階段。
該階段業務系統(平臺&客戶經理)的可用性,及其間接傳遞出的價值觀,是影響用戶對全流程服務體驗的至關重要因素。這一階段,用戶存在的痛點包括申請辦理過程缺乏對全流程的掌控感、申請辦理過程安全感差,官方認證感覺差、對申請流程及所需材料感知不清晰、申請辦理操作成本高。
為解決“申請辦理”階段各個觸點用戶的問題,重點需要在流程設計上做好提升安全感、加強可視化、確保強反饋三個方面的工作。
具體而言,首先需要做到申請辦理過程中各渠道對外標識一致、統一;線上/線下對接的客戶經理能夠提供專業標準的服務;申請流程及進度可視化;申辦材料簡單易懂、有材料清單和說明幫助方便用戶準備和提交、提供線下線上多渠道提交窗口;在用戶辦理異常時有專業人員及時跟進處理、對用戶的疑問及時反饋和解答,幫助用戶更好地進行申辦。

簽約過程的儀式感、順暢度,簽約人員的禮儀及態度,貸款合同的可讀性、易保存性,簽署時給予用戶的主動性等,都影響著用戶的情緒體驗(緊張-放松、尷尬-自然、局促-舒緩、擔憂-平靜),進而影響到用戶對整個機構專業性和安全性的感知和評價。
簽約過程需要盡可能避免過度 push 用戶,喚起緊張、被動的不良感知;避免開放環境,注重用戶隱私保護;把后續還款時間節點、還款方式、短信提醒等內容生成清單轉交用戶,并告知注意事項。同時需要告知用戶簽約結束并不代表交易地結束,持續跟進、專業及時的咨詢服務全天候向用戶開放,會有效的提升用戶滿意度。

此階段的用戶,壓力感和緊張感都已降到最低,但在首次還款時,仍然有可能因還款信息不清晰、客戶經理態度冷淡而產生猶疑、擔憂和怨懟,并因此回想起前期流程中的體驗瑕疵,影響對整個流程的體驗評價。
作為全流程用戶體驗的“終點”環節,本階段更要注意用戶服務的細節和方式,包括通過短信、微信和 APP 等方式及時提醒用戶還款信息、還款途徑,要注意提醒方式的克制,不能過度打擾用戶;貸后關系的維護,如首次還款提醒、后續流程告知、問題咨詢響應速度和反饋質量等。
還款貸后階段,還款及貸后提醒的專業性及時性、客戶回訪及服務流程告知、逾期管理標準化流程需要重點關注。
通過分析銀行金融借貸業務的“五個流程+N個觸點”,我們不難發現:想要更好的用戶體驗,不能只盯在產品有多少功能、種類有多么豐富、幫助手冊有多么詳實等幾個片面的服務孤島上,而是需要基于體驗場景,將用戶體驗流程串成鏈條,在各個觸點、各個階段落實“以用戶為中心”服務設計理念,讓用戶在鏈路的所有觸點體驗到安全、便捷、舒適的服務。
轉載:人人都是產品經理
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

藍藍設計的小編 http://m.dzxscac.cn