https://cloud.tencent.com/developer/article/1006263

今天，即使你不熟悉雲計算，大數據是什麽。但是這些詞匯已經充斥在我們的身邊。我們被超負荷的信息和過多的數據折磨。誰沒被定義成數字？——當我們存在於各種龐大而復雜的社交關系中，我們被各種各樣的標簽或者數字去定義。的確，數據是評估市場趨勢和廣告效果的有效途徑，數據是幫助我們了解消費者行為的直接選擇。我們被一推1和0所標記，毫無尊嚴的變成一個數字時，人們看到是一堆堆數字，而我們看到是一個個鮮活的你。雲圖，讓數據可見。

起因

所在的FT一直在做數據庫和大數據相關的業務，都是和數據相關。那作為設計團隊，我們一直在思考怎麽“用視覺的方式去思考數據”。於是我們做一系列關於數據可視化的案例，地鐵人流量、扶貧指數、安全指數等等。也總結了一些關於大數據可視化的文章《遇見大數據可視化 - 基礎研究》，《遇見大數據可視化 - 來做一個數據可視化報表》，《遇見大數據可視化 – 圖表的視覺系統感知》，《遇見大數據可視化 – 人人都能做數據可視化》等等。

但是隨著案例的增多，我們設想的制作周期會大幅下降的情況並沒有出現。每個案例從腦暴、設計、數據、開發都需要1-2個月的時間，而且都需要產品、設計、開發都許多同學的參與的，非常耗時耗力的。

但另一方面，團隊之前寫的【遇見大數據可視化】的系列文章發出去後，被很多同學紛紛找上來詢問如何做數據可視化，其實大家對數據展示的需求是越來越多的。

於是我們開始思考是不是可以做一個工具，可以方便的讓用戶快速的去做一些數據可視化的展示。無需編程，拖拽即可生成數據可視化展示。

前期思考

在項目開始之前，我們首先梳理出有那些人群會對數據可視化的工具有需求的。通過整理RTX詢問同學的崗位分組，和聯合產品經理對外部人員的需求詢問。我們發現了一個很重要的信息，很多用戶而然聽說過數據可視化，也能理解理解數據可視化的好處，但是對於復雜數據如何去做展示就無從下手了。

雖然我知道這東西好，但是做不來的。

所以對於雲圖的第一期版本，我們更需要告訴用戶最終的數據可視化的呈現是什麽。讓他們先看的成果，然後再促使他們去嘗試。

我們改變了傳統數據圖表的制作流程，在Excel等圖表工具中流程都是先框選出要展示的數據，然後根據數據在圖表庫中選擇對應的圖表，最後圖表呈現出來。

為了能讓用戶盡可能多的去嘗試做可視化設計，我們去掉了前兩個步驟，然後用戶直接可以把他想要的圖表拖出來，無需去更多的關註糾結於數據和其他選擇上面去。

於是乎，我們將雲圖一期的期望需求進行精簡提煉，找到當前產品的核心目標：簡單、拖拽、高參數、模板化的數據可視化工具。明確的產品目標能指引我們不偏離大方向，在什麽階段要解決什麽問題。

框架

關於框架設計，最初我們的想法是盡可能的給用戶更大的畫布操作區域，縮小元素選擇區域和標題區域的大小，同時讓畫布組件的屬性信息通過輕浮層的方式展示，對常用操作引導用戶使用快捷鍵操作。

但是在推動的時候，我們遇到幾個問題。

對於用浮層展示屬性等信息，開發表示開發量很大，一期建議展緩的。

工具需要接入騰訊雲平臺，在頂部必須保留騰訊雲統一的頭部條，這樣整個頭部就用3條通欄了，顯得頭部十分的笨重。

於是整合了標題欄和工具欄，固定組件屬性欄在右側位置，收起了多余的操作項，砍掉多余的分類和隱藏多余的操作，希望用戶在使用時，能聚焦於畫布內容，獲得沈浸的使用體驗。

內容為王

為了能讓用戶可以更好更方便的去做嘗試，我們把大量內容進行聚合模板化、樣式化。這樣用戶直接就可以拿來就用，而不用過多去想，我柱狀圖要怎麽去做，要不要描邊，要不要透明，要用什麽顏色。

1 .更多的圖表樣式

將圖表按照類型進行分組（柱狀、條形、折線、餅圖、環圖、散點等），然後每個圖表類型下面提供豐富的樣式選擇。

2 .更多的配色方案

圖表配色上面除了15色的默認樣式色值，還通過豐富的顏色備選方案，已滿足不同用戶案列場景的需求，方便用戶直接快速的進行圖表顏色切換。

3 .更多行業案列

同時我們按照行業類型提供了不同的模板樣式，用戶可以直接在提供的模板上進行修改嘗試即可。

小結

當然了現在雲圖還處於1.0（Beta版）的階段，會有大量的問題和需要的優化的地方。後續我們會將雲圖逐步完善，並不斷優化用戶體驗和流暢度。

遇見大數據可視化 ： 【雲圖】讓數據可見