Andy Cotgreave 是一位視覺分析專家，自 2011 年以來，他一直在 Tableau 擔任不同的角色，從產品顧問到社交內容經理。他現在是 Tableau 的高級技術推廣官。在 Tableau 之前， Andy 是牛津大學的一名數據分析師。作為一名技術推廣官，他幫助人們使用 Tableau 的創新產品來查看和理解他們的數據。

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

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

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

簡而言之，不要將關于移動版的設計留到最后：在構建桌面版時就應該開始構建移動版儀表板。

Q1

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

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

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

Q2

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

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

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

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

Q3

它應該是縱向還是橫向？

我相信移動版儀表板都應該設計為縱向模式。

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

您的設計應該讓用戶的生活更輕松，而不是更難。

這也引導我進入了下一個問題......

Q4

它應該控制在一屏以內嗎？

Scrolly !

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

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

在我的儀表板中，我做了幾個設計：

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

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

Q5

它可以精簡哪些文本？

我從移動版中刪除的文本

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

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

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

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

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

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