AXURE原型設計:手機版可視化視圖應用案例

2020-12-06 人人都是產品經理

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

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

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

下面我們先看看幾個數據可視話的案例:

1. 運動健康案例

2. 資產理財案例

3. 用戶畫像案例

4. 遊戲評分案例

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

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

1)柱狀圖類圖表

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

單柱狀圖:

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

組合柱狀圖:

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

堆疊柱狀圖:

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

百分比堆疊柱狀圖:

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

瀑布圖:

瀑布圖能夠顯示正負值,適用於收入支出的案例。

階梯圖:

階梯圖普遍用於在不同的數值範圍內的變量取不同的值,例如階梯水費、電費,個人所得稅率圖。

直方圖:

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

2)條形圖

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

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

排名圖:

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

甘特圖:

適合用於項目排期等計劃圖標。

3)散點圖

散點圖就是把各個值在對應的坐標上顯示出來,常用於做模型分析,例如回歸分析等。

4)折線圖

折線圖主要是體現變量的變化規律的,例如基金的歷史收益等等。

5)餅圖

餅圖、環形圖主要是對比各個變量的佔比。

6)雷達圖

雷達圖更適合做一個綜合的分析,例如說學生是否全面發展,或者說是遊戲的評分等等。

7)漏鬥圖和金字塔圖

漏鬥圖:

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

金字塔圖:

金字塔圖更實用與類似人體所需營養的分布,這樣的案例,或者說是一個企業的架構圖,高層、中層、底層的人數和佔比。

8)水波圖

水波圖多數用於反饋實時數據,例如實時的銷售量。

本文由 @秀 原創發布於人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基於CC0協議

