大屏數(shù)據(jù)可視化的過程是什么?

12 評論 51085 瀏覽 154 收藏 16 分鐘

這不是一個具體告訴你怎么設(shè)計的攻略文檔,這里面多是理解的內(nèi)容,可以讓讀者更好的去完成大屏可視化項目。

我的第一性原理

可視化設(shè)計原則中最基本和最經(jīng)典的原則來自于設(shè)計師愛德華·R·塔夫特,他在《量化信息的視覺表現(xiàn)》中概述了數(shù)據(jù)墨水比例原則:

定義表現(xiàn)數(shù)據(jù)的墨水在打印圖標的總墨水的占比,在合理的基礎(chǔ)上,使數(shù)據(jù)墨水比例最大化并去除非數(shù)據(jù)墨水和多余的數(shù)據(jù)墨水。

該原則要表達的核心思想就是簡潔,我們的圖表要簡潔,我們的數(shù)據(jù)要簡潔。最好的大屏可視化不是數(shù)據(jù)的平鋪,不是設(shè)計的天馬星空,而是針對客戶場景,理解數(shù)據(jù)復(fù)雜性的基礎(chǔ)上,通過可視化的手段,形成一個高度提煉的故事。

我們在項目調(diào)研、設(shè)計階段都要以簡潔、場景化為出發(fā)點,在理解客戶復(fù)雜的場景、復(fù)雜的數(shù)據(jù)的基礎(chǔ)上,將故事簡化,為客戶真正解決問題。深刻的簡單并不是缺少復(fù)雜性,而是巧妙的掌握了復(fù)雜性,這一點深有體會。

如何理解數(shù)據(jù)可視化

百度的解釋是這樣的:

數(shù)據(jù)可視化主要旨在借助于圖形化手段,清晰有效地傳達與溝通信息??梢暬且粋€復(fù)雜的過程,在這里我們只想強調(diào)一個觀念。

數(shù)據(jù)可視化通俗說就是要用圖形講故事,客戶如果一見面就要看設(shè)計,那很顯然我們就要跑偏了,我們在大屏上看到的是設(shè)計樣式,看到的是一些指標數(shù)據(jù),但再細想一下,人們關(guān)心的從來不是數(shù)據(jù),數(shù)據(jù)不是重點,它只是達到目的的手段 ,人們關(guān)心的是數(shù)據(jù)背后的意義。

我們關(guān)心CPU利用率不是我們關(guān)心這個百分數(shù),而是擔心業(yè)務(wù)不能有效運行,數(shù)據(jù)和圖形只是占位符,本身沒有什么意義。

只有在特定場景下,融入數(shù)據(jù)才是有意義的,而可視化也只有將有意義的數(shù)據(jù)進行處理才能讓數(shù)據(jù)產(chǎn)生持久效應(yīng)。

大屏數(shù)據(jù)可視化的過程

規(guī)則是“你必須按這種方法做事?!痹硎牵骸斑@種方式有效……而且經(jīng)過了時間的驗證?!眱烧哂兄举|(zhì)區(qū)別。

大屏可視化的過程主要分為以下幾個部分:

  1. 界定問題;
  2. 達成共識;
  3. 探索調(diào)研;
  4. 原型設(shè)計;
  5. 檢查測試。

1. 界定問題

大屏的目的也是為客戶解決某一個具體的問題,所以在項目入場前,我們要基于事實去最大程度的了解項目,事實可以彌補直覺上的缺陷,可以提升項目組對問題的把控能力,銷售和售前前期有機會要基于《大屏基礎(chǔ)信息調(diào)研表》完成客戶的初次摸底,以減少項目的巨大變更。

我們要盡可能的收集事實信息,可以選擇的手段有以下幾種:

(1)項目文檔

包括SOW、招標書、講標文件等。

(2)利用前輩經(jīng)驗,不重復(fù)勞動

針對已有的客戶我們要去跟售前、銷售、公司對客戶和行業(yè)了解的專家去坐下來一起聊聊項目,形成統(tǒng)一的建設(shè)思路,把我客戶的基本期望。

(3)個人查找

可以通過上網(wǎng)和其他途徑去了解一下客戶的信息,目的不是收集到關(guān)于項目的具體信息,而是要對客戶有一個整體的認識,吸取行業(yè)知識,了解行業(yè)現(xiàn)狀。

