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

1 評(píng)論 10935 瀏覽 53 收藏 7 分鐘

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

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

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

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

1. 運(yùn)動(dòng)健康案例

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

3. 用戶畫像案例

4. 游戲評(píng)分案例

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

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

1)柱狀圖類圖表

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

單柱狀圖:

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

組合柱狀圖:

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

堆疊柱狀圖:

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

百分比堆疊柱狀圖:

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

瀑布圖:

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

階梯圖:

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

直方圖:

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

2)條形圖

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

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

排名圖:

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

甘特圖:

適合用于項(xiàng)目排期等計(jì)劃圖標(biāo)。

3)散點(diǎn)圖

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

4)折線圖

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

5)餅圖

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

6)雷達(dá)圖

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

7)漏斗圖和金字塔圖

漏斗圖:

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

金字塔圖:

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

8)水波圖

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

 

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

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

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

    來(lái)自廣東 回復(fù)