1. 首頁 > 生活百科 > >

在app上做可視化數據分析 的4大流程 怎樣在app上做可視化數據分析 ？

小知識

移動應用時代，辦公移動化已經成為了企業經營的一大發展趨勢，在企業數據管理領域，移動端報表也成為了現代企業運營管理的迫切需要 。
通過移動數據分析，可以幫助管理者實時了解業務狀態，及時獲取企業營運狀況 。
隨著移動端的發展，這種影響力得以擴大 。 無論是管理者還是一線業務人員，都可以同移動端報表隨時隨地地進行溝通和分析，比如FineMobile 。
但是在移動端數據報表開發的過程中，開發者經常會遇到以下幾個問題：

  • 在PC上設計手機報表，總覺得差距有點大
  • 如何在有限的屏幕內把數據展現地更有層次？
  • 厭倦了流式布局？想要讓數據擁有更多交互？
  • C端的APP越做越好看，領導的審美需求被無限放大？
為了幫助大家解決移動端報表開發難題，我特地呈上超全的移動端駕駛艙教程 。
移動駕駛艙開發流程如下：

在app上做可視化數據分析 的4大流程 怎樣在app上做可視化數據分析 ？

文章插圖
一、開啟手機畫布在PC端設計器中設計移動端模板，由于屏幕尺寸的較大差異，在組件布局、組件大小的設置上可能會存在很多的問題 。
利用手機畫布的新功能，在設計報表之前時，將畫布切換為適應手機尺寸，讓模板內容在設計器上的樣式與手機上的最終效果更為接近，減少不必要的調整
打開FineReport設計器，在模板里選擇移動端屬性，設置為手機端模板，設計器會自動將畫布調整為適配4.7寸手機屏幕畫布的大小（375*560）
二、整體流式布局C端主流APP的流布局設計同樣適用于B端的數據展現，雙指在屏幕上滑動的過程中獲取自己想關注的數據內容，在整體布局的設計中，建議采用：先匯總再細分的原則
將不同時間粒度下的匯總數據優先呈現出來，讓管理者一眼就能看到指標當前的進展與狀態，做到心中有數以后再向下拆解 。
三、豐富組件1、多維度展示
由于手機屏幕尺寸有限，如果一張模板只單純的使用流式布局，想要新增內容就會讓模板的高度越來越高，管理者在閱讀這樣的模板時就需要耗費大量的下滑動作，我們可以針對整個模板或者在某一個組件上增加一下交互動作，讓數據更加立體化 。
tab組件
將不同維度數據的內容填充至不同的tab頁內部，即可在一張模板內部預覽不同維度的數據 。 除默認樣式外，移動端還提供4種tab樣式供選擇：上菜單式、下菜單式、滑動式、聯排式
上菜單式：
下菜單式：
滑動式：
聯排式：
單選按鈕組
當模板樣式統一，只需要按照不同維度過濾查看相應的數據時，可以使用單選按鈕組控件來實現 。
側邊導航
當流式布局頁面比較長時，可以有一個快速定位的懸浮窗，點擊后可以導航到本頁面的指定位置，提高交互體驗
圖表切換
【在app上做可視化數據分析 的4大流程 怎樣在app上做可視化數據分析 ？】當用戶需要很方便的在模板局部切換查看不同的組件時，可以利用圖表切換功能，可以很好地提高空間利用率和報表的美觀度 。
按鈕切換：
自動輪播：
2、聯動鉆取
因為手機屏幕的限制，移動端一般不會直接展示“PC大寬表”，一般會用決策報表將所有的關鍵指標匯總展示，再通過鉆取的方式查看具體某一指標的明細數據 。
展示多層級數據的同時，一定要考慮到交互動作，保證用戶在瀏覽數據的同時，具有極佳的體驗感 。
移動端彈窗
彈窗形式-模板：
彈窗形式-文本：
普通鉆取
當我們需要鉆取的子報表內容過多時，彈窗就不適用了，這時候我們需要在主報表里做一些下劃線、高亮的效果能夠提醒用戶，這里是可以鉆取的，就已經達到目的了 。 主子報表的UI風格保持一致，實現方式同PC一致，這里就不贅述了 。
3、參數應用
無論是決策報表還是普通報表，參數在移動端應用都較為頻繁，如何在移動端更好的應用參數查詢？分享以下幾個技巧 。
參數面板
四、細節優化如何在展示數據的同時，提升移動端模板效果呢？對于開發者來說，是一個較為困難的事情，這里提供了一些小技巧，希望能幫助大家 。
1、橫幅
為了提升移動端模板的美觀性，橫幅的應用比較常見 。 一般來說橫幅會放置在最上方，主要結構分為幾種：