在掌握基本項目信息的基礎(chǔ)上,我們會對項目做一個初步的解決方案,形成一個初始假設(shè),客戶可能要做幾個主題的大屏,每個主題要解決什么問題,都要展示哪些信息,要對接什么系統(tǒng),哪個客戶是關(guān)鍵角色……并對假設(shè)做出初步的解決方案。

與此同時要將項目信息提前通知到設(shè)計組、開發(fā)組、大屏組的同事,確定各方的資源安排和時間計劃,這是為了增加其他人的可控性,避免項目并行人力資源緊張的風險。

2. 達成共識

了前期的準備后,我們需要做的是和客戶達成共識,設(shè)計是一門淺科學(xué),所有人都能對我們的作品插嘴評論,而且還會覺得理直氣壯,為了減少這種情況,達成項目上的共識是必須的。

大屏項目可以說是一個“一把手工程”,一般最終拍板的就是領(lǐng)導(dǎo),所以最完美的情況是領(lǐng)導(dǎo)就在你的項目啟動會上,如果不在,爭取讓他在,這很重要。

啟動會上的宣講PPT是這個過程的主力,我們要在啟動會上告訴客戶什么是數(shù)據(jù)可視化,好的大屏應(yīng)該是什么樣,項目過程應(yīng)該怎么做,并得到客戶的認可與確認。

同時還要將之前的假設(shè)在啟動會上與客戶做一個初步確認,這個確認不是為說明假設(shè)是正確的,而是來驗證我們是否掌握了正確充足的信息。

3. 探索調(diào)研

調(diào)研主要分為背景調(diào)研、數(shù)據(jù)調(diào)研和交互設(shè)計調(diào)研可以用到的方法主要是觀察法和訪談法,另外,一把手的意見很重要。

4. 背景調(diào)研

調(diào)研的開始應(yīng)該是從背景調(diào)研入手,我們要研究受眾,分析標準,了解各種要求和相關(guān)利益者的想法,發(fā)現(xiàn)機會和限制,例如:從目標受眾、大屏建設(shè)的目的和原因、理解業(yè)務(wù)等方向去了解,如果有條件,對好可以將大家組織到一起進行交流以確保信息的統(tǒng)一。

5. 數(shù)據(jù)調(diào)研

數(shù)據(jù)對于大屏就如同基因?qū)τ谌梭w,數(shù)據(jù)決定了大屏要講什么樣的故事,決定了每一個圖表該怎么展示。在我們驗證之前了解的假設(shè)前提下,需要對數(shù)據(jù)進行更多的了解。對數(shù)據(jù)的調(diào)研主要分為認識數(shù)據(jù)、研究數(shù)據(jù)、整理數(shù)據(jù)。

(1)認識數(shù)據(jù)

基于不同的業(yè)務(wù)、不同的故事主題會有不同的數(shù)據(jù)展示需求,去客戶的系統(tǒng)去實地查看一下數(shù)據(jù),去了解數(shù)據(jù)對業(yè)務(wù)的影響,平時用戶是怎么用這些數(shù)據(jù)的,觀眾會關(guān)心哪些數(shù)據(jù),數(shù)據(jù)對接的條件是否滿足等,并得到脫密的數(shù)據(jù)樣本。

(2)研究數(shù)據(jù)

根據(jù)數(shù)據(jù)樣本和觀察的結(jié)果,要分析出數(shù)據(jù)的常規(guī)值、特殊值和各自對應(yīng)的含義,還要看看名字的長度范圍,數(shù)據(jù)適合是趨勢展示還是實時數(shù)據(jù)展示,可能適合什么圖形。

(3)整理數(shù)據(jù)

接下來就是要在數(shù)據(jù)之間建立聯(lián)系,尋找故事、模式、關(guān)聯(lián)和挑戰(zhàn),去思考數(shù)據(jù)中最有趣的是什么,什么最讓人驚訝,數(shù)據(jù)中反復(fù)出現(xiàn)的事實和主題是什么,可以對數(shù)據(jù)進行分類和重要性排序,這里一定要考慮到受眾的問題,他們是最終用戶,并與具體人員逐個確認。

確認的過程中要避免數(shù)據(jù)堆砌的情況,有什么數(shù)據(jù)就往上放什么數(shù)據(jù),還是要針對故事主題進行理解,可以嘗試問問自己和客戶,這個數(shù)據(jù)必須放上去嗎,不放行不行,有沒有什么可以替換的……

