APP開發如何在手機端展示數據

開發一款跟數據強相關的(de)APP，數據在移動端的(de)表達非常重要。深圳APP開發公司樂(yuè)信科技開發過一些工具類、電商類的(de)APP，對(duì)數據、報表的(de)展示有一些經驗跟大(dà)家分(fēn)享。

數據圖表如何才能做(zuò)到最佳表達方式呢(ne)？随著(zhe)手機端應用(yòng)層出不窮地發展,，相比web端展示數據的(de)空間優勢,要兼顧手持設備的(de)便捷、簡明(míng)而重點的(de)特質,手機端該如何取舍?是否有更加合适的(de)表現方式?下(xià)面根據我們的(de)項目經驗以及參考各種有數據的(de)app,将手機端應用(yòng)中值得(de)借鑒的(de)部分(fēn)做(zuò)了(le)小小的(de)總結，讓大(dà)家對(duì)不同數據圖表的(de)特性有更深的(de)理(lǐ)解。

 

在各種APP分(fēn)類中，較能體現數據應用(yòng)表達的(de),多(duō)數分(fēn)布在:财務、健康、醫療、商務、工具、效率這(zhè)幾類;其中以财務、健康、商務類的(de)應用(yòng)爲最廣泛,今天就枚舉這(zhè)三大(dà)類的(de)圖表應用(yòng)來(lái)和(hé)大(dà)家一起看看。

 

一.财務類

使用(yòng)财務類(理(lǐ)财)用(yòng)戶的(de)目的(de),通(tōng)常是掌握收支、收益的(de)趨勢,從而省或賺錢。 這(zhè)類應用(yòng)通(tōng)常會請用(yòng)戶事先做(zuò)好收支、賬單和(hé)預算(suàn)設定,之後再開啓app時(shí)主要的(de)任務就是查看應用(yòng)反饋了(le)。

比如用(yòng)儀表盤表示賬單到期的(de)情況;用(yòng)類似條形圖的(de)方式,表示信用(yòng)卡的(de)已用(yòng)額和(hé)餘額,及最小還(hái)款數。這(zhè)樣在既定範圍内,掃一下(xià)便可(kě)知道總體開銷的(de)情況。

或者以各開銷分(fēn)類代表的(de)不同色塊,來(lái)切分(fēn)的(de)甜圈圖,在原始占比餅圖上做(zuò)了(le)更有效的(de)應用(yòng);挖空餅心,放開銷的(de)彙總金額, 這(zhè)個(gè)做(zuò)法在app和(hé)現代web圖表數據總覽裏逐漸成爲主流;讓占比和(hé)總額都輕松收入眼底。

一款股票(piào)跟蹤app，用(yòng)不同用(yòng)色的(de)折線圖表明(míng)當日走勢,還(hái)可(kě)以通(tōng)過地域、時(shí)間的(de)選擇\切換來(lái)查看不同緯度的(de)數據表現;紅綠漲跌也(yě)清晰可(kě)見;用(yòng)面積圖表示單支股票(piào)在不同時(shí)間趨勢變化(huà),在設計看來(lái)有填色的(de)是面積圖,反之就是折線\曲線圖了(le),但有填色以後坐(zuò)标上還(hái)可(kě)以設置細節時(shí)段的(de)表現。股票(piào)相關的(de)數據圖表都應用(yòng)得(de)非常專業和(hé)固定,也(yě)算(suàn)是一項複雜(zá)業務爲用(yòng)戶建立起的(de)常識和(hé)習(xí)慣。

 

二.健康類

健康大(dà)類裏一種是運動健身,另一種是健康指标監控。健康類app的(de)用(yòng)戶主要關注自己的(de)運動指标、完成度和(hé)變化(huà)等因素,通(tōng)常也(yě)是在用(yòng)戶根據引導設定好一些監控标準後,通(tōng)過運動在 app 中記入新的(de)數據,方便随時(shí)查看和(hé)跟蹤。

一款體重、計步的(de)app。用(yòng)甜圈圖(也(yě)可(kě)看做(zuò)圈形的(de)條圖)表示今天訓練的(de)成果:步伐數、鍛煉公裏數\完成度,及體重變化(huà),以柱圖和(hé)基準線來(lái)呈現一天裏不同時(shí)段步伐數變化(huà)，方便用(yòng)戶找到一些自身的(de)規律。

健康的(de)另一類是健康指标的(de)監控,有一部分(fēn)醫療也(yě)暫羅在此列,共性是這(zhè)類 app 都通(tōng)過一定的(de)外接設備随身、随時(shí)檢測、測量身體數據,同步記錄在 app 裏;然後用(yòng)戶就能在 app 裏查看指标變化(huà),進而調整飲食、生活等習(xí)慣，改善現狀。

 

三.商業類

商業類主要用(yòng)于監控業務數據：流量、訪問、觸達等，其中糅合了(le)一則效率工具，也(yě)是對(duì)時(shí)間使用(yòng)的(de)監控和(hé)管理(lǐ)。

比如一款跟蹤郵件發送數據的(de)app。在可(kě)選的(de)時(shí)間範圍内，彙總數據提示了(le)郵件的(de)打開率、點擊率、去重打開、點擊數、投訴、退訂數等關鍵指标;用(yòng)有透明(míng)度的(de)面積圖表示打開率和(hé)點擊率。

再比如一張訪問來(lái)源數據圖。上部的(de)地圖有點類似地圖，直觀表達來(lái)源地域;底部将 PV、訪客數、回訪數以半透明(míng)的(de)面積圖呈現出來(lái)，也(yě)可(kě)以根據這(zhè)三個(gè)數據的(de)先後邏輯，将其看做(zuò)簡單的(de)漏鬥視圖。

商業效率類更關注監控效果、指标數據等以便找到提升點。

 

以上在我們APP設計開發過程中，對(duì)數據圖表在手機端應用(yòng)的(de)一點整理(lǐ)和(hé)提煉;每個(gè)基礎圖表都有自身的(de)特點，掌握它的(de)特質，并能利用(yòng)好它做(zuò)更多(duō)的(de)創新，是可(kě)視化(huà)數據的(de)價值所在。數據并不枯燥，有趣的(de)數據圖表是它最好的(de)翻譯官。以上觀點、案例及思考難免粗淺、片面，更多(duō)更好的(de)應用(yòng)有待大(dà)家持續挖掘。