產(chǎn)品經(jīng)理和 UI 設(shè)計在對接數(shù)據(jù)可視化大屏的需求時，以下是常見對話：

盡管有的產(chǎn)品經(jīng)理非常細致，輸出的 demo 詳細到包含圖表類型和交互說明。不過整體來看，開發(fā)步驟是一致的：

大家有沒有疑惑？為什么明確了業(yè)務(wù)場景，就能確定關(guān)鍵指標(biāo)？這兩個步驟是如何推導(dǎo)和銜接起來的？

指標(biāo)就像是冰山在水面之上可視的部分，但水面下隱蔽但關(guān)鍵的支撐部分是什么，這里依舊是模糊朦朧的形態(tài)。

探索冰山水面以下的部分，就是今天討論的主題。

用數(shù)據(jù)講故事

我的疑惑終于在一次查詢資料的時候被解開。這里感謝王亮亮同學(xué)分享的經(jīng)驗《政務(wù)可視化設(shè)計經(jīng)驗-故事線》（原文地址見文末），給我很大啟發(fā)。

這篇經(jīng)驗針對政務(wù)類可視化大屏經(jīng)驗，根據(jù)場景提煉出多條故事線。故事線作為一條隱形的線，在當(dāng)前場景下把各個指標(biāo)串起來。雖然在大屏主題上和政務(wù)類有些偏差（我們是網(wǎng)絡(luò)信息安全行業(yè)），但大屏設(shè)計的底層邏輯和分析方法是通用的。

其實“故事”這個概念，在數(shù)據(jù)可視化領(lǐng)域中，并不是一個陌生的名詞，一本有關(guān)可視化設(shè)計的書，書名就是《用數(shù)據(jù)講故事》[美] Cole Nussbaumer Knaflic。

沒有人不愛聽故事，好的故事讓受眾感同身受，獲得啟發(fā)和動力。故事的價值同樣可以發(fā)揮在大屏設(shè)計上，讓受眾理解數(shù)據(jù)，感受數(shù)據(jù)的美和力量。作為大屏的設(shè)計者，我們同樣可以利用故事，來組織大屏的內(nèi)容（指標(biāo)）。

既然要講故事，我們首先要明確給誰講故事，才能確定怎么講故事。

給誰講故事？

你的受眾越具體，你就越能成功地進行溝通。避免“內(nèi)部和外部的利益相關(guān)者”或“任何感興趣的人”這樣泛化的受眾——一次性嘗試與太多需求不同的人溝通，遠沒有與細分的一部分受眾溝通高效。
你對受眾了解得越多，就越能準(zhǔn)確理解如何與之產(chǎn)生共鳴，如何在溝通中滿足雙方的需求?！队脭?shù)據(jù)講故事》第一章 1.3.1 你的受眾

在數(shù)據(jù)可視化大屏需求開發(fā)的場景中，我們首先要明確大屏的展示或匯報對象，才能確定展示內(nèi)容的類型。

B 端產(chǎn)品面向?qū)ο笥小赣脩簟?、「客戶」兩個概念。此外還有其他維度的分類方式——按照組織內(nèi)部架構(gòu)，可以分領(lǐng)導(dǎo)層、管理層、執(zhí)行層等上下級關(guān)系，以及平行部門等；按照建設(shè)和總包關(guān)系，可以將對象分成甲、乙、丙方等。在分析每個具體的用戶時，要考慮到他存在于整個在坐標(biāo)體系的哪個位置，這個位置包含了多個坐標(biāo)軸的信息。

不同坐標(biāo)點的用戶，核心利益點有共性也有差異化。我們強調(diào)關(guān)注用戶 or 客戶，其實就是關(guān)心其核心利益點。

怎么講故事

1. 兩個萬用模板

我提煉了兩個萬用模板，作為故事腳本的底層框架：

注意這是兩種故事腳本的底層框架，不決定頁面的布局是橫向或豎向。

2. 場景概念展示

因為我們的業(yè)務(wù)都是網(wǎng)絡(luò)信息安全領(lǐng)域，所以展示的概念也是基于此領(lǐng)域的延伸。

串形故事線

場景：修復(fù)對重要資產(chǎn)具有嚴重威脅的漏洞，響應(yīng)安全事件，排查情報并防護命中資產(chǎn)等。

場景：對日常安全運營工作計劃的執(zhí)行情況進行度量和改進，提升管理成熟度。

場景：在網(wǎng)絡(luò)安全領(lǐng)域的不少名詞，本身有類似于「生命周期」的概念，在“初始”和“終結(jié)”之間，存在多個“階段”。以下是國標(biāo)對漏洞管理流程的定義。

樹形故事線

場景：將數(shù)據(jù)進行多維度的分析，為領(lǐng)導(dǎo)層做出決策提供可靠的數(shù)據(jù)支撐。

場景：向上級單位或建設(shè)單位（甲方）匯報工作成果。

場景：通過對監(jiān)控數(shù)據(jù)的聚合分析，呈現(xiàn)并預(yù)測攻擊態(tài)勢。

嵌套和穿梭

不論是串行還是樹狀，是框架高度抽象后的極簡形態(tài)。在實際情況中更常見的是，一個大屏內(nèi)兩種形態(tài)互相嵌套，或者多個大屏組合在一起，講述一個更詳細的故事，但這都不影響框架主體結(jié)構(gòu)。

ONE MORE THING

大家發(fā)現(xiàn)沒，雖然這只是大屏需求開發(fā)過程中的一小步，但分析方法也容納了一整個雙鉆模型——第一個鉆石用來探索+聚焦問題，第二個鉆石用來發(fā)散+明確解決方案，遵循發(fā)散-收斂-再發(fā)散-再收斂的規(guī)律。

雙鉆模型是一個通用框架，保證在考慮周全的前提下，探索并輸出最佳方案，避免單線程思考可能陷入一葉障目的陷阱而不自知。

END

我們嘗試總結(jié)方法論，以此高效地解決同類問題，但方法論并不天然具備萬能屬性，我們需要帶著循證思維在更多場景中反復(fù)驗證它、修正它。

今天的分享旨在拋磚引玉，歡迎大家一起討論。

參考：

• 政務(wù)可視化設(shè)計經(jīng)驗-故事線（點擊查看原文）
• 《用數(shù)據(jù)講故事》[美]ColeNussbaumerKnaflic

歡迎關(guān)注作者的微信公眾號：「能呆書房一整天」