編輯導(dǎo)語：可視化大屏是當(dāng)下許多企業(yè)在業(yè)務(wù)推進(jìn)過程中會使用的手段，它可以應(yīng)用于演示、監(jiān)測等多個場景，因此在進(jìn)行大屏項目規(guī)劃前，團(tuán)隊人員需要先了解用戶的具體需求是什么。本篇文章里，作者對如何開展可視化大屏項目做了總結(jié)，一起來看一下。

引言

大屏現(xiàn)在是很多公司進(jìn)行公司實力展示或者演示業(yè)務(wù)進(jìn)展常用的手段之一，可視化的效果可以讓觀看者更容易去理解。那么大屏項目是怎么樣可以完整的推進(jìn)呢？經(jīng)歷過多次大屏項目的經(jīng)驗總結(jié)如下。

一、大屏項目目的與分類

• 演示大屏（客戶參觀、實力展示）；
• 業(yè)務(wù)大屏（對客服資源、調(diào)度資源以及電商運(yùn)營情況的展示）；
• 智慧化場景（醫(yī)院、公園、園區(qū)、城市、交通）；
• 監(jiān)控（運(yùn)維監(jiān)控等）。

場景比較多，上訴只是常見的。而且不同的場景，要解決問題的點(diǎn)不一樣。那么觀看者的角度就不一樣。

有些會更重視效果的酷炫，數(shù)據(jù)選取都是圍繞著整個呈現(xiàn)的酷炫，有些會更重視數(shù)據(jù)精準(zhǔn)，需要通過大屏起到輔助經(jīng)營運(yùn)轉(zhuǎn)的效果；有些會更重視概念打造，有些會相當(dāng)于PPT的另一種模式，是給演講人做為輔助資料的。所以，大屏目的需要對需求方進(jìn)行訪談與需求挖掘，看看需求方的目的是什么，才可能做出一個令需求方滿意的大屏產(chǎn)品。

二、大屏項目工具與參考

現(xiàn)在很多公司會提供低代碼的模式，提供SaaS的服務(wù)工具，讓大家可以很方便地去上手操作。如果公司沒有相關(guān)開發(fā)能力，這是一種不錯的途徑。

騰訊云

左手圖層、頂部組件、右邊設(shè)置的布局。整體上手程度還是可以的，但是在使用時，功能尋找會稍微花費(fèi)點(diǎn)時間。

百度云

依舊是左手圖層、頂部組件、右邊設(shè)置的布局。整體上手程度還是可以的，但是在使用時，功能尋找會稍微花費(fèi)點(diǎn)時間。缺點(diǎn)，免費(fèi)模版不夠酷炫。

阿里云

整體而言，左手圖層、組件、右手設(shè)置的部分，功能區(qū)與AXURE類似，產(chǎn)品上手會更快。

三、大屏項目工作流程

1. 需求訪談，確認(rèn)目的

這個是項目的關(guān)鍵，需求訪談大屏項目比較好用的方式方法就是叫做使用場景還原法。通過場景來引導(dǎo)需求方說出自己的需求，而不是定義數(shù)據(jù)直接提供。具體的數(shù)據(jù)提供是在后面一步，一開始就提供數(shù)據(jù)選擇，需求方做完選擇后，最后還是會告知成品感覺不太對。

1）正確示范

“我們是帶著客戶來進(jìn)行介紹嗎？之前這部分是哪位同事負(fù)責(zé)接待的？一般都會和客戶介紹哪些方面？”

2）錯誤示范：

“用戶量、訂單量、月度環(huán)比等等，我們需要嗎？我這里有常用的行業(yè)20多個指標(biāo),你看下是不是都需要”

2. 選取數(shù)據(jù)值、維度、更新頻率

下面就是選擇數(shù)據(jù)這個步驟了，了解清楚客戶需求，按照場景，通過數(shù)據(jù)預(yù)選擇提供模塊數(shù)據(jù)指標(biāo)（用戶數(shù)\客戶數(shù)\賬戶數(shù)\訂單量\金額\員工數(shù)等等），然后是單一指標(biāo)\對比\月度趨勢\年度趨勢\當(dāng)前數(shù)據(jù)顯示以及與技術(shù)項目經(jīng)理溝通想要的更新頻率，是否能支持。

