Andy Cotgreave 是一位視覺分析專家，自 2011 年以來，他一直在 Tableau 擔(dān)任不同的角色，從產(chǎn)品顧問到社交內(nèi)容經(jīng)理。他現(xiàn)在是 Tableau 的高級技術(shù)推廣官。在 Tableau 之前， Andy 是牛津大學(xué)的一名數(shù)據(jù)分析師。作為一名技術(shù)推廣官，他幫助人們使用 Tableau 的創(chuàng)新產(chǎn)品來查看和理解他們的數(shù)據(jù)。

我的項目跟蹤器：移動和桌面

今年，我的運動目標(biāo)是走或者跑 1000 英里。它是 #Walk1000Miles 社區(qū)的一個活動，由 Country Walking 雜志發(fā)起。我想通過 Strava 和 Tableau 追蹤我的進度。

我制作了與桌面版本并行的移動版儀表板，我所有的設(shè)計決策都同時考慮了移動端和桌面端。在設(shè)計過程中，我開始思考在構(gòu)建移動版儀表板時需要考慮的事項。

簡而言之，不要將關(guān)于移動版的設(shè)計留到最后：在構(gòu)建桌面版時就應(yīng)該開始構(gòu)建移動版儀表板。

Q1

您需要一個移動版儀表板嗎？

這個問題的答案很簡單。是的，您需要一個移動版本。

作為分析師，我們的工作是吸引所有用戶，這意味著我們應(yīng)該給用戶提供他們想要的良好體驗，而不是您想要的體驗。 移動設(shè)計為您提供了創(chuàng)造性的約束。在我最近與 Andy Kirk 的辯論中，他提出了一個很好的觀點，即當(dāng)您有一個約束時，例如小屏幕或靜態(tài)圖表，它會迫使您更清楚地思考自己的目的。移動版儀表板也是如此- 它迫使您對桌面版有一個明確的目的。

Q2

您的移動版儀表板上是否需要所有 KPI ？

您所有的 KPI 都是主要的還是次要的？

我的桌面版儀表板上有四個關(guān)鍵指標(biāo)（KPI）（總距離，目標(biāo)百分比，平均距離和活動數(shù)量（上圖中突出顯示）。它們都很有用，但只有前三個與我的目標(biāo)直接相關(guān)。

在移動版本中，我只顯示了前三個 KPI 。活動數(shù)量是有用的輔助信息，但不是我移動版本里主要側(cè)重的問題，我的移動版儀表板完全是關(guān)于 1609 公里目標(biāo)的。

Q3

它應(yīng)該是縱向還是橫向？

我相信移動版儀表板都應(yīng)該設(shè)計為縱向模式。

因為大多數(shù)手機都采用縱向模式- 根據(jù)某些消息來源，這一比例為 92％。甚至移動視頻也已經(jīng)開始轉(zhuǎn)向縱向模式，我認(rèn)為移動版儀表板也應(yīng)該采用相同的方式。

您的設(shè)計應(yīng)該讓用戶的生活更輕松，而不是更難。

這也引導(dǎo)我進入了下一個問題......

Q4

它應(yīng)該控制在一屏以內(nèi)嗎？

Scrolly !

傳統(tǒng)儀表板的定義是它們適合顯示在一個屏幕上。如果您能在一個屏幕上獲取所有信息并保持可讀性，那就太棒了。

然而，在現(xiàn)代觸屏手機上，使用拇指滾動頁面是如此流暢和快速，因此我們不再需要單一屏幕約束：儀表板可以滾動。

在我的儀表板中，我做了幾個設(shè)計：

●折線圖顯示了平均距離隨時間的變化，而這張圖表有意地與屏幕底部重疊。這個設(shè)計暗示了讀者可以通過滾動屏幕進一步發(fā)現(xiàn) viz 。

●儀表板的下半部分側(cè)重于歷史數(shù)據(jù)，這是一個次要信息，只在想要進一步探索數(shù)據(jù)時需要。這種布局創(chuàng)造了兩個“頁面”的感覺。第一個頁面主要是關(guān)注我的 1000 英里目標(biāo)，第二個頁面則是更深層次的背景分析。

Q5

它可以精簡哪些文本？

我從移動版中刪除的文本

在制作移動版儀表板時，我不得不削減顯示一些文本量。以下是我可以刪除/隱藏的兩個區(qū)域：

摘要信息隱藏在“顯示/隱藏”容器中。

● 我刪除了 KPI 下面的文本。在桌面版上這個內(nèi)容很好，但移動版本的空間太緊。因此我假設(shè)了移動版受眾所熟悉目標(biāo)應(yīng)該是什么（當(dāng)然，對于這個儀表板，讀者是我）。

● 右邊的文字非常重要。最上面的部分是主要目標(biāo)的摘要：我離目標(biāo)還差多少？它還包含了儀表板的說明。因此我選擇將這個內(nèi)容隱藏在可折疊布局容器后面。

這些就是我在創(chuàng)建儀表板時問自己的五個主要問題，特別是對于移動設(shè)備。

在設(shè)計下一個儀表板時，請考慮您如何使受眾滿意，您將在儀表板上回答的主要問題是什么，什么內(nèi)容可以在移動版本上刪除以及如何限制顯示的文本。