如何為數據密集型用戶體驗設計進行戰略規劃

大數據正在膨脹。 然而，將復雜的數據需求與簡單、乾淨、有用的用戶界面協調起來是當今任何用戶體驗設計師的考驗。 通常，設計（傳達信息的工具）會妨礙交流（隱藏在原始數據高地中的信息或意義）。

剝離信息將簡化和清理用戶界面。 但是對於數據驅動的應用程序，較少的數據通常意味著儀表板的實用性和實用性較低。

然而，盡可能保留所有上下文數據會產生無法運行的應用程序。

那麼，您如何達到正確的平衡呢？

應用程序如何呈現數據起著巨大的作用，這就是用戶體驗設計師的用武之地。

在這篇文章中，我將分享用戶體驗設計師可以用來開發簡單清晰的數據可視化的提示和技巧，即使是在應用程序儀表板、網頁等應用大數據（達到千兆字節的數據）時也是如此。

不過，我暫時不討論設計大數據應用程序的最佳語言。

以下是設計數據密集型用戶體驗的方法：

如何設計客戶喜愛的出色大數據應用程序

也許最好的起點是詢問您的客戶是誰。

也許你已經製作了一個非常華麗的儀表板，並按時將其交付給客戶，結果他們問，“那麼，我在哪裡可以做 X、Y 和 Z？”

哎喲! 那一定很疼。

1. 使用用戶角色設計有用的數據驅動儀表板

儘管人工智能和機器學習會不斷改進，但大多數組織仍需要人工干預來處理未分類的數據。

最好的用戶體驗設計師創造的產品將有助於為使用數據驅動應用程序的人們解決問題。

他們是如何做到的呢？

Uber 和 Advanced Technologies Group 的高級設計負責人 Erik Klimcz 在 Medium 上分享了一些可行的技巧。 他建議用戶體驗設計師需要首先識別，然後定義每個項目的用戶或角色。

由於數據驅動的應用程序往往由組織內外的多個角色使用，因此您需要識別這些角色，以便組織您的信息架構線框和任務以滿足每個人的需求。

這將使設計對最終用戶、您的目標受眾——您的主要客戶有用。

這是一個例子：

了解您的用戶/角色可以幫助您根據他們的需要定制應用程序的功能——這是最終目標。

此外，您還可以通過回答以下重要問題來確定為哪個客戶使用哪種類型的數據可視化工具：

• 誰將處理數據（用戶角色）？ 例如，它是為客戶設計的還是為內部數據分析儀設計的？
• 這些用戶需要這些數據來幫助他們下一步做什麼？

例如：

您可以設計一種信息圖表，根據用戶的個人條目填充信息。

這種數據驅動的應用程序設計會在用戶需要或自由上傳信息時派上用場，因為他們獲得信息或需要收回信息以採取進一步行動。

一個例子是在客戶服務中，CS 代表可以輸入客戶的姓名或電話號碼以收集有關他們的更多信息。

您可以在 Mahfix for You vs John Paulson 中找到這種交互式數據可視化工具。 它允許您輸入一個數字，然後它會根據您的輸入報告回信息。 這很順利！

2. 可用性優於風格：保持簡單、清晰和親切

很容易陷入設計吸引您的有吸引力的用戶體驗，但坦率地說，這對您的客戶來說是不切實際的。

為了可用，界面必須清晰。 用多產的用戶體驗設計師 Joshua Porter 的話來說，“清晰是第一要務”。

事實上，Joshua Porter 寫了一篇關於用戶界面設計原則的足智多謀的文章——這在設計大數據應用程序時仍然適用。

因此，為了提高可用性的清晰度：設計師應該使用自定義 UX 設計還是只使用久經考驗的可視化工具，例如折線圖？

這將取決於您的客戶/用戶案例。

更新的自定義數據可視化工具不斷湧現：信息圖表（靜態和交互式）、顏色編碼塊、動畫、3D 可視化等。

然而，實際上您只需要四種數據展示工具：

• 用於說明連續數據的折線圖，例如某物如何隨時間發生變化
• 用於顯示摘要信息的表格
• 用於顯示變量分佈和按區間繪製定量數據的直方圖
• 用於顯示離散數據、比較變量和繪製分類數據的條形圖

然而，您可以超越可用性來創建有吸引力的數據處理界面。

這是一種方法：

更好的是，為數據密集型接口設計可以採取更簡單的轉變：

在設計數據驅動的用戶體驗時，結合文本和圖表是提高清晰度的最佳方法之一。 用戶可以使用視覺效果並閱讀文本以提高清晰度。 但這種方法可能並不適用於所有情況——尤其是對於大量未分類數據。

3. 結合材質和平面設計——功能重於形式

這種設計理念更多地是關於可用性和極簡主義，而不是與流行的看法相反的沉悶的二維設計。 但扁平化設計既不乏味也不沉悶。 您可以利用鮮豔的色彩、乾淨利落的邊緣和開放空間。

特別推薦移動應用程序、網站和桌面瀏覽器使用平面設計和材料設計。 由於該設計極簡主義並且不會囤積大量額外數據（與以前的設計一樣），因此它加載速度很快，並且在旨在提高參與度的情況下，可以幫助訪問者更長時間地查看頁面。