相關焦點

  • Axure RP 9 for Mac(交互式產品原型設計工具)
    Axure RP 9 for Mac是Mac平臺上的一款專為快速原型設計而生的應用,Axure RP 9 Mac版可以輔助產品經理快速設計完整的產品原型,並結合批註,說明以及流程圖,框架圖等元素,將產品完整地表述給各方面設計人員,如UI 、UE等等,並在討論中不斷完善。
  • AXURE原型設計:移動端搜索原型案例
    編輯導語:搜索框是每個軟體、系統、app必不可少的一個組成成分,本文作者今天就基於在實際工作中需要用到的原型,和大家分享一下移動端的搜索原型案例,以及設計出來的axure組件。
  • Mac上好用的原型設計軟體:Axure RP 9 for Mac
    為您帶來Mac上好用的原型設計軟體Axure RP 9中文正式版,axure mac 是專為UX專業人員和業務分析師設計的專業網站原型設計工具!可以幫助他們快速創建應用程式和網站的線框,原型和規格!新功能包括一系列廣泛的改進:全面的 UI,新的設計和文檔特徵,以及將引擎優化到前所未有的程度。
  • Axure RP 9.0 for Mac 產品經理必備原型設計工具
    Axure RP 9 Mac版是Axure Software Solution開發的快速原型(Rapid Prototyping)設計工具,是產品設計領域最流行的原型設計工具之一,產品經理必備工具。藉助Axure RP 9 Mac版,產品經理可以快速創建App或網站等的前期線框圖、流程圖、原型和開發規格說明文檔等等。Axure RP 9 Mac版是最專業的原型設計工具,除了可以快速、高效的創建產品原型外,還支持多人協作設計和版本控制管理等。
  • 用Axure做一個產品需求文檔(PRD)模板
    今天給教大家用axure做一個產品需求文檔(PRD)模板,其中包括目錄,版本修訂記錄,產品概述,功能說明,全局說明,非功能性說明。該原型模板使用簡單,交互完善,直接修改文字即可。喜歡該原型的小夥伴們可以在評論處給我留言哦。
  • Axure 3D教程:製作3D地圖原型
    編輯導語:很多時候我們會用到3D的效果,今天筆者教大家用axure做一個3D的效果,本文以三維世界地圖為案例,簡單的闡述axure製作3D原型的技巧,我們一起來看一下。一、Axure製作出來的3D效果原型預覽地址:https://7w42g3.axshare.com/#g=1上圖就是axure製作出來的3D地圖的效果,大家可以體驗一下,主要是用圖片+動態面板的效果來實現的,下面開始教學。
  • 蜂鳥視圖智能導航應用在服貿會大顯身手!
    作為本次服貿會智能導航應用技術的獨家供應商,蜂鳥視圖以重要參與者和見證者的身份受邀參會,在本次會議中大放異彩! 據不完全統計,蜂鳥視圖智能導航應用在服貿會累計服務超10萬人次! ▲鳥瞰服貿會主會場 蜂鳥視圖作為室內外空間信息可視化行業的領軍企業,我們憑藉領先的技術優勢
  • Axure原型設計:移動端圖片管理原型
    編輯導語:隨著5G的發展,在app上的ui越來越精緻,圖片管理頁成為了app原型設計中不可或缺的一部分,特別對於內容分享型app(例如微博、qq空間、朋友圈)、電商(淘寶、京東)、聊天型app(微信、qq)、社交型app(探探、珍愛網)等。所以今天本文作者就為大家科普一下圖片管理包含哪些內容以及應用案例和設計思路,希望看後能夠對你有所幫助。
  • Axure RP——快速UI原型設計工具
    Axure RP是一款專業的快速原型設計工具。Axure(發音:Ack-sure),代表美國Axure公司;RP則是Rapid Prototyping(快速原型)的縮寫。Axure的可視化工作環境可以讓你輕鬆快捷的以滑鼠的方式創建帶有注釋的線框圖。不用進行編程,就可以在線框圖上定義簡單連接和高級交互。在線框圖的基礎上,可以自動生成HTML(標準通用標記語言下的一個應用)原型和Word格式的規格。
  • Axure原型設計:移動端圖片輪播原型
    編輯導語:圖片輪播原型常應用於各大app的首頁,包括文章分享app、讀書app、商城app等等。通過這篇文章,本文作者希望和大家分享一下圖片輪播原型的作用、應用案例以及設計思路。下面我會和大家分享一些常用的圖片輪播案例:二、圖片輪播原型案例1. 頂端banner輪播圖元件這種是最常見最簡單的輪播圖了,一般會放在界面的頂端,或者有多個類別時,放在內容的最上面,將最精彩的內容,或者是廣告推送給客戶,一般應用於線上商城、外面平臺、文章閱讀平臺等等。
  • 小白和剛入行的怎麼理解原型設計?
    原型的目的:產品這行,一切以目的說話,產品以解決需求為主(用戶、公司商業),產品原型可以概括的說是整個產品開發設計之前的一個框架設計。原型設計是互動設計師與PD、PM、網站開發工程師溝通的最好工具。總結:結合用戶體驗5要素來說,原型設計更多是我們講0-1流程中的,定義階段—需求收集、分析、整理(結構圖、流程圖等)——需求評審這些需求階段所收集、產生和討論的需求結果匯總成一個可視化的文檔。
  • Axure原型設計:移動端驗證原型合集
    用戶驗證是一種區分用戶是計算機還是人的公共全自動程序,可以防止暴力破解密碼、惡意灌水、惡意搶票等行為,所以用戶驗證是原型設計裡面必不可少的元件之一,本文作者通過分享常用的驗證方式對各種驗證方法的優缺點和應用展開了研究,與大家分享。
  • 產品經理入門如何用AXURE畫好原型
    導讀:axure是產品經理常用到的一款工具,掌握axure是產品經理的一項基本能力。Axure掌握到什麼程度是合格的,如何在工作中熟練地使用AUXRE畫原型都是需要學習的。原型設計分為低保真,中保真、高保真三種類型。實際工作中,大部公司要求的是低保真原型足夠用。低保真俗稱線框圖,用簡單的線框表達出思維,是多數公司常用的一種方式,原型設計頁面不難,難得是元素能否完整,許多同學並非不會畫原型,而在於不知道原型的完整度。
  • 原型設計實戰案例:自適應後臺框架
    作者分享了自己做pc web端產品後臺框架的設計過程,希望能夠對你的原型設計工作帶來幫助。在這個原型裡面,實現了屏幕自適應、菜單動態展示、列表頁面的排序分頁等功能,使用了動態面板、中繼器等元件,設計風格上參考了螞蟻金服的ant design,因為是後臺管理系統,所以設計風格上也比較緊湊,我把這個過程寫出來,希望能夠對大家有所幫助。頁面布局在開始製作原型之前,先要做的是對頁面的布局。
  • 搞定移動應用設計,你還差一款App原型設計工具!
    隨著信息化社會的不斷發展,不僅手機迭代更新的速度飛快,就連手機裡的App 也層出不窮。作為一名UI/UX設計師或產品經理,如何才能設計一款出色的移動App?光有好的創意是不夠的,你還需要一款正確的App原型設計工具來表達你的設計!不少設計新手和產品小白在選擇原型工具前,早已經被網上五花八門的原型設計案例看得眼花繚亂,無從下手。
  • 為什麼表格工具爭相開發視圖?一篇文章帶你看懂信息可視化
    (via 公眾號網易數讀)  像我們看一份分析報告,裡面的文字,就是數據;這些數據的多樣呈現方式,就是信息可視化。我們最常見的信息可視化就是圖表。像這樣:    (via vika維格表維格視圖)  信息可視化圖表是很重要的一種視覺呈現,它隸屬於視覺傳達的一種設計,是以凝練、直觀和清晰的視覺語言,通過梳理數據構建圖形、通過圖形構建符號、通過符號構建信息,以視覺化的邏輯語言對信息進行剖析視覺傳達方式
  • 6大數據可視化應用設計規範
    本文講述了六個數據可視化應用規範:包括圖表分類、畫面布局、硬體設施、字體字號、畫面配色、畫面飽滿和畫面動效。今天為大家帶來的是數據可視化應用設計規範,談談我在設計過程中的一些經驗以及分享。
  • 復旦大學:以Axure原型設計一站式服務系統
    它是指在投入大量資源進行開發之前,首先確認基本的需求定義,通過可視化的開發環境,快速創建出一個可供用戶測試的目標系統的初始版本。  根據用戶的反饋意見進行相應的補充修改,經過和用戶反覆溝通確認、版本修改,最終得到用戶滿意的原型版本。
  • VR遊戲《Archangel》用Oculus Medium進行預先可視化和原型設計
    文章相關引用及參考:映維網採用了一種新方法來實現預先可視化和原型設計。(映維網 2018年08月01日)在2017年,Skydance Med旗下的遊戲工作室Skydance Interactive推出了他們的第一款VR遊戲《Archangel》。
  • 學完熟練掌握一套Axure原型技能!
    但實際上,很多0-2年的產品經理,在設計原型時都容易犯:畫原型不規範:對於產品功能流程不熟悉,頁面布局設計不合理,沒有實力接手新項目;>對工具掌握不熟練:對於互動設計、動效掌握得不夠,很多效果做不出,達不到老闆、客戶提出的視覺要求;原型效率低:因為對原型工具不熟練,別人花半天時間就能搞定的原型,自己需要多花一倍的時間;忽略產品設計思考:漏場景漏頁面、產品結構考慮不全,常常返工重做;交互、頁面跳轉邏輯不會做,依賴口述表達耗時耗力