完成技術(shù)端溝通后，帶著你的數(shù)值+場景故事就可以找到需求方，來講解整個大屏，詢問大屏的數(shù)據(jù)模塊是否滿足需求方的使用場景。對了，這個時候最好用SAAS工具做出好的數(shù)據(jù)示意初稿，不然干癟的數(shù)據(jù)，很容易被彈回來哦。

3. 同步接口準(zhǔn)備

你的數(shù)據(jù)報表準(zhǔn)備好了的話，那么，你就可以進(jìn)行下一步。讓技術(shù)項目經(jīng)理準(zhǔn)備數(shù)據(jù)接口了，通過標(biāo)準(zhǔn)的表格數(shù)據(jù)描述格式文檔（什么樣子的操作下的什么數(shù)據(jù)，以什么維度，多久更新一次）給到項目經(jīng)理。

項目經(jīng)理完成數(shù)據(jù)需求輸入后，就會對已有數(shù)據(jù)接口提出要求，有些比較小或者特殊的數(shù)據(jù)，需要項目經(jīng)理做二次處理。這些細(xì)節(jié)都可以一一數(shù)據(jù)進(jìn)行處理與記錄。

完成這步后，根據(jù)設(shè)計稿前端同事將節(jié)后與設(shè)計稿進(jìn)行實現(xiàn)，這個時候就是跟好進(jìn)度，以及做好實現(xiàn)不了時，備用方法討論與提供的準(zhǔn)備。

4. 同步設(shè)計稿準(zhǔn)備

設(shè)計稿第一步是確認(rèn)尺寸，簡單來說就是電腦與大屏分辨率相同，用電腦的；電腦與大屏分辨率不同，用大屏分辨率。而且字號一定需要到設(shè)計師現(xiàn)場親自看，不然，在電腦屏幕上的判斷會比較有失偏博。

還有如果是大屏過長過大，一個信號源一個設(shè)計稿件。關(guān)于這一步，我發(fā)現(xiàn)有個人說得比較清晰，https://www.zhihu.com/question/275860245。

然后，就是確認(rèn)風(fēng)格與組件，一般來說設(shè)計稿就是示意圖的PS精修圖，精修圖是幫忙添加好看的邊框、GIF動效，更優(yōu)秀的布局排版。在示意圖感覺確認(rèn)后，設(shè)計師就可以盡情發(fā)揮自己的才華了。

最后的設(shè)計稿投入使用前，先到大屏直接投放，看下整體效果，因為顯示屏的色差也是很重要的影響因素，還有模塊的大小是否可以清晰辨認(rèn)。

5. 產(chǎn)品驗收與調(diào)試

產(chǎn)品完成后，測試完成初步驗收后，就是設(shè)計稿與頁面顯示一致，更重要的一步是數(shù)據(jù)的合理性，初步核對后，這部分最好找資深的運(yùn)營、商務(wù)同事進(jìn)行查看，避免明顯的紕漏。

6. 建立播放監(jiān)控機(jī)制

大屏播放后，可能會遇到網(wǎng)絡(luò)問題、游覽器問題等等，造成播放異常。這個時候，在大屏階段最好指定關(guān)注人員，便于發(fā)生問題后，能及時地發(fā)現(xiàn)問題與解決問題。畢竟你不想老板帶著客戶來看大屏?xí)r，你的大屏是壞的吧。

四、總結(jié)

大屏項目現(xiàn)在是很多公司帶領(lǐng)客戶參觀的必備地點(diǎn)，當(dāng)然有的變?yōu)榭犰判Ч谋绕雌脚_。不管咋說，如果老板讓你交一份滿意的大屏項目，而你沒有經(jīng)驗，以上可供參考，也僅供參考。畢竟我也是掙扎在如何又省錢又能實現(xiàn)又能更酷炫的大屏道路上，與君供勉。

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

題圖來自Unsplash，基于CC0協(xié)議。