移動端H5報表設(shè)計準(zhǔn)則-創(chuàng)新互聯(lián)

如今隨著移動端的普及,移動辦公也越來越流行,應(yīng)運(yùn)而生的移動端報表查看也成為迫切需求,只要涉及報表開發(fā)和設(shè)計,總要被問及能否支持移動端瀏覽報表。這個需求可能就像是手機(jī)能否連接wifi 一樣非?;A(chǔ)必要的功能。

目前創(chuàng)新互聯(lián)已為上千多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、網(wǎng)站托管運(yùn)營、企業(yè)網(wǎng)站設(shè)計、長白網(wǎng)站維護(hù)等服務(wù),公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。

移動端報表的目標(biāo)人群

  • 決策人員,移動辦公,在移動環(huán)境下中方便查看,審閱,并根據(jù)展示的數(shù)據(jù)進(jìn)行決策分析。

  • 數(shù)據(jù)分析人員,需要再查看當(dāng)前實時數(shù)據(jù)狀態(tài)與趨勢,及時發(fā)現(xiàn)一場并反饋。

  • 業(yè)務(wù)人員,業(yè)務(wù)人員需要在客戶現(xiàn)場或外部環(huán)境了解當(dāng)前最新的業(yè)務(wù)數(shù)據(jù)。

移動端環(huán)境限制

  • 屏幕尺寸及分辨率在不同機(jī)型不一致

  • 移動環(huán)境,客戶所處的外在環(huán)境可能更為復(fù)雜,如明亮度不一致。

  • 活躍時間不一致,用戶查看報表的時間段可能不一致,有可能是碎片時間,有可能是整段時間進(jìn)行數(shù)據(jù)預(yù)覽分析。

移動端報表特點

  1. 文字少,圖表多

移動端 H5 報表設(shè)計準(zhǔn)則

2.數(shù)據(jù)趨勢及比率劃分

移動端 H5 報表設(shè)計準(zhǔn)則

3.可觸摸交互

移動端 H5 報表設(shè)計準(zhǔn)則

4.響應(yīng)式報表

能夠適應(yīng)移動設(shè)備的多樣性,無論是主流移動設(shè)備還是少量偏門的手機(jī),都能夠正常展示報表數(shù)據(jù),不需要進(jìn)行縮放從而影響用戶體驗。

設(shè)計移動端報表準(zhǔn)則

  • 基本元素設(shè)計簡單明了

數(shù)字和圖形是主要組成元素,占據(jù)了報絕大多數(shù)版面;數(shù)字的表達(dá),直觀、簡潔,且占用空間少,是最直接展示方式。

圖形在數(shù)據(jù)內(nèi)容的表達(dá)上表現(xiàn)的更豐富,在視覺上也能達(dá)到更好的效果。所以圖形設(shè)計一定要簡單明了,色彩對比明顯,避免占具屏幕控件過大,而現(xiàn)實的數(shù)據(jù)不全。

移動端 H5 報表設(shè)計準(zhǔn)則

  • 避免冗余文字

避免出現(xiàn)大量文字出現(xiàn),文字在移動端大量展示的話會影響閱讀并且無法讓用戶鎖定重點。

移動端 H5 報表設(shè)計準(zhǔn)則

  • 避免滾屏查看數(shù)據(jù)

盡量在一屏內(nèi)展示完整數(shù)據(jù),或者減少橫向和豎向滾屏同時出現(xiàn)。

  • 匯總表格展示

表格在移動端不適用展示過多復(fù)雜的表格結(jié)構(gòu)和數(shù)據(jù),因此在移動端展示的表格一般只有幾行幾列,而且都是以匯總數(shù)據(jù)為主,所以在移動端使用表格時,一定要減少表格的行列。

移動端 H5 報表設(shè)計準(zhǔn)則

  • 增加層級鉆取關(guān)系

移動端因為設(shè)備的限制,展示的數(shù)據(jù)是很有限的,但很多客戶在了解匯總數(shù)據(jù)之后,還是要想要去了解更詳細(xì)的數(shù)據(jù),因此這個時候可以將數(shù)據(jù)分層展示,可避免在同一界面中展示大量的數(shù)據(jù),所以在移動端報表設(shè)計中,應(yīng)適當(dāng)增加層級鉆取關(guān)系。

更多移動端報表示例,請訪問 ActiveReports 報表控件官網(wǎng)

關(guān)于葡萄城:

賦能開發(fā)者!葡萄城公司成立于 1980 年,是全球領(lǐng)先的集開發(fā)工具、商業(yè)智能解決方案、管理系統(tǒng)設(shè)計工具于一身的軟件和服務(wù)提供商。西安葡萄城是其在中國的分支機(jī)構(gòu),面向全球市場提供軟件研發(fā)服務(wù),并為中國企業(yè)的信息化提供國際先進(jìn)的開發(fā)工具、軟件和研發(fā)咨詢服務(wù)。葡萄城的控件和軟件產(chǎn)品在國內(nèi)外屢獲殊榮,在全球被數(shù)十萬家企業(yè)、學(xué)校和政府機(jī)構(gòu)廣泛應(yīng)用。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文題目:移動端H5報表設(shè)計準(zhǔn)則-創(chuàng)新互聯(lián)
文章鏈接:http://muchs.cn/article26/ddcgcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化定制開發(fā)、網(wǎng)頁設(shè)計公司、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站排名、標(biāo)簽優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)