6. 交互設(shè)計調(diào)研

到底大屏還是用來看的,數(shù)據(jù)的調(diào)研基礎(chǔ)上,需要對交互設(shè)計進行充分的調(diào)研,可以從環(huán)境、使用人群、觀看人群等角度來進行探索。

(1)環(huán)境

包括物理環(huán)境和使用環(huán)境,物理環(huán)境是指大屏的硬件基本信息,屏幕的數(shù)目和材質(zhì)、接入方式、分屏能力、整屏分辨率、橫縱比、終端的顯卡配置、顯示要求等,使用環(huán)境是指大屏的應(yīng)用場景,在什么時候用,要用多久。

(2)使用人群

會有哪些人來使用操作大屏,以什么方式來操作,要實際觀察一下。

(3)觀看人群

觀看人群都有哪些,他們都是什么類型的人,他們觀看的路徑、步驟和位置大概是什么樣的。

從調(diào)研中我們要找到交互的默認狀態(tài)是什么樣、常規(guī)狀態(tài)是什么樣、特殊狀態(tài)是什么,常規(guī)操作是什么、默認操作是什么、誤操作有哪些等。

7. 原型設(shè)計

在一部完成作品所體現(xiàn)的全部創(chuàng)作努力中,作家百分之七十五以上的勞動都用在了故事設(shè)計上。

——《故事》

大屏同寫電影劇本一樣,設(shè)計是核心,所以我們沒有理由不在設(shè)計上花心思。前期的研究分析和堅定的信念是我們著手設(shè)計的基礎(chǔ),在原型設(shè)計階段主要過程是草稿設(shè)計、驗證、評審、原型圖設(shè)計。

(1)草稿設(shè)計

我們了解了客戶的需求,要提煉出故事的關(guān)鍵詞,關(guān)鍵詞越簡單我們理解的就越透徹,可視化的核心在于對內(nèi)容的提煉,內(nèi)容提煉得越精確,設(shè)計出來的圖形結(jié)構(gòu)就越緊湊,傳達的效率就越高。反之,會導(dǎo)致圖形結(jié)構(gòu)臃腫散亂,關(guān)鍵信息無法高效地傳達給讀者。

根據(jù)關(guān)鍵詞、主題、數(shù)據(jù)和交互的調(diào)研結(jié)果,用紙和筆進行草稿的制作,草稿上體現(xiàn)的是布局、圖形和思想。

(2)驗證

畫完后,要和項目內(nèi)部的同事一起去驗證一下是否準確說明了故事,解決了問題,場景上能不能說通,分屏問題是否可以解決等。

(3)評審

在去見客戶領(lǐng)導(dǎo)之前,先要跟設(shè)計和開發(fā)再次確認資源時間安排。向客戶領(lǐng)導(dǎo)進行評審確認,收集客戶的想法,修改幾輪后得出成稿,并與客戶取得確認,并向客戶說明,現(xiàn)在修改還沒有什么影響,后面內(nèi)容再變就是變更,就會影響項目進度。草稿確認后要講草稿電子化,并詳細說明數(shù)據(jù)內(nèi)容。

評審的時候可以再跟領(lǐng)導(dǎo)說明一下風格問題。

(4)原型圖設(shè)計

設(shè)計部分也是一個多方溝通的過程,我們要和設(shè)計和開發(fā)一起將整個調(diào)研的結(jié)果回顧一下,將業(yè)務(wù)跟同事說清楚,努力縮小設(shè)計和業(yè)務(wù)需求之間的溝壑。將數(shù)據(jù)樣本、草稿、交互方案(或原型)提供給設(shè)計和開發(fā)。

8. 檢查測試

這部分是和原型設(shè)計緊密相連的,但因為此過程比較重要,所以單獨拿出來說一下,這部分主要的工作是:內(nèi)部檢查、現(xiàn)場測試、客戶評審和修改完善。

(1)內(nèi)部檢查

設(shè)計原型圖完成后需要在公司內(nèi)部進行自我檢查,查看在內(nèi)容、風格、實現(xiàn)上是否滿足需求。

(2)現(xiàn)場測試

帶著設(shè)計同事一起去客戶大屏現(xiàn)場看看實際投放的效果,能不能看清楚、色差大不大,比例對不對等等,最好模擬一下使用場景,樓上樓下,近處遠處是什么樣的感受。

(3)客戶評審

