在可視化大屏業務中，設計師如何快速了解業務并產出合理的方案呢？我們把日常工作做了梳理，為了大家有更好的閱讀體驗，文章將拆分為需求理解與設計方案制定兩部分，本篇介紹可視化大屏業務之——需求理解。

可視化設計相關干貨：

一、大屏數據可視化設計基礎

1. 概念以及特點

大屏數據可視化設計，是以大屏為顯示載體，用直觀形象的圖形語言表達抽象復雜的數據；讓用戶易看易懂，幫助他們輔助決策等等。

大屏數據可視化設計具有以下特點：硬件種類多且各家尺寸和比例不一，具有獨特性；業務涉及行業廣、場景多且空間有限、具有專業性；設計視覺要求炫酷，需掌握多種技能，并且運用設計語言準確的表達出來，具有綜合性。

2. 需要具備的知識體系

在大屏數據可視化設計，設計師需要具備哪些能力呢？本文將從大屏硬件環境、業務理解力、視覺表現力三個方面做陳述與說明。

大屏硬件環境，需要了解大屏顯示終端的硬件各種類型：DLP、LCD、LED 以及特性。針對不同物理硬件的特點，我們采取不同的設計方法；設計前必須了解大屏比例尺寸。例如：拼接屏單屏分辨率是 1920*1080。那么，大屏總分辨率寬是 1920*N，高是 1080*N（其中 N 代表橫向和豎向拼接屏個數 ）；

除此之外，大屏的物理環境還受終端硬件特性、坐席最佳視距，室內采光等因素的影響。因此，我們在設計的時候，會根據這些因素考慮字號的大小和整體屏幕的色彩明度。

業務理解：大屏數據可視化設計因為涉及的業務領域較為廣泛，所以需要設計師具備一定行業基礎知識和業務積累，再把這些業務知識應用到實際的大屏場景的設計中去，學會用合理的設計表達來講故事。

講好故事前提是需要對業務有深刻的理解，我們可以通過拆解業務目標、分析并重組業務模塊進行設計。正確的選擇合理的指標，準確的采用形象的圖表，用大數據之美來幫助用戶快速理解業務的核心內容。

以筆者多年的設計經驗，大屏數據可視化設計多應用在：企業展示、實時監控、輔助決策、戰略指揮、城市運行、領導駕駛艙、運營匯報、展會中心等場景。所以，針對以上場景的應用，我們平時應該多多關注這些方面的信息，做好必要的知識沉淀。

除此，設計師還需要具備綜合的設計能力。不僅僅只是具備基本的界面設計能力，還需要具備三維建模、渲染動畫、動效設計等，數字孿生是未來的發展方向。因此就要求設計師必須熟悉地理信息和三維引擎等技術。

二、大屏數據可視化設計需求拆解

1. 初步溝通后，如何拆解需求

以下，我們通過一個具體的需求事例來具體說明

我們先看一段產品經理和設計師之間的對話：

通過以上對話，我們可以針對需求中的關鍵字進行挖掘，獲取有用信息（隱藏需求）。

例如：

“某地”就可以考慮采用代表該地域特征物產或地標建筑，可準備相關地域問文化素材或矢量地圖；

“產業大腦”自帶行業屬性。設計師可以提前準備下與此相關的行業知識。

“大屏電腦都用”說明需要適配大屏端和 PC 端。所以，在設計時，需要考慮大屏尺寸比例與電腦尺寸比例是否一致；

“ LED ” 表明硬件終端類型，需要了解 LED 屏幕像素間距大小，設計時可考慮字體規范；

“ 5.8m*3.2m ” 有了物理尺寸可以換算像素以及比例，方便設計師確定界面尺寸大小；

“ 緊急！明天要 ” 說明任務緊急，設計需要快速，可考慮采用已有組件快速搭建；

通常我們拿到產品經理的需求原型，先熟悉整體的業務由那些各個模塊構成、各個模塊之間的主次關系以及交互行為等。

以上原型主要模塊有：

1. 頂部：主標題
2. 中間：地圖展示企業分布區域、預警企業以及預警詳情 （主場景）
   左右兩側和底部：圖表展示產業相關數據報表 （次要）
3. 模塊布局：“回”字型布局
4. 層級方式：底圖為地圖，上層浮層為圖表

以上初步了解原型之后，我們可以通過參加產品原型評審會議進一步詳細了解需求，有問題可以再評審會上提問交流解惑。

我們對需求了解清楚了，需要進一步對各個模塊需求分析理解：

1. 標題：要言簡意賅，如冗余可進行優化；
2. 指標：指標應考慮名稱、指標數據展示多情況下保障足夠的擴展空間；
3. 圖表：準確選用合理表達業務內容的圖表；
4. 例如：全鏈營銷模塊
5. 標題：全鏈營銷
6. 指標：指標名稱，2~6 個字符，指標數值，1~6 位數；
7. 圖表：業務表達，近一年銷售量和訂單量的趨勢變化，選用兩條折
8. 線圖表達；維度：月份 1~12 月；度量：銷售額 1~4 位數，單位萬元；訂單量：1~4 位數，單位：件

通過分析理解，我們可以更深入的理解業務模塊的內容，以便于我們著手開始設計：

在對業務理解中，我們先以講故事的方式，幫助用戶理解業務場景。比如：某市的領導駕駛艙大屏設計，哪部分數據是最重要的，用戶最關心的內容是什么？在設計的時候，設計師會著重刻畫這部分數據內容的展示。

我們可以通過行政區域的下鉆或者界面數據的聯動等交互分主次，分層級的讓用戶知曉業務重要數據指標和內容；

在設計中我們運用對比等形式，圖表準確的表達，能夠讓用戶一目了然，易看易懂，從而提升用戶體驗。

在對需求理解的這個過程中，我們不斷的分析、拆分、重組各個業務的模塊，以便于我們更好的吃透整個大屏數據模塊，整理出對設計更有價值的信息來設計界面，以滿足客戶的需要。

另外也會有一些硬性需求植入。所以需要設計師整體整理大屏思路。例如，某屏需求最后分析輸出如下：

A. 需求側（客戶方&產品經理）：大屏界面信息展示要有層次、突出核心指標、便于領導觀摩，并且要適配 PC 端；

B. 設計側：大屏硬件特點、尺寸比例、坐席環境以及設計目標

1. 指標卡清晰
2. 圖表表達準確、層次分明
3. 業務邏輯清晰
4. 設計組件快速搭建界面

C. 研發側：使用莫奈配置大屏，后臺接入指標系統；

關于可視化大屏之「需求理解」的分享就到這里，下一篇我們講講《可視化大屏業務之設計方案制定》。

下期見！

歡迎關注作者微信公眾號：「JDTDA」