智慧交通專案覆盤

從2019年12月初到2020年4月,智慧交通大屏專案需求設計部分在不斷與客戶溝通,修改,完善的基礎上終於告一段落,最近時間不是很忙,對專案做個總結。

先來幾張效果圖:

智慧交通專案覆盤

首頁

智慧交通專案覆盤

維穩監管

智慧交通專案覆盤

公交車

可以看到分析的指標還是挺多的,每個頁面對一塊內容做深入分析,雖然多但是不錯,其中還包含簡單的互動等。

大屏分析

痛點

煙囪式資訊平臺,各部門各平臺數據信息無法實現融合、資訊共享。不能進行相關係統的系統聯動,使之在日常工作效率難以提高。

目標

建設智慧交通管理平臺,透過整合建設,使得資料共享交換更加便捷,並可實現集中指揮排程、預案及輔助決策以及服務。

目標使用者

智慧交通專案覆盤

大屏特點

螢幕大:大屏一般都是多屏拼接,整體螢幕面積大。

觀距遠:使用者需要站遠處觀看螢幕,要保證資料文字清晰可見。

互動弱:透過電腦已經無法滿足大屏互動需求,現在也有部分開始採用ipad、手機、鐳射筆等方式。

視覺強:背景色多采用重色,襯托凸顯資料,更好的為觀者傳達資料資訊。

一屏一內容:一屏內容,說明一件主要事,統計好它的相關資料,避免其他的干擾。

設計目標

1、符合實際場景的結構佈局,更快、更直觀、更高效,提升工作人員的效率。

2、採用真實的三維場景設計,使事件處理定位更精準,引起觀看人員的體驗共鳴。

3、資料歸類處理,減少資訊干擾。

整個大屏專案需求分析過程

智慧交通專案覆盤

大屏製作過程

1。 業務分析

Ø 反覆與客戶溝通,深入瞭解客戶關心的業務,然後從客戶關心的指標開始往回追溯。

Ø 透過熟悉客戶的業務系統進行業務整理並分析出關鍵業務資訊。

Ø 透過資料瞭解運輸行業對於城市交通影響的關鍵指標,並進行提煉。

2。關鍵指標提取

智慧交通專案覆盤

3。圖示選擇

從功能區分圖表包含:

智慧交通專案覆盤

圖表關係和圖表功能比較好的平臺是Ant v的墨者學院,夥伴們可以去學習下:這裡主要說幾個問題

沒有萬能合適的圖表

智慧交通專案覆盤

WTF Visualizations 上的視覺化錯誤示例

下面是兩組餅圖,對比明顯

智慧交通專案覆盤

但是當資料改變後

智慧交通專案覆盤

餅圖的表現就不明顯:調整為柱形圖,效果就比較明顯。

智慧交通專案覆盤

下圖從資料分析的四個維度進行引導,但是目前大屏的分析維度並不止這些,思路可以借鑑學習。

智慧交通專案覆盤

指標分析維度

4。圖示製作

資料視覺化工具很多,本次我們的專案是基於阿里DataV進行專案開發的。

智慧交通專案覆盤

智慧交通專案覆盤

頁面佈局

注意事項:

1。擷取最大值

智慧交通專案覆盤

2。資料可不從0開始

智慧交通專案覆盤

3。避免負值被遮蓋

智慧交通專案覆盤

4。標籤太長可橫向放置

智慧交通專案覆盤

5。精簡資料項,一般5-7項

智慧交通專案覆盤

6。保留前5和後5

智慧交通專案覆盤

7。強調重點

智慧交通專案覆盤

智慧交通專案覆盤

智慧交通專案覆盤

8。減少圖例

智慧交通專案覆盤

5。總結

1。 因為開始對業務不熟悉,所以大屏很多地方陸陸續續都做了很多調整。像運營統計中計程車頁面,調整了很多次,最後一版依舊不是很滿意。

智慧交通專案覆盤

2。 好的產品是不斷最佳化,慢慢迭代出來的,但是每個專案都有它的週期成本,目前該專案正在試執行期間,等上線交付後回頭再做個覆盤。

3。 目前專案還在試執行,上線後隨著資料的積累,圖示都要做相應的調整。