一個(gè)企業(yè)有上百?gòu)垐?bào)表,但是CXO,比如CEO、CIO、CTO,依然會(huì)找不到看數(shù)據(jù)、看報(bào)表的地方。
為什么會(huì)這樣?
因?yàn)镃XO有不一樣的場(chǎng)景,進(jìn)而產(chǎn)生不一樣的需求。盡管BI平臺(tái)上有大量報(bào)表,管理層依然面臨“難找”、“不能隨時(shí)看”的問(wèn)題,面對(duì)海量的報(bào)表,難以快速找到想看的數(shù)據(jù)。
CXO的工作特點(diǎn)是需要隨時(shí)隨地查看數(shù)據(jù)。所以自然而然地就產(chǎn)生了移動(dòng)端報(bào)表的需求。
移動(dòng)駕駛艙還不同于PC報(bào)表,多應(yīng)用于管理層,往往對(duì)視覺(jué)和交互有著較高的要求。作為報(bào)表開(kāi)發(fā)者,可能會(huì)遇到這么一個(gè)問(wèn)題:
精致美觀的駕駛艙都需要大量的時(shí)間打磨,報(bào)表開(kāi)發(fā)任務(wù)這么重,如何做到美觀與效率兼得?
為了幫助大家提供移動(dòng)端駕駛艙開(kāi)發(fā)效果,快速打造精美的移動(dòng)端駕駛艙,我給大家?guī)?lái)了一系列移動(dòng)端組件和模版~
1
移動(dòng)端組件篇
1、指標(biāo)卡
指標(biāo)卡一般用數(shù)值+圖表組成,能夠重點(diǎn)突出某項(xiàng)內(nèi)容,凸顯數(shù)字的魅力,十分直觀和方便理解,也更加震撼。
既避免了在移動(dòng)端展示“大寬表”突出不了核心數(shù)據(jù),同時(shí)也解決了美觀的問(wèn)題。
除了本次新上的指標(biāo)卡,前兩周也上線了很多指標(biāo)卡可供大家選擇~
2、圖表類(lèi)
多維切換圖表(動(dòng)態(tài)參數(shù))
在組合圖的基礎(chǔ)上增加了維度切換的效果,可以更加方便直觀地查看數(shù)據(jù)。主要應(yīng)用在產(chǎn)品統(tǒng)計(jì)、銷(xiāo)售量查詢、庫(kù)存盤(pán)點(diǎn),以季度或年等時(shí)間為單位統(tǒng)計(jì)產(chǎn)品
多維切換圖表(tab)
利用tab實(shí)現(xiàn)多維切換,一般應(yīng)用于同一核心指標(biāo)下的不同次要指標(biāo),節(jié)省大量空間,交互效果更好
表數(shù)據(jù)綜合圖表
可視化圖表深入人心,報(bào)表數(shù)據(jù)一覽無(wú)余,加上統(tǒng)一的配色風(fēng)格,視覺(jué)效果也同樣突出
3、表格類(lèi)
多列動(dòng)態(tài)排序
表格數(shù)據(jù)查看時(shí),通常時(shí)候會(huì)有排序的需求,降序或升序排列能直觀看出數(shù)據(jù)表的變化
2
移動(dòng)端模板篇
1、卡片式駕駛艙
所有關(guān)鍵指標(biāo)均一平鋪的方式展開(kāi),一覽無(wú)余。每一個(gè)指標(biāo)中用戶關(guān)注的內(nèi)容需要表達(dá)完成,還可以在此基礎(chǔ)上加上跳轉(zhuǎn)。(不局限平鋪,也可以是2列或3列的形式)
一般用于一套模板中的主模板(可逐層鉆?。⒅笜?biāo)管理、生產(chǎn)/銷(xiāo)售/運(yùn)營(yíng)預(yù)警等
2、地產(chǎn)經(jīng)營(yíng)駕駛艙
本張模板采用流式布局,以標(biāo)題頭—匯總數(shù)據(jù)—分類(lèi)展示的形式進(jìn)行布局,同時(shí)搭配豐富的組件邊框和深色背景,瞬間提高美觀的美觀度。
3、銷(xiāo)售管理駕駛艙
本張模板采用流式布局,以指標(biāo)卡的形式放置在模板首部,核心內(nèi)容一覽無(wú)余,瞬間抓住報(bào)表使用者的眼球,凸顯數(shù)據(jù)的價(jià)值
4、門(mén)店異常管理
本張模板以tab下菜單式的布局,將不同維度數(shù)據(jù)填充至不同的tab頁(yè)內(nèi)部,數(shù)據(jù)展示更加立體化。同時(shí)下菜單式的tab比較符合用戶習(xí)慣,單手操作即可快速查看不同內(nèi)容