我們最常聽到的一句話就是“用資料說話”。但資料本身是冰冷的數字,只有透過合適的視覺化工具來進行資料的展示表達,才可以使傳遞給使用者的感受更加直觀,也更容易獲得其中價值。
資料大屏就是一種非常有效的資料視覺化工具,它可以將業務的關鍵指標以視覺化的方式展示到一塊或多塊LED大屏上,不僅可以讓業務人員快速、直接地從繁雜的業務資料中找到重要資料,還可以對決策人員起到輔助作用。如今,資料大屏已成為應急處理、指揮排程、戰略決策等場景下必不可少的一部分。
今天我們就結合相關的大屏開發的實際案例,來與大家分享一款非常適合進行大屏開發的視覺化工具——億信ABI的酷屏分析功能,內建百餘種大屏元件,包括容器、文字、表格、引數、選單、統計圖等不同型別,並自帶炫酷的動效動畫。透過靈活拖拽,自由組合,輕鬆實現視覺化大屏。下圖是我們這次介紹案例的成品圖,利用億信ABI酷屏分析製作。(圖中資料均為虛構)
一般情況下,如果企業要開發出一款大屏,需要經歷:需求溝通——大屏設計——大屏實施開發——大屏上線,這一系列步驟流程。總的來說需要遵循“總覽優先,細節輔助”的原則。
1、明確客戶需求本次客戶行業為租賃行業,相較其他行業,該行業資料較為鬆散,更加註重地理資訊相關資料。故此在整個大屏設計上,對地圖元件著墨甚多,除此之外,客戶還明確表示,希望大屏能有更多的3D效果與動態效果。
2、大屏設計在明確客戶的需求後,下一步就需要大屏設計師進行專門的設計工作,包括整體佈局排版、互動方式與動效設計等相關內容。在此過程中,設計師會不斷與客戶進行溝通,在得到客戶的確認後,方能將完成的設計圖交由程式開發人員進行下一步的工作。
3、大屏實施開發(1)選擇內建元件確定了大屏整體設計後,進行實施時,首先考慮的就是使用億信ABI酷屏分析的內建元件。使用內建元件的好處顯而易見,大大加快了開發效率,並且很多內建元件經過多次版本迭代,不少元件本身已具備不錯的品質,在3D效果和動態效果方面有很好的畫面感。
在案例大屏中,基本的圖表展示元件均為內建元件,著實減少了不少工作量,僅僅透過拖拽,給定適合的引數,就完成了大屏的部分內容,算是整個工作流程中最輕鬆的部分了,歐耶!
(2)自定義開發實際開發中,當客戶對於視覺效果的要求不是非常高時,透過酷屏內建元件的組合,已經能夠完成一張視覺效果不錯的大屏。當客戶的要求無法透過內建元件實現時,可以在酷屏中進行自定義元件開發,藉助常見的前端技術,如:echarts來製作符合自己需求的元件。
在這次大屏開發中,客戶明確提出需要有3D畫面感,動效的地方,我們進行了專門的自定義開發,也就是透過程式碼來定製開發,最後完成了整個大屏的製作。
當然,完整的大屏其實還需要進行資料處理、資料庫管理等資料相關操作,不過由於億信ABI的封裝度已經很成熟,我們在使用酷屏分析進行大屏開發時,只需透過簡單的配置就能讓酷屏自動完成相關操作,讓我們在使用中更省心省力。
一般一個大屏整體實施下來,大概在5-幾十人天不等,看需求複雜程度。億信ABI的酷屏分析功能充分考慮開發人員的使用習慣,提供了豐富的二次開發介面,開發人員可按自身需求對產品進行最佳化、改造。當內建元件無法滿足需求時,可快速基於已有的元件介面進行擴充套件,甚至自定義需要的視覺化元件。如果你需要開發一個數據大屏,不妨試試億信ABI。