一個企業(yè)有上百張報表掘剪,但是CXO平委,比如CEO、CIO夺谁、CTO廉赔,依然會找不到看數(shù)據(jù)、看報表的地方匾鸥。
為什么會這樣蜡塌?
因為CXO有不一樣的場景,進(jìn)而產(chǎn)生不一樣的需求勿负。盡管BI平臺上有大量報表馏艾,管理層依然面臨“難找”、“不能隨時看”的問題笆环,面對海量的報表攒至,難以快速找到想看的數(shù)據(jù)。
CXO的工作特點是需要隨時隨地查看數(shù)據(jù)躁劣。所以自然而然地就產(chǎn)生了移動端報表的需求。
移動駕駛艙還不同于PC報表库菲,多應(yīng)用于管理層账忘,往往對視覺和交互有著較高的要求。作為報表開發(fā)者,可能會遇到這么一個問題:
精致美觀的駕駛艙都需要大量的時間打磨鳖擒,報表開發(fā)任務(wù)這么重溉浙,如何做到美觀與效率兼得?
為了幫助大家提供移動端駕駛艙開發(fā)效果蒋荚,快速打造精美的移動端駕駛艙戳稽,我給大家?guī)砹艘幌盗?b>移動端組件和模版~
1
移動端組件篇
1、指標(biāo)卡
指標(biāo)卡一般用數(shù)值+圖表組成期升,能夠重點突出某項內(nèi)容惊奇,凸顯數(shù)字的魅力,十分直觀和方便理解播赁,也更加震撼颂郎。
既避免了在移動端展示“大寬表”突出不了核心數(shù)據(jù),同時也解決了美觀的問題容为。
除了本次新上的指標(biāo)卡乓序,前兩周也上線了很多指標(biāo)卡可供大家選擇~
2、圖表類
多維切換圖表(動態(tài)參數(shù))
在組合圖的基礎(chǔ)上增加了維度切換的效果坎背,可以更加方便直觀地查看數(shù)據(jù)替劈。主要應(yīng)用在產(chǎn)品統(tǒng)計、銷售量查詢得滤、庫存盤點陨献,以季度或年等時間為單位統(tǒng)計產(chǎn)品
多維切換圖表(tab)
利用tab實現(xiàn)多維切換,一般應(yīng)用于同一核心指標(biāo)下的不同次要指標(biāo)耿戚,節(jié)省大量空間湿故,交互效果更好
表數(shù)據(jù)綜合圖表
可視化圖表深入人心,報表數(shù)據(jù)一覽無余膜蛔,加上統(tǒng)一的配色風(fēng)格坛猪,視覺效果也同樣突出
3、表格類
多列動態(tài)排序
表格數(shù)據(jù)查看時皂股,通常時候會有排序的需求墅茉,降序或升序排列能直觀看出數(shù)據(jù)表的變化
2
移動端模板篇
1、卡片式駕駛艙
所有關(guān)鍵指標(biāo)均一平鋪的方式展開呜呐,一覽無余就斤。每一個指標(biāo)中用戶關(guān)注的內(nèi)容需要表達(dá)完成,還可以在此基礎(chǔ)上加上跳轉(zhuǎn)蘑辑。(不局限平鋪洋机,也可以是2列或3列的形式)
一般用于一套模板中的主模板(可逐層鉆取)洋魂、指標(biāo)管理绷旗、生產(chǎn)/銷售/運(yùn)營預(yù)警等
2喜鼓、地產(chǎn)經(jīng)營駕駛艙
本張模板采用流式布局,以標(biāo)題頭—匯總數(shù)據(jù)—分類展示的形式進(jìn)行布局衔肢,同時搭配豐富的組件邊框和深色背景庄岖,瞬間提高美觀的美觀度。
3角骤、銷售管理駕駛艙
本張模板采用流式布局,以指標(biāo)卡的形式放置在模板首部邦尊,核心內(nèi)容一覽無余背桐,瞬間抓住報表使用者的眼球,凸顯數(shù)據(jù)的價值
4胳赌、門店異常管理
本張模板以tab下菜單式的布局牢撼,將不同維度數(shù)據(jù)填充至不同的tab頁內(nèi)部,數(shù)據(jù)展示更加立體化疑苫。同時下菜單式的tab比較符合用戶習(xí)慣熏版,單手操作即可快速查看不同內(nèi)容