自我檢查修改后與客戶領(lǐng)導(dǎo)一同在大屏現(xiàn)場進行評審。

(4)修改完善

可能免不了要修改幾次,最終形成一個版本,每一次變更要形成版本號,并記錄變更內(nèi)容發(fā)給客戶。

最終我們還要為客戶形成一個《展演腳本》,輔助客戶講大屏的價值最大化的體現(xiàn)。再之后就是數(shù)據(jù)對接、系統(tǒng)實施部分的內(nèi)容,此次就不做介紹。

最后

文章的最后為大家提供一些調(diào)研中的技巧:

  1. 請被訪者的上司安排會面;
  2. 開始前一小時,可以給被訪人打電話咨詢一下;
  3. 兩人一組,這樣一個問一個記錄,避免遺漏信息;
  4. 可以在訪談中加入你已經(jīng)知道的答案,這可以使你對被訪談?wù)叩恼\實和知識有個大概的了解;
  5. 讓被訪者知道你在認真的聽他說話:身體向客戶傾斜,并時不時點頭,經(jīng)常用一些口語“嗯”“明白了”,同時寫寫畫畫;
  6. 留白:如果你覺得他們遺漏了一些信息或者不確定內(nèi)容的重要信息,什么也不說,沉默一會,他們很可能會侃侃而談,去填補空白;
  7. 問開放性的問題,不要問是和否,或者多個選擇中的哪一個;
  8. 復(fù)述,復(fù)述,復(fù)述;
  9. 切勿問的太多,不要問被訪者知道的一切事,你只需要知道兩三件重要的事;
  10. 結(jié)束訪問要出門的時候,問訪談?wù)哂袀€問題還想問一下,或者兩天后再問,這樣可以減低防備;
  11. 臨走時也要再問一句,還有什么想告訴你的;
  12. 最重要的是傾聽,訪談不是為了顯示你有多么博學(xué),如果是為了了解現(xiàn)狀和最真實的情況,那就要多聽;
  13. 傾聽要做到身動、腦動和心動。身動是說我們除了要身體和語言上表示我們在聽客戶講以外,要避免將手機放在他的眼前,也不要時不時的看手表和來回走,只要有一丁點的動作客戶就能敏感的感受到你不耐煩的情緒;腦動是說如果客戶沒有表述清楚,你要為客戶歸納好,總結(jié)好,幫助客戶梳理內(nèi)容;心動是指要知道客戶背后的訴求,他們到底要怎么來解決這個問題。

 

本文由 @?SHsama 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Pexels,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 如果有大屏或者數(shù)字孿生的工作機會,還請聯(lián)系我。

    來自北京 回復(fù)
  2. 大屏基礎(chǔ)信息表能分享一下嗎

    來自上海 回復(fù)
  3. 您好,《大屏基礎(chǔ)信息調(diào)研表》能分享一份嘛?

    來自山東 回復(fù)
  4. 請問一下,大屏的硬件您了解嗎能不能講講,拼接屏,led屏等等

    來自江蘇 回復(fù)
  5. 請問您是產(chǎn)品嗎?

    來自四川 回復(fù)
    1. 做大屏的時候是做項目的 現(xiàn)在是產(chǎn)品

      來自北京 回復(fù)
  6. 看完非常收益,最近正好在用帆軟做大屏!

    來自江蘇 回復(fù)
  7. 作為B端產(chǎn)品接觸了大屏半年,很有挫敗感,即使項目起步階段都想提高大屏的實用性,到了最后還是免不了成為大領(lǐng)導(dǎo)的一個看板

    來自浙江 回復(fù)
    1. 是的,通常大屏項目都會遇到這個問題,如果客戶對數(shù)據(jù)可視化的理解不夠深,就需要有一定的引導(dǎo)能力才可以帶動客戶。

      來自北京 回復(fù)
  8. 謝謝分享~ 感覺是個心思細膩的設(shè)計師。
    學(xué)到了大屏項目的流程和注意點,希望能有更多數(shù)據(jù)可視化方面的分享~~

    來自浙江 回復(fù)
    1. 哈哈謝謝 我并不是一個設(shè)計師 ??

      來自北京 回復(fù)
  9. 正準備給客戶交付一個自助式BI項目,我們之前沒接觸BI,雖然有WynBI這個軟件幫我們搞定了所有的技術(shù),業(yè)務(wù)的部分也得跟得上才行。

    來自陜西 回復(fù)