中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

數(shù)據(jù)可視化產(chǎn)品設(shè)計的關(guān)鍵在于“簡單、高效”，文章就如何設(shè)計數(shù)據(jù)可視化產(chǎn)品做了相關(guān)分享，希望對你有益。

數(shù)據(jù)可視化，是將數(shù)據(jù)信息以直觀的圖標、圖形展示出來的一種表現(xiàn)形式。

數(shù)據(jù)可視化系統(tǒng)，只是我們通俗的說法，它其實是一種數(shù)據(jù)產(chǎn)品，核心是發(fā)揮數(shù)據(jù)的價值去輔助用戶更優(yōu)的做決策。

面對這類產(chǎn)品，交互設(shè)計師的挑戰(zhàn)之一是如何做到“簡單和高效”。

今天來聊聊這個話題。

一、簡單

數(shù)據(jù)產(chǎn)品，最核心的信息元素是“數(shù)據(jù)”。

怎樣簡單的呈現(xiàn)數(shù)據(jù)信息呢？我們?nèi)匀豢梢匝赜煤喖s之上的四策略——轉(zhuǎn)移、組織、隱藏、刪除。

原則1：轉(zhuǎn)移

轉(zhuǎn)移，是為了把正確的功能，放到正確的平臺或系統(tǒng)中。

比如，有個需求是展示廣告位/運營位的數(shù)據(jù)，輔助運營同事根據(jù)數(shù)據(jù)情況調(diào)整它們的位置或圖片素材。

產(chǎn)品提供的廣告位/運營位的數(shù)據(jù)指標有：曝光量PV、點擊量PV、點擊率PV、曝光量UV、點擊量UV、點擊率UV。

這是PV和UV維度的關(guān)于“圖片點擊效果”的數(shù)據(jù)。那么，這些數(shù)據(jù)是否要全部展示給用戶呢？

我們找到目標用戶——運營人員，了解他們看數(shù)據(jù)的習(xí)慣、關(guān)注的數(shù)據(jù)，得知他們一般以PV維度的曝光量、點擊量、點擊率來評估運營位的效果，UV維度比較少關(guān)注。

所以，我們的處理方式是，將UV維度的數(shù)據(jù)進行“轉(zhuǎn)移”，在另一個次要功能“導(dǎo)出數(shù)據(jù)”中體現(xiàn)。也就是，用戶“導(dǎo)出數(shù)據(jù)”時，才會獲得最完整的數(shù)據(jù)；在界面上，只展示PV維度的數(shù)據(jù)。

原則2：隱藏

隱藏的方式有幾種：

1. 漸進顯示，核心的控制部件，為主流用戶使用的，展示出來；擴展性的精確的控制部件，專家用戶使用的，隱藏起來。
2. 階段展示，隨著用戶逐步深入界面，展示相應(yīng)的內(nèi)容，比如步驟向?qū)А?/li>
3. 適時出現(xiàn)，雖然隱藏功能，但是會在你需要時出現(xiàn)在合適的位置上。
4. 提示和線索，將隱藏的功能處理的很優(yōu)雅，讓功能容易找到，放在哪里比做多大要重要很多。

舉個例子：

某個需求是，讓運營人員了解專題頁面各個點擊位的數(shù)據(jù)。不同點擊位，用戶關(guān)注的數(shù)據(jù)有所差異。頭圖、導(dǎo)航等組件主要關(guān)注點擊和曝光；商品樓層、檔期樓層除了關(guān)注點擊和曝光，還會關(guān)注售賣情況。這些數(shù)據(jù)指標最少4個、最多9個。

設(shè)計難點在于，數(shù)據(jù)指標很多、點擊位排版布局多樣的情況下，如何展示數(shù)據(jù)，并體現(xiàn)數(shù)據(jù)與點擊位的一一對應(yīng)關(guān)系。

最終我們的方案是，點擊位的圖片上默認只顯示一個默認的關(guān)鍵指標，鼠標滑過時顯示完整的數(shù)據(jù)指標?？紤]到不同的坑位用戶關(guān)注的關(guān)鍵指標不同，支持切換展示在圖片上的默認指標。

這也是運用了漸進顯示、適時出現(xiàn)的隱藏方式。

原則3：組織

組織，是我們常用的一種原則，通過對信息進行歸類，將相關(guān)的內(nèi)容臨近展示，并按照優(yōu)先級來調(diào)整信息之間的順序。

同樣是以數(shù)據(jù)指標為例，產(chǎn)品給過來的指標可能是零散的、無關(guān)聯(lián)的、無優(yōu)先級的，那設(shè)計師需要去理清它們之間的關(guān)系、了解它們的優(yōu)先級，再對信息進行組織。

原則4：刪除

做加法容易，做減法難。產(chǎn)品經(jīng)理常常會想出各種功能，覺得這是用戶需要的。但真的是這樣嗎？

