1. 程式人生 > >一個做資料產品的不太前的前端

一個做資料產品的不太前的前端

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


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

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

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

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

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

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

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

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

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

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