如何用故事型思維打造互動式數據可視化產品

• 2019 年 10 月 11 日
• 筆記

作者：梅映春，張一琦

來源：微策略 商業智慧

01 數據可視化在BI領域的應用

大家都知道，BI可以在分析客戶行為，對比競品數據，預測新的增長點等很多方面來幫助企業，但這一切都必須基於對數據的理解。可以說BI的核心就是數據決策，互動式數據可視化作為BI的核心體驗，應用場景非常廣泛。

我們從行業和職能兩條線出發，結合微策略的實際客戶案例，向大家展示了企業級互動式數據可視化產品在各行各業和各個職能線中的具體應用。

比如在零售業，零售商通過可交互的數據圖表來更好地了解客戶，根據銷售數據和客戶人群特點來進行有針對性的促銷活動，訂製個性化的購物體驗。

就拿店長這個角色來說，他會很關注店裡每天的銷售參數，比如出貨量、成本、利潤、冠軍產品、滯銷產品等，這些資訊都是可以通過可交互的數據圖表來呈現的。根據圖表提供的資訊，他可以調整進貨數量和品種，也可以調整貨品的擺放位置等。

我們再來看下製造業，互動式可視化產品可以提供生產管理的綜合報告和實時警報，製造商可通過分析數據，有效管理生產。

富士康是我們的客戶，他們很早就實現了數據化管理，工廠裡面從一線的管理人員到中高層，都會通過移動設備上的可交互報表來進行工作管理，不但管人，還管理機器。比如人員每天績效，或者機器的運作情況都在圖表中一目了然。通過數據回寫功能，還可以實時地記錄工廠中的情況，批複工作申請，調配人力和機器資源。

互動式數據可視化產品在BI領域有這麼廣泛的應用，能幫助解決那麼多的問題，那麼作為設計師要如何為這類產品做設計呢？

02 設計挑戰：難以建立的同理心

對於設計師來說這其中最大的挑戰來自於同理心的建立，同理心分為對外和對內。對外的同理心指的是設計師如何去理解客戶以及他們所處的商業情境。

企業產品用戶基數相對小，設計師想要接觸到用戶，了解他們實際使用的環境有一定難度。比如我要實地訪問CITI Bank的管理員，觀察他在實際工作中如何使用我們的產品，那可能需要經過比較複雜的申請，也很可能因為安全的原因遭到拒絕。這其實是大部分企業級產品都存在的局限。

同時，由於客戶處於各種不同的行業以及職能線，他們對產品會提出基於本領域的需求，想要很好地理解這些需求，設計師需要花時間研究行業相關知識，並對來自不同行業背景的用戶的需求進行綜合考慮。

同時，對於企業級數據分析產品來說，數據是整個體驗的基礎，而精確和安全是最基本的要求。比如CITI bank，在整個集團業務中使用了微策略的產品，每次產品升級，或者新功能的試用，都會對大量的數據、報表進行備份，非常謹慎，不允許出錯。

對內的同理心，則指的是建立起公司內部各個相關部門stakeholders和用戶研究與設計方案之間的同理心，使得大家能夠正確了解和評估設計，從而保證設計的落地。

到了設計評審階段，按流程我們會邀請各方包括設計、技術、測試、文檔等相關stakeholders來共同參與，這些stakeholders的背景和知識領域也各有不同，設計師既要把前期調研成果和設計與他們進行有效地溝通，又要控制評審節奏，確保效率。

技術邏輯複雜是企業級數據分析產品的另一個特點，產品的功能實現往往和後端技術息息相關，設計師在設計的階段，充分考慮這些技術因素也十分重要。

03 故事性設計思維是建立同理心的有效手段

經過我們的項目實踐，我們發現故事性思維是建立同理心的有效手段。簡單來說，就是把研究和設計當作一個故事來創作。

既然要講故事，必然要有人物，而用戶就是這故事的主角，一切圍繞主角進行，即我們說的以用戶為中心。在創建故事的過程中，設計師必須要很好地聚焦和了解用戶，從而理解需求。

整個體驗的設計就是故事情節了，情節符合故事裡人物的行為邏輯，故事才能真實合理。同樣的，設計也需要符合用戶的心智模型。同時情節還需要完整，體驗也一樣，端到端，各種場景都需要有妥當的處理。

設計結束後，把設計以故事的形式講述給項目各方的stakeholders聽，在評審中，建立起他們的同理心。使他們通過對故事裡的人物，場景，情節的了解，從而對設計的why，what and how有更好的理解，達到有效的溝通。

故事的作用並不止於此，產品發布前後，它還可以作為市場營銷的一種手段，來對產品進行宣傳。相信好的故事，必然也能打動用戶。

我們現在對故事性思維以及它的益處有了一定的了解，那究竟如何進行實踐呢？接下來我們通過用戶分析，故事創建，設計方案和設計驗證四個部分來仔細探討。

04 用戶分析

剛才也說到了，用戶是我們故事的主角，一切情節圍繞用戶展開。所以用戶分析，便是講好這個故事的基石。我們從以下四個方面來展開：Persona(用戶代表)，工作目標，核心數據指標，和工作旅程。

1. Persona（用戶代表）

大家對Persona這種方法並不陌生，通過研究Persona我們能更好地了解某類用戶的個人背景、工作目標、行為模式，從而建立起豐富用戶的形象。一些複雜的故事裡，人物不會只有一個，主角也分一號，二號，三號等……

為複雜產品做的Persona也是一樣，產品並不是專門為某一類用戶設計，我們可以根據他們在產品使用中的主次，分為主要用戶、次要用戶、其他用戶等…合理地選取用戶代表，能使得我們對用戶和需求的了解更加全面。

2. 工作目標

