本文從騰訊移動金融開發平臺的實戰案例出發，幫你掌握金融領域的產品設計方法。

一、項目背景

互聯網行業的發展重點已經從消費互聯網逐步轉向產業互聯網。對金融機構來說，數字化轉型也成為企業面向未來發展、改善客戶服務、提升商業利益的必要手段。面對數字化時代所需要的高效響應、敏捷調整等業務需求，騰訊金融云從“業務與技術融合”的角度出發為金融行業打造了移動金融開發平臺這一產品。

騰訊移動金融開發平臺（TMF）是一款整合了騰訊在移動產品中開發、測試、發布和運營的技術能力，為銀行、互聯網金融、保險以及證券客戶提供一站式、 覆蓋全生命周期的移動端金融技術平臺，產品目前已交付多個客戶使用。

移動金融開發平臺業務介紹

二、定位問題找到設計目標

在之前版本中，平臺的主要產品目標是進行業務驗證和客戶拓展，是一種小步快跑的狀態。而現在產品的業務模式已經得到了閉環，商業上也積累了一定的客戶群體。因此我們新的產品目標是“提升體驗，從工具進一步轉為開發者中心”，在這個目標背后蘊含著什么樣的業務需求，是我們接下來需要梳理清楚的。在收集了業務側、客戶側、用戶側的反饋之后，我們把問題進行了結構化的梳理和總結，最終收斂出業務的核心問題，并可以有針對性地制定設計策略和設計目標了。

業務遇到的問題

如何解決問題、達成目標

三、針對目標制定設計策略

目標一：獨立的品牌表達助力業務

產品在之前并沒有獨立的品牌，導致業務方在進行市場推廣營銷方面缺少了品牌助力，不利于產品從工具向平臺的轉型，所以我們首先需要對產品進行品牌的建立。

業務目標一

1. 品牌設計策略

在與業務方深度溝通后，我們根據業務的核心價值點和品牌關鍵詞梳理出 TMF 品牌的設計策略。同時我們也希望能夠利用騰訊進行品牌背書，所以在策略上我們也加入了騰訊基因的表達。

設計策略

2. 品牌基因

接下來我們進行了設計方向的探索，主要的目的是找到核心的品牌基因，通過品牌基因進行品牌圖形的推導。經過多輪的迭代考量，以及和業務方溝通交流后，我們最終確定了“數字金融建筑師”這一核心品牌基因，它形象的表現了產品所解決的核心業務問題。

關鍵詞探索

品牌基因

3. 品牌圖形

明確了核心基因之后，接下來是對核心圖形的發散和收斂。在經過了多輪的迭代更新之后，我們最終確定了如下的品牌圖形，將“金融行業移動應用搭建平臺”為主要著手點，用立體的積木形式來隱喻平臺搭建移動應用這一核心的業務屬性。

標志圖形展示

標志圖形設計理念

品牌色彩

logo 設計只是進行整個品牌體系構建的第一步，接下來還需要在品牌圖形上進行延展，創造完整品牌體系。但是根據當前的項目周期我們必須先著手處理優先級更高的目標二，未來再繼續完成這部分的工作。

未來規劃

目標二：產品體驗優化提升滿意度

之前我們收到了較多關于產品體驗的反饋，產品體驗不夠好不僅會影響用戶使用效率，也會對產品口碑影響力造成傷害。那么第二步我們要做的就是進行產品整體體驗的優化提升。

業務目標二

在達成這個目標之前，我們首先以交互和視覺兩個維度來分析 TMF 當前到底存在什么樣的體驗問題。

TMF 的體驗問題定義

1. 解決交互體驗問題：產品體驗不順暢

① 痛點歸納

產品體驗不順暢是一個籠統的表述，我們需要進一步找出問題的癥結。工單是我們了解用戶實際使用體驗的重要依據，所以我們決定以工單為切入點來找出體驗問題的癥結。

深挖體驗問題

② 設計策略及方案

根據對現有工單的分析，我們將體驗問題歸結為兩類，一類是操作不熟悉，一類是功能找不到，并根據問題產生的原因分別做出相應的設計策略。總結起來就是站在用戶視角，通過實際使用流程的串聯來重塑產品的信息架構，同時加強功能引導，使其更符合用戶實際使用場景，并按不同的角色組織功能排布和按任務流來組織模塊的跳轉。

重塑信息架構

重塑信息架構

強化引導功能并建立幫助中心提供隨時隨地的指引和幫助。

增強功能引導

增加幫助引導

2. 解決視覺體驗問題：風格過于技術向，沒有親和力

① 痛點歸納

“風格過于技術向，沒有親和力”，這是客戶反饋的原話。當我們看到這個反饋時，第一反應是比較迷茫的，為什么一個 ToB 的后臺產品需要有親和力？帶著這個問題，我們再次將目光轉回到用戶，研究用戶真實的使用場景。研究后發現這句話反映出的問題其實是“作為一個每天日常工作使用的工具，嚴肅的視覺氛圍會容易產生疲勞和枯燥感”、“頁面圖形化引導太少，用戶學習成本很高”。

深入探索用戶背后的訴求

② 設計目標

理清問題的本質之后，我們開始制定相應的設計目標，除了解決“親和力”的問題之外，我們同時也希望能夠融合品牌傳達，這是我們設計方案的兩大目標。

兩大設計目標

③ 設計策略及方案

我們從色彩、質感、情感、品牌四個維度來分析和展現如何達成設計目標的。

色彩

以新品牌色為基礎基因，以淺色系藍灰色為背景氛圍，降低畫面色彩重量給人以平靜、平和心理感受。

平臺的色彩系統

色彩的情感氛圍

質感

在質感的設計上，我們將數字金融 C 端的設計語言引入到 B 端設計中來，通過較為柔和、親膚感材質和使用微投影、微圓角來提升頁面內視覺元素的親和度，降低純技術感帶來的疲勞和枯燥，而這一點已經在數字金融的 C 端設計上得到了驗證。

元素質感探索

界面質感表現

情感化

在情感化設計的維度，我們以情感化的三個層次來考量。在本能層次，通過色彩、質感視覺氛圍的營造來解決“好看”的問題；在行為層次，我們結合體驗層面的痛點，在頁面增加圖形化的引導與反饋，解決“好用”的問題。

情感化三層次上的設計策略

根據情感化的強度不同，共分了三個層面進行視覺元素的設計。

圖形化設計策略

在使用流程的核心節點上，我們嘗試增加圖形化的表達與引導，幫助用戶快速理解頁面信息。同時增強反饋，在不同的情況下給予用戶合理的情感表達。

圖形化的功能引導

增加新手引導

四、品牌

在品牌層面我們的主要的考量點在于如何將提煉出來的品牌基因，通過圖形化的方式融入到頁面之中，最終的設計策略是將“積木”這一核心元素作為構建視覺的基礎，潛移默化的體現出建筑師這一概念。同時在產品的核心節點，將品牌 logo 和業務元素通過一致的表現形式呈現，不斷加強用戶對于品牌的記憶。

引導與反饋的視覺表達

平臺的品牌基因

品牌記憶點

五、總結

在后臺體驗優化類項目中，我們首先要對當前的問題進行調研和梳理，找出問題的根因，之后根據問題的根本原因來明確設計目標，制定相應的設計策略。視覺設計的策略重點在于如何通過視覺手段來解決當前的體驗問題，這樣才能產出有價值的設計。

歡迎關注作者微信公眾號：「騰訊云設計中心」