在UX設(shè)計中，有一種稱為信息設(shè)計的設(shè)計，即如何使人的信息一目了然。財務(wù)數(shù)據(jù)經(jīng)常面臨這樣的視覺問題。信息邏輯允許用戶看到易于理解的圖片。嘗試一把小刀，這篇文章就是一個簡單的例子。

　　背景介紹

客戶需要投入資金在主題頁面上投票。下圖顯示了需要說明的主題頁面部分，可以用戶可以理解的方式顯示：

客戶需求副本

看到這樣一段，當(dāng)你想做信息設(shè)計時，你想做什么？

你會讓排版好看嗎？更改為更好看的桌邊框并增加配色方案？不！

數(shù)據(jù)分析

因為即使是改變排版，改變顏色也不是“用戶可以理解”，理解不是字面理解，而是對內(nèi)容的理解，“基金公司為用戶提供固定投資服務(wù)的原因相信并嘗試“這是這張照片的真實(shí)意圖。

所以在設(shè)計之前，一定要弄明白：設(shè)計的目的。

基金公司“固定投資”業(yè)務(wù)概念屬于財務(wù)管理知識，業(yè)務(wù)知識是設(shè)計作業(yè)之一，經(jīng)過閱讀文本內(nèi)容，通過移情來提取業(yè)務(wù)概念的核心。

財富管理產(chǎn)品的價值在于其回報率。固定投資產(chǎn)品的回報率是通過長期投資和復(fù)合投資實(shí)現(xiàn)的。

為了顯示回報率，您需要在這組表數(shù)據(jù)中找到比較列表：

第一組比較：開始時間–結(jié)束時間

第二組比較：初始凈值–期末的凈值

對應(yīng)第二組是第三組數(shù)據(jù)：投資金額（投資*每期的期間） - 期末資產(chǎn)的總價值

“期數(shù)”貫穿始終，正規(guī)投資基金的數(shù)量與普通投資基金的數(shù)量不同。

要理解這個水平，你可以用初中數(shù)學(xué)的方法來建立軸（關(guān)于數(shù)學(xué)設(shè)計的重要性）。

手繪初稿

可以看出，在標(biāo)記彩色筆之前，對數(shù)據(jù)的理解已經(jīng)是圖形化的，并且用彩色筆標(biāo)記的數(shù)據(jù)的真實(shí)含義是尚未比較的數(shù)據(jù)。金額變化的收益率是固定投資。產(chǎn)品的價值。

　可視化過程

由于已經(jīng)解釋了圖像數(shù)據(jù)的含義，因此可以將其美化。

第一次美化：

數(shù)據(jù)布局

　第二次美化：

加工設(shè)計

　第三次美化：

（客戶修改了案例數(shù)據(jù)。不要以“滬深300指數(shù)”為例，以“中國證券基金”為模擬數(shù)據(jù)來源）

歸納數(shù)據(jù)

這次美化，幾乎再一次做了深層感應(yīng)，為什么呢？

因為從用戶的角度來看，固定投資產(chǎn)品的原則是他想知道的，但他最想知道的是固定投資產(chǎn)品比普通基金投資更好。 “它在哪里？”前一篇文章的目的是：基金公司是用戶。提供固定投資服務(wù)，相信并嘗試?yán)碛伞?

原因很好，因此您可以使用最簡潔明了的數(shù)據(jù)顯示它。

實(shí)際上，只要突出顯示數(shù)據(jù)表中未分組統(tǒng)計信息的統(tǒng)計信息。

這個版本的設(shè)計風(fēng)格為最終產(chǎn)品奠定了基礎(chǔ)。

在線版

可以看出，硬幣取代了直方圖，更直觀地說明了收入情況，收益率顯示了具有更大和更清晰特征的固定投資的優(yōu)勢。

以上是此案例可與您分享的設(shè)計流程。你更喜歡哪個版本？

（我喜歡第一個手繪版本，因為我在家里學(xué)習(xí)的時候是深夜，從0-1開始）

產(chǎn)品在線后的頁面地址：http://www.xyamc.com/fund/pc/fundvalue

作者：Eliza（密集），1年UX，交互式設(shè)計，1年運(yùn)營和通過研究，為期2年的新媒體運(yùn)營。

本文最初由@Eliza發(fā)布。未經(jīng)許可，禁止復(fù)制。

該地圖來自unsplash，基于CC0協(xié)議

« 悲??！由于iPhone 6充電線 | SEOer（搜索引擎優(yōu)化）和軍官 »