這篇文章是建號的第一篇文章。不好意思，我就想寫一些碎碎念。包括未來也是希望更多的寫一些想法思路。希望能遇見有相同思想頻率的道友！

做資料產品的前端，大家一定首先想到的是資料視覺化。

沒錯，我一直以資料視覺化的前端身份自居。但是忽然間有一天我就不這麼想了，我覺得自己應該去做一個工程師。

做前端本身就把自己限制在一個特定的領域，前端的資料視覺化，就是特定領域中的特定領域，這樣很難看到全域性的樣貌。當然，專精於某個領域是最可能將自身技術實力提升到專家的途徑。奈何自己不是一個技術控，思想有點跳，總在思考各自問題的關聯性，以及如何解這些問題。

對，就是那種其實你就是想做成這件事！而使用什麼技術只是手段之一，是過程。我們有很多種解法去解決要完成這個目標需要去做的事情。比如：寫頁面。於是我作為一個前端的角色去完成這件事，恰好我也擅長這項任務，能夠和其他人愉快分工完成。

很不幸，當初被大資料，AI什麼七七八八的概念忽悠得臺徹底。於是我深深入坑。覺得做的那些系統專案中，除了遊戲，就數資料產品能得我心，而我是個前端，天天畫圖表，再於是，我就變成了一個數據視覺化前端。

但是資料產品本身也是一個產品，一個業務工程。它是在前端工程的基礎上有擁有自己的特性。就像移動端產品一樣。它只是一個有自己個性的前端工程。所以，我認為，需要跳脫資料視覺化開發的身份來看待資料產品的前端開發。就像移動端開發者那樣，它是一個待開發的領域，是大前端方向的一個重要分支，和中後臺系統這樣，需要一個解決方案。
而從產品設計，使用者體驗模式，都與其他產品有較大差異。而它帶來的是是使用者對資料的消費和使用。

扯遠了，意思就是希望通過思考在這裡總結一份資料產品的綜合解決方案。

通常針對不同型別的資料產品頁面，作為前端會選擇不同方案。那麼這裡我習慣將資料產品分為以下幾種型別。

1. 資料大屏：資料大屏，常見的有會展資料牆，監控資料，產品首頁。這些有圖表搭建出來的頁面。特點是，漂亮的特效，展示指標多數為虛榮指標其作用通常為鼓舞士氣。所以其設計理念也要以振奮人心為目的，使用特效，新增彩蛋等手段提升使用者體驗。
2. Dashboard： 與大屏很相似，都是由一些關鍵指標堆砌的圖表。主要區別在於，Dashboar的首要功能是多維資料展示和資料價值。所以，Dashboard的設計，就要將最大的篇幅留給資料。簡潔明瞭，關係清晰 才是Dashboard的設計原則。
   這裡最容易混淆的是監控屏，監控作為功能性指標，且實時重新整理的圖表頁，也經常出現在資料大屏上。那麼區分設計原則的關鍵就是使用者，如果發生問題，使用者是否能夠通過這個頁面定位到問題。如果你希望做到，那麼請按Dashboard設計，將重心轉移到資料直接的關係與價值上。否則就有多酷炫做多酷炫，對！它也是虛榮指標，我們從大屏上獲得的是安全感和問題線索。
3. 資料Query 面板：這種產品形態最常見，一個數據查詢面板加上一個表格。就是一個數據頁面了。常用於資料查詢，對於使用者目的即資料詳情查詢。所以表格本身就是最好的展示形態。如果需要加入資料分析功能，那麼最好的方式就是表格資料透視法。切不可為好看，就捨棄表格，畢竟表達是表達詳細且明確的資料的最好的手段。
4. 互動型分析工具：這種產品，通常不是以圖表為主要展示方式。而是一個互動控制檯，就像醫生的手術檯，對資料進行不斷的解剖。再搭配幾臺心電圖儀器（分析圖表）資料分析師就能按照最初的線索，使用控制檯提供的分析手段，逐步解開謎題。或者～無意中發現一些潛在的關聯關係，從而一夜暴富。
   其設計套路，通常是將最大區域留給控制檯。輔助以詳情分析的輔助面板。同時注重佈局的靈活性可操作伸縮面板區域。包括工具欄，資料來源，資料詳情，資料過濾器等基礎設施。

瞭解這些有什麼用呢，至少你要知道產品經理在幹嘛吧！