AXURE原型設(shè)計:手機版可視化視圖應(yīng)用案例

1 評論 10850 瀏覽 53 收藏 7 分鐘

將數(shù)據(jù)可視化,可以更快地理解和處理信息,是數(shù)據(jù)分析中重要的部分。本文從四個案例出發(fā),分析如何做好數(shù)據(jù)可視化,希望對你有幫助。

數(shù)據(jù)可視化在數(shù)據(jù)分析中扮演著越來越重要的角色,試想一下,如果你把一堆數(shù)據(jù)拿給你的老板或者甲方爸爸看,那肯定會被痛批一頓。

但是如果你把數(shù)據(jù)做成可視化的圖標(biāo)就不一樣,因為可視化視圖可以快速、直觀、清晰地將數(shù)據(jù)呈現(xiàn)出來,讓人能夠更快地理解和處理他們的信息,從而做出決策。

下面我們先看看幾個數(shù)據(jù)可視話的案例:

1. 運動健康案例

2. 資產(chǎn)理財案例

3. 用戶畫像案例

4. 游戲評分案例

通過上面的案例,我們能明顯的體會到可視化視圖的好處。隨著5G技術(shù)的發(fā)展,人們使用手機的時間越來越多,所以手機版的可視化視圖成了app軟件里必不可少的一部分。所以,在我們做原型設(shè)計的時候,需要我們靈活的運用可視化視圖。

可視化視圖看起來好像很高大上的東西,實際上就是由多種統(tǒng)計圖表來組成,例如柱狀圖、條形圖、散點圖、折線圖、餅圖、雷達(dá)圖、漏斗金子塔圖,熱力圖,水泡圖……下面我就和大家介紹一下不同圖表的作用,以及在什么情況下用什么樣的圖標(biāo)更為恰當(dāng)。

1)柱狀圖類圖表

從下圖可以看出,柱狀圖的圖標(biāo)有很多,包括單柱狀圖、組合柱狀圖、堆疊柱狀圖、百分比柱狀圖、瀑布圖、階梯圖、直方圖等等。

單柱狀圖:

單是一種以長方形的長度為變量的統(tǒng)計圖表,通過長方形的高度來衡量變量的值。例如某一商品不同月份的銷售額。

組合柱狀圖:

組合柱狀圖是在單柱狀圖的基礎(chǔ)上,用不同顏色的長方形顯示兩個或兩個以上變量的值,能更加直觀的將變量進(jìn)行對比。例如不同商品的銷售額。

堆疊柱狀圖:

和組合柱狀圖很像,只不過是將多個變量的值堆在一起,能夠清楚的看到總量的對比。

百分比堆疊柱狀圖:

百分比堆疊柱狀圖,在堆疊柱狀圖的基礎(chǔ)上轉(zhuǎn)化為百分比,不能看出總量的對比,但是更清楚的看到多個商品的占比,原理和餅圖類似,可以說是多個餅圖組成了寶粉筆堆疊柱狀圖。

瀑布圖:

瀑布圖能夠顯示正負(fù)值,適用于收入支出的案例。

階梯圖:

階梯圖普遍用于在不同的數(shù)值范圍內(nèi)的變量取不同的值,例如階梯水費、電費,個人所得稅率圖。

直方圖:

直方圖比較適合研究分布狀況,例如正太分布等。

2)條形圖

條形圖分成單條形圖、多條形圖、堆疊條形圖、百分比堆疊條形圖、甘特圖。

其實條形圖就是橫過來的柱狀圖,大部分應(yīng)用一直,但是條形圖更適合做排行圖和甘特圖。

排名圖:

排名圖由高到低降序排列,更直觀的各個變量的占比和排名。

甘特圖:

適合用于項目排期等計劃圖標(biāo)。

3)散點圖

散點圖就是把各個值在對應(yīng)的坐標(biāo)上顯示出來,常用于做模型分析,例如回歸分析等。

4)折線圖

折線圖主要是體現(xiàn)變量的變化規(guī)律的,例如基金的歷史收益等等。

5)餅圖

餅圖、環(huán)形圖主要是對比各個變量的占比。

6)雷達(dá)圖

雷達(dá)圖更適合做一個綜合的分析,例如說學(xué)生是否全面發(fā)展,或者說是游戲的評分等等。

7)漏斗圖和金字塔圖

漏斗圖:

漏斗圖主要是用來衡量策略是否有用的,例如投放廣告有10000人觀看,從觀看廣告、瀏覽網(wǎng)站、加入購物車、生成訂單、支付訂單、到最終完成交易的各個階段的人數(shù)。

金字塔圖:

金字塔圖更實用與類似人體所需營養(yǎng)的分布,這樣的案例,或者說是一個企業(yè)的架構(gòu)圖,高層、中層、底層的人數(shù)和占比。

8)水波圖

水波圖多數(shù)用于反饋實時數(shù)據(jù),例如實時的銷售量。

 

本文由 @秀 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 原型預(yù)覽及下載地址:
    https://axhub.im/ax9/b8a463fbb49bf00d

    來自廣東 回復(fù)