這對於數據驅動的網站或移動網站非常有用，它們可以受益於搜索引擎算法不斷在互聯網上掃描的移動友好、快速加載和更少的跳出率（SEO 和排名優勢）。

4. 可訪問性高於美學

這不僅僅是讓繁重的上下文數據變得流暢和吸引人（儘管這有很大幫助）。 您還希望設計的數據演示使最終用戶能夠輕鬆地：

• 清楚了解哪些數據最重要
• 理解所呈現數據的邏輯流程
• 理解數據的含義
• 了解下一步要做什麼

我們如何分解這些元素中的每一個？

用戶應該知道什麼數據是最重要的

一個重要的用戶體驗設計原則是觀察和實施信息層次結構——在這種情況下，視覺層次結構。

換句話說，一種優先考慮正確指標的設計。

您希望首先組織、安排最重要的數據並確定其優先級，然後再補充任何其他數據。 當然，優先順序將根據應用程序的用戶（來自上面定義的角色）而有所不同。

這樣做不僅可以整理儀表板，還可以幫助用戶以一種易於理解、不那麼壓倒性的方式將注意力集中在對他們來說重要的事情上。

用戶應該能夠理解數據的邏輯流

簡單性在幫助用戶將數據與特定結果聯繫起來方面起著重要作用。

與上一點中討論的類似，您希望從總體數據的概覽網格開始。

您可以添加一個直觀的下拉菜單，當用戶單擊時，下拉菜單會向下滑動以顯示其他信息，然後是特定任務或操作項。 人們喜歡這個，它已經越來越受歡迎。

這裡有兩種方法可以幫助流程：

隱藏附加信息

您可以使用可點擊的鏈接或鼠標懸停來顯示更多信息。 此外，滑動顯示數據和放大顯示等功能是包含附加信息或突出顯示關鍵數據點的好方法。 全部使用簡單、自然的手勢。

這允許用戶單擊他們認為對他們的工作重要的鏈接或滾動，並離開他們認為不那麼重要的鏈接或滾動。

同樣，您將看到進行體面的 UX 設計角色研究如何幫助您確定什麼對哪個用戶最重要以及何時最重要。

使用懸停動畫

您可以使用懸停動畫效果為（看似）乏味的數據添加更多活力、參與度和實用性。

懸停動畫特別適用於提供有關特定任務或項目的附加信息，同時有助於組織和清理數據驅動的應用程序。

儘管如此，還有更多方法可以使用動畫來交付有用且引人入勝的數據密集型應用程序。

將信息隱藏在可點擊鏈接、幻燈片或翻轉後的事情是您在後端方面做的最多的工作。 所以請記住，您需要從一開始就考慮到這一點來設計您的架構線框。

用戶應該能夠理解數據的含義

在儀表板上對數據進行組織和優先級排序後，下一步是將數據分解為單獨的頁面。 如果可以對信息進行分類，請確保為不同的數據包分配不同的頁面/屏幕。

這適用於小型和復雜的數據密集型應用程序設計項目，儘管它可能需要更長的時間並且需要在後端進行更多工作。

根據上面的“壓倒性”主題，這樣做不僅可以幫助您的客戶/用戶減少不知所措的感覺，而且他們可能會在繼續下一頁之前更好地處理一頁上的數據，一步一步地理解數據時間。

例如，任務控制 UI 可能會幫助您的客戶在一個頁面上獲取所有數據，但隨著時間的推移，這可能會讓他們不知所措——更不用說被擠壓了，尤其是對於不同的屏幕尺寸。

客戶通常會要求使用這種類型的儀表板，但您應該了解得更多。

任務控制 UI 可能看起來很複雜，但它不像之前討論的一次一頁的方法那樣流暢和易於使用。 前者可能很容易妨礙傳遞隱藏在顯示的數據山中的含義。 那是沒有用的。

用戶應該能夠理解下一步要採取的措施

按照上述步驟，用戶可以更輕鬆地識別和關聯原始數據中的模式——這是設計數據密集型應用程序時的另一個關鍵目標。 當您使用的數據可視化工具幫助用戶理解大數據時，您就知道自己做得很好。

5.留出改進的空間

最後但並非最不重要的一點是，您需要使您的設計靈活。

隨著時間的流逝和用戶與您的設計的互動，他們的反饋會促使您採取行動並修復或重新設計整個事物。 沒有一種方法可以為處理數據創建完美的設計，因此保持設計敏捷可以幫助您進行持續改進或從可靠的補丁開始。

要點

UX 設計的目的是以清晰且可操作的方式傳達信息。 這對於設計數據密集型應用程序尤為重要。 在這種情況下，良好設計的作用是幫助分析師或經理或最終用戶做出明智的決定。

如果用戶沒有很好地理解原始數據及其呈現方式，則他們無法解釋和使用原始數據來做出決定。

為數據密集型 UX 項目進行設計不應像看起來那樣令人惱火。 上述提示和技巧可以幫助您了解如何設計數據密集型界面。

在設計出色的數據可視化 UI 時，您是否遵循任何實用技巧並願意分享？

請在下面的評論部分告訴我們。