工作目標是Persona中最重要的一個部分，只有了解了用戶的目標是什麼，我們才能考慮產品要如何幫助他們實現目標。

這是我們為微策略移動產品設計的Persona之一，上面列舉了銷售代表作為移動產品的主要用戶之一，他們的個人背景，工作目標和遇到的痛點等。比如能夠實時地進行數據分析，從而找到新的機會點；能夠很好地為客戶展示產品性能數據或者方案。

而目前工作中，遇到的痛點有經常出差，路上網路不穩定，沒有辦法獲取實時的數據，日程緊張等……

這個照片上是我們UXD在採訪目標用戶，了解他們的日常工作和每天的日程，為創建persona和最終的用戶工作旅程圖做準備。用戶研究的常用方法在這個過程中都是適用的，我們一般會採用用戶採訪，研究來自技術支援和市場部的客戶案例，競品分析，對公司內部的領域專家進行訪談等。

3. 核心數據指標

對於一款數據分析產品來說，我們還需要關注用戶的核心數據指標，也就是用戶在工作中最關注的數據。這些核心數據指標都是和用戶的工作目標息息相關的。明白了用戶關注什麼，我們才能通過設計來幫助他們獲取、探索這些數據，以便進行商業決策。有了核心數據指標，也使得我們的故事更加真實，貼合實際用戶的工作場景。

4. 工作旅程圖

通過剛才一系列的用戶研究活動，我們已經搜集到了一定的資訊，這個時候用一個工作旅程圖來呈現這些資訊，結合Persona，在時間維度上總覽用戶的日程，包括每個階段的活動，目標，核心數據指標，和產品的接觸點以及情緒曲線和回饋。在最後我們會列舉我們產品的機會，為後續的設計做好準備。

▲工作旅程圖

05 故事創建

完成了用戶分析，我們對故事的人物以及他們的行為都有了一定了解。接下來我們開始創建故事。首先看下在數據分析場景中用戶的心智模型。

1. 用戶心智模型

我們從動機、分析、決策和執行四個方面來理解用戶在使用數據分析產品過程中的心智模型：首先是動機，可以分為主動探索和被動獲取。比如市場人員想通過現有銷售數據發現營銷機會，他會主動地去查看各個圖表，並通過一些交互功能來得到想要的資訊，比如排序、過濾等。

但有時候，用戶在瀏覽數據時目標沒有那麼明確，這時候，產品就需要主動把重要的數據和洞察推送給用戶，引起他們的注意。比如報表裡的某些重要數據異常了，我們要給用戶推送一個提醒，即使他不打開產品，也不會錯過重要資訊。

在更新一代的產品里，除了傳統的消息推送，標紅等，我們還通過演算法，為用戶分析異常原因，和可以採取的行動。

帶著動機，接下來用戶便打開產品開始使用了，接觸到了數據，用戶會開始進一步地挖掘，看到更多的相關資訊。經過一定的分析，得到了原因、規律、洞察等，這時用戶完成了數據探索，基於這些發現，並結合自己的經驗開始作出決策。

產品在這個時候，適當提供執行的功能，比如利用協同工作模組和相關人員進行討論，或者發出指令，把數據和洞察分享給相關人員等。這樣的話，用戶會覺得整個體驗更加完整，工作流不會過於跳躍。

2. 故事版

分析完了用戶的心智模型，我們設計了一個簡單的故事版，我們給故事的每個階段都設計出對應的功能模組。比如說，用戶的心智模型是找到並打開Dossier，故事的情節就是他打開了Library App，在首頁中，尋找到所要看的Dossier.

在這裡我們提供的功能是Libary Home Page, 以及相應的搜索，排序和篩選功能。而且在消息中心，用戶也能及時地接受和回復關於Dossier的資訊。比如有人要分享一個新建的Dossier，他只要點消息中心裡的鏈接就能直接打開。

3. 故事展示

有了故事和主要的功能模組，我們就開始設計詳細的方案，在此就不做贅述。完成了詳細的設計方案後，我們可以通過兩種方式來展現這個故事：一種是做成故事型的video，好處是比較直觀，易於理解。

另外，我們也可以用體驗地圖的方式來呈現整個故事和設計，這個體驗地圖和在用戶研究階段的工作旅程圖有所不同，此時我們已經有了詳細的設計方案，在這裡會把用研的成果和設計方案結合起來。

▲用戶體驗地圖

這是我們為微策略的Hyper Intelligence產品做的體驗地圖。Hyper是微策略新發布的一款數據分析產品，它旨在通過輕量的產品形態（Hyper Card）和極簡的交互方式（零點擊），使得用戶在各個場景下都能毫不費力地獲取想要的數據和洞見。

這份體驗地圖以銷售經理馬修的一天為背景，講述他在工作和生活中如何利用Hyer這款產品來實現他的工作目標。

體驗地圖的好處，就是把人物，場景和設計很好地結合在一起，使得整個故事既場景化又很完整。至此我們完成了故事的創作和呈現，接下來我們要對設計進行驗證評審。

4. 設計驗證和評審

在微策略，我們一般邀請外部用戶或者公司內部用戶來進行可用性測試，同時我們也會利用每月一次的Customer Council, 邀請客戶試用新產品，新功能，搜集回饋和新的需求。我們也會在網上進行Remote Testing，使得用戶的樣本更加多樣化。

專家評估也是必不可少的評審方式。每一個新的設計都會進行由設計師牽頭的評審會，邀相關的stakeholders，這個時候用故事的方式向他們展示用戶研究和設計的成果，容易建立起他們的同理心，便於他們了解設計是如何同用戶的實際使用場景相結合的。

以上就是利用故事型設計思維進行互動式可視化產品設計的方法和我們在項目中的實踐。