作為交互設(shè)計師，我們也需要去了解需求的目標用戶是誰，場景是什么，痛點是什么，痛點背后的原因是什么，所提出的功能、解決方案是否真的能從根本上解決用戶的痛點。

避免為了解決一個問題，帶來更多問題。

所以在承接需求時，要多問為什么，勇于去和各方討論，規(guī)避、去掉偽需求。

二、高效

1、選擇合適的可視化圖表

最初接觸數(shù)據(jù)可視化項目，會不自覺地陷入酷炫的圖表中，希望選擇柱狀圖、餅圖等形式來呈現(xiàn)數(shù)據(jù)。

比如這樣：

但越是追求形式的可視化，反倒越會陷入誤區(qū)。

還是上面提到的例子，需求是展示廣告位/運營位的數(shù)據(jù)，輔助運營同事根據(jù)數(shù)據(jù)情況調(diào)整它們的位置或圖片素材。

A.最初的方案

用餅圖、柱狀圖來體現(xiàn)點擊率的數(shù)值。

柱狀圖，可以用來對比柱狀圖之間的大小、也可以看到變化趨勢；環(huán)形圖，通常用來表示百分占比。

兩種圖表方式，放在這里似乎合適。

但問題是什么呢？點擊率的數(shù)值差別不大，且通常百分占比只有個位數(shù)，用環(huán)形圖難以直觀的體現(xiàn)差別，用柱狀圖也難以形成鮮明的對比。

B.優(yōu)化方案

回到源頭來想，圖表的形式，只是為了服務(wù)于目標，最重要的是將用戶關(guān)注的結(jié)論凸顯出來，并不一定要用酷炫的樣式。

對這個需求而言，用戶的目標，是去了解同一個運營位，不同坑位之間圖片的點擊效果的差別。

重新分析各種可視化呈現(xiàn)方式的優(yōu)劣，我發(fā)現(xiàn)表格雖簡單但同樣能達到效果。

所以，最終我采用了最普通的表格，將用戶最為關(guān)注的點擊率最高、最低的數(shù)字，分別用綠色、紅色標注出來。

2、給用戶結(jié)論，而不僅僅是數(shù)據(jù)

用戶的行為是看數(shù)據(jù)，但目標并不是看數(shù)據(jù)本身，而是希望透過數(shù)據(jù)去得出某個結(jié)論，然后去指導(dǎo)后續(xù)的行為、更好的做決策。

所以，為了讓用戶更高效，關(guān)鍵的一點是，去挖掘用戶瀏覽數(shù)據(jù)背后的目標，給用戶最終的結(jié)論。

前面的例子，將點擊率最高、點擊率最差的凸顯出來，就是為了讓用戶一目了然的知道數(shù)據(jù)對比的結(jié)果，不需要用戶自己去對比，通過識別顏色他就知道哪個圖效果好，去做相應(yīng)的調(diào)整。

另外一個例子，廣告位/運營位的圖片偶爾會有賽馬，根據(jù)賽馬的結(jié)果，來判斷哪個圖的效果更好。所以，在展示賽馬的各個圖片的數(shù)據(jù)時，不僅僅是擺出數(shù)據(jù)，更需要明白用戶會按照哪個指標來衡量賽馬圖的好壞，從而以該指標作為標準，將最好的賽馬圖突出展示。

3、減小用戶的記憶負擔(dān)

同樣以運營位的數(shù)據(jù)為例，我們可以看到不同時間節(jié)點的數(shù)據(jù)趨勢圖，這滿足了基本的需求。

但是，用戶看完數(shù)據(jù)之后的決策，是去調(diào)整某個坑位的圖片素材或者位置。調(diào)整完，用戶會關(guān)注后續(xù)的數(shù)據(jù)情況，對比“調(diào)整前后”的差別。

如果我們只是展示一條數(shù)據(jù)趨勢，用戶如果要對比調(diào)整前后的差別，需要回憶或者找找他在哪個節(jié)點調(diào)整的。

所以，還需要優(yōu)化的是，在曲線上體現(xiàn)這個運營位被修改的時間點。

以上是我參與幾個數(shù)據(jù)可視化項目的一些體會和收獲。

如果你也在接觸數(shù)據(jù)產(chǎn)品的設(shè)計，歡迎一起交流！

#專欄作家#

青溪Joanna，微信公眾號：產(chǎn)品設(shè)計研習(xí)社（qingxizhaji），交互設(shè)計師一枚，喜歡體驗各種App，關(guān)注社交、在線旅游、O2O、工具類產(chǎn)品；擅長需求分析、交互設(shè)計，有一定前端開發(fā)經(jīng)驗；業(yè)余時間喜歡網(wǎng)球、ukulele、簡筆畫，正在努力攢技能。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。