起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識UX設計：一個金融數據可視化案例
在UX設計中有一種設計叫信息設計，就是如何讓查看信息的人一目了然，金融數據往往會面臨這樣可視化的問題，讓用戶看到一張簡單易懂的圖的背后，是信息的邏輯。小試牛刀，此文做一個簡單舉例。
背景介紹
客戶需要做一個基金定投主題頁，下圖為主題頁中需要舉例說明的部分，通過用戶可以理解的方式展示：
客戶的需求文案
看到這么一段字，要去做信息設計會想到如何實現呢？
將排版變好看嗎？換成更好看的表格邊框，增加配色嗎？不是的！
數據分析
因為就算是換排版、換配色也不是“用戶可以理解”的方式，理解不是字面理解，而是對于內容的理解，“基金公司為用戶提供的定投服務去相信和嘗試的原因”才是這張圖文的真正用意。
所以在做設計之前，一定要搞清楚：設計的目的。
基金公司“定投”服務的概念屬于金融理財知識，業務知識是設計的功課之一，在通讀文字內容后，通過同理心來提取業務概念的核心。
理財產品的價值點在于其收益率，定投產品的收益率是通過長期投資，且復利投資來實現的。
為了顯示其收益率，就需要在這組表格數據里找到對能形成對比的排列：
第一組對比：起始時間–結束時間- 與之對應的第二組對比：起始凈值–期末凈值
- 與第二組對應是第三組數據：投資金額（每期投資*期數）-?期末資產總值
- 其中“期數”貫穿始終，而期數正式定投基金與普通投資基金形式上的不同點。
能理解到這個程度，就可以利用初中數學的方法建坐標軸了（ 論數學對設計的重要性）。
手繪第一稿
可以看到，在沒有有色筆標識之前，數據的理解就已經圖形化了，而用有色筆標出的即數據的真正意義，就是剛剛沒有被對比的數據，金額的變化折算的收益率就是定投產品的價值。
可視化過程
由于圖片數據的意義意義已經解釋清了，那么就可以再進行美化處理了。
第一次美化：
數據排版
第二次美化：
加工設計
第三次美化：
（其中客戶修改了案例數據。不以“滬深300指數”為例，而以“中證基金”為模擬數據來源）
歸納數據
這一次美化，幾乎又做了一次深度歸納，為什么呢？
因為從用戶的角度來想，定投產品的原理是他想知道的，但他最想知道的是定投產品比普通基金投資“好”在哪里？就是前文所說的目的：基金公司為用戶提供的定投服務去相信和嘗試的原因。
好的收益率就是原因，那么只要用最簡潔明了的數據就可以顯示了。
那么其實只要著重突出數據表中未分組的統計數據就行了。
此版設計樣式給最后成品奠定了基礎。
上線版
可以看到，錢幣代替了柱狀圖，更形象地說明了收益的情況，而收益率用更大更清晰的字符去顯示定投的優勢。
以上，就是這個案例能分享給你的設計過程，你更喜歡哪一版呢？
（我最喜歡手繪第一版，因為是深夜在家學習時琢磨出來噠，從0-1）
附產品上線后的頁面地址：http://www.xyamc.com/fund/pc/fundvalue
作者：Eliza（森森），1年UX、交互設計、1年產品運營&用研、2年新媒體運營。
本文由 @Eliza 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 unsplash，基于 CC0 協議
希望筆者能寫點移動APP的一些需求轉化 ??
好的~