從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。 目前專案還在試執行,上線後隨著資料的積累,圖示都要做相應的調整。