一個作數據產品的不太前的前端

這篇文章是建號的第一篇文章。很差意思，我就想寫一些碎碎念。包括將來也是但願更多的寫一些想法思路。但願能碰見有相同思想頻率的道友！

---

作數據產品的前端，你們必定首先想到的是數據可視化。

沒錯，我一直以數據可視化的前端身份自居。可是突然間有一天我就不這麼想了，我以爲本身應該去作一個工程師。

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

對，就是那種其實你就是想作成這件事！而使用什麼技術只是手段之一，是過程。咱們有不少種解法去解決要完成這個目標須要去作的事情。好比：寫頁面。因而我做爲一個前端的角色去完成這件事，剛好我也擅長這項任務，可以和其餘人愉快分工完成。

很不幸，當初被大數據，AI什麼七七八八的概念忽悠得臺完全。因而我深深刻坑。以爲作的那些系統項目中，除了遊戲，就數數據產品能得我心，而我是個前端，每天畫圖表，再因而，我就變成了一個數據可視化前端。

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

扯遠了，意思就是但願經過思考在這裏總結一份數據產品的綜合解決方案。

一般針對不一樣類型的數據產品頁面，做爲前端會選擇不一樣方案。那麼這裏我習慣將數據產品分爲如下幾種類型。

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

---

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