國外設計師復盤：從0到1打造B端儀錶盤

將自己想像成以為教授金融的內容創作者，你可以通過Graphy直播平台進行直播並教授你的觀眾，通過你的知識業務進行獲利。

在Graphy平台，創作者可以通過兩種途徑變形：

三、目標

如果你曾經在線創建過內容，您會明白這是一項艱巨的工作，他需要毅力和一致性，同時它要求創作者自發地有意願地去創作內容。作為一個平台，我們有責任讓這一旅程為我們的創作者帶來鼓勵和回報。

一種方法是幫助他們跟蹤和了解他們的進展，這將使他們能夠了解到什麼對他們有用，以及他們可能需要改變什麼才能使指標發生變化。

因此，我們決定做一個分析儀錶盤為創作者提供需要的數據點，以更好的幫助他們了解他們在平台上的內容創作歷程。

四、成功指標

雖然我們沒有可以跟蹤創作者成長與分析儀錶盤的一階效應（即影響因素），但是有一個可以幫助我們了解創作者認為儀錶盤很有用的指標就是：參與率和留存率。因此，這些是我們這個項目的成功指標。

五、解決問題 1. 最初的想法和感受

當我第一次聽到【分析】和【儀錶盤】這兩個詞時，最先湧上我的腦海里的是大量的數字、一組圖表和一個狹小的螢幕。之前沒有設計過儀錶盤，這個似乎讓人不知所措。

2. 舊設計稿作為一種概念的證明

我們有一個舊的設計，之前我們的其他設計師很快就把他們組合在一起了。這樣做的目的是給我們的利益相關者和領導層展示概念證明（因為這個直播平台是我們正在進行的0-1項目中的一個）。

3. 簡要介紹

我收到的任務簡單說就是重新思考整個儀錶盤設計並改善用戶體驗。

4. 舊設計稿分析的見解

首先，舊的設計似乎充滿了各種信息，可能會給用戶帶來巨大的認知負擔。第二個觀察發現存在大量的用戶操作點，反過來可能會造成困擾並阻礙平滑導覽。

我需要考慮的事情：

• 此時，我們的創作者是否需要所有的信息？我們是否可以重新優化數據的範圍？
• 哪些數據對創作者旅程是至關重要的，哪些數據可能被認為是多餘的或者可以被隱藏以簡化用戶體驗，防止認知過載？

除了解決舊的設計稿中觀察到的問題之外，我還想縮小範圍，從新的角度來處理手上的任務。

首先提出最基本的問題：創作者最想在平台上了解創作旅程中的哪些事情？

以下是我最初列出的幾點：

創作者關於他們的創作旅程最想了解的幾件事：

我還對如何為用戶提供更好的儀錶盤體驗提供了一些想法，我把這些內容都列了出來，並於團隊分享，以便他們在該方法上保持一致。

這個儀錶盤應該是什麼樣的?

基於研究工作檯設計靈感時，我發現螢幕上的展示非常的雜亂，堆滿了過多的圖像和圖表，難以閱讀，很難去理解這些儀錶盤上的信息。

然而，在讀了一些關於工作檯設計的文章之後，我意識到很多專家建議在螢幕上儘可能多的顯示數據，這一個概念看上去違反直覺的，更加促使我去挖掘這些建議背後的基本原理。

在與團隊負責人的交談中，我們討論了儀錶盤通常供數據和業務分析使用。他們有資格並熟練地以某種方式閱讀數據，並且需要同時查看大量的指標。然而，我的用戶不是分析師，而是創作者。它可以是任何人，比如你和我。背景很重要！

在設計儀錶盤時，我想要確保它易於導航和使用。創作者到這裡來尋求見解，而不是感到不知所措。它應該被設計的簡單的，不會過於繁瑣。

當做競品分析的時候，我研究了其他產品使用的方法。我的重點是具有類似以消費者為基礎目標受眾的公司，而不是以分析師為核心的受眾。我發現一些令人影響深刻且相關的例子，包括Airbnb, Vimeo, Unsplash, and YouTube。

我發現並從競品分析中得出：

此時，與產品經理進行頭腦風暴並最終確定我們希望分析儀錶盤顯示的所有數據點似乎是正確的。正如我們看到的，舊的設計頁面有很多的數據點。

我想在這裡澄清兩件事情：

8. 視覺設計

這些是該項目的第一個版本的設計

當用戶登錄點擊Analytics菜單後，就會看到【概覽】頁面。

所有的信息和數據點被分為三部分：概覽、內容、支付。

這使得用戶可以輕鬆得通過儀錶盤導航並使用數據。

1）概覽

在一系列的頭腦風暴會議後，我們決定並希望創作者聚焦於三個主要的指標，以幫助他們更快的成長。這三個指標是：觀看次數、關注數量和收入。

在這裡，我們可以看到創作者內容的全生命周期的總觀看次數、他們擁有的關注人數以及他們產生的收入。

在總生命周期數下方，我們顯示了過去28天的變化。

為什麼顯示全生命周期數據而不是每個月的數據呢？那是因為，因為平台剛剛推出，創作者還沒有足夠的數據供我們每月展示。因此，我們決定首先展示生命周期，並最終轉向每月數據。

輔助提示提供了有關特定指標的含義的更多信息，並告知用戶該數據是全部生命周期。

我們決定將圖表與數字一起展示，以便用戶輕鬆了解他們的增長模式。

正如之前我在本案例中研究的那樣，我希望用戶在我們平台上的內容創作旅程時還可以感受到獎勵和動力。同時，我不希望儀錶盤過於繁瑣和事務性。

因此，我們決定在指標中 添加這個Banner條以及最新更新（自上次出現在該儀錶盤上以來），例如關注者的增加、支持者的增加等。此類信息會激勵用戶訪問儀錶盤並更好的了解他們的成長，而不是害怕它。向他們展示哪怕是最小的提升都會讓他們對自己的旅程感到滿意。

除了總體指標之外，我們還決定展示他們最近的直播表現。這是創作者普遍希望跟蹤的內容，以了解他們最近發布內容的表現。

2）內容頁面

包含內容選項卡，我們決定顯示與觀看次數、觀看時間、最近直播相關的所有數據點，這些指標都與創作者在我們平台上創建的內容相關。

實時觀看次數是創作者直播時獲得的直播觀看總數。

錄製觀看次數是錄製的直播流獲得的觀看總數（每個直播都由平台錄製，供學習者稍後觀看）。

餅圖與觀看次數一起展示，以便清晰的區分實時觀看次數和錄播觀看次數之間的差異，以便讓看到數據的讀者一目了然地了解比例的要點。

3）選擇數據可視化類型

我考慮了多種數據可視化選項，但最終選擇了折線圖，因為他簡單、熟悉且易於使用。

決定在折線圖中使用多線條，可以輕鬆比較總觀看次數、實時觀看次數和記錄觀看次數。

圖表圖例也是可操作的複選框，用戶可以勾選或者不勾選，來決定每條線的顯示與不顯示。

這些圖例是這樣設計的，因此用戶對他們想要查看的數據和想要隱藏的數據有更多的選擇權。與沒有複選框和用戶必須始終看三行的情況相反，這在某種情況下會導致信息過載。

數據可視化中的顏色展示：

數據可視化中的顏色展示非常的重要，關乎到儀錶盤上使用的數據可視化的顏色選擇，為了更好地理解怎樣在dataviz中使用顏色，我參考了一些資源，例如 Material Design, mysidewalk Style Guide, Chartio, Datawrapper Academy等。

我還檢查了色盲模擬器中的顏色，以驗證我使用的所有顏色是否對於具有任何色盲或者對訪問具有困難的人來說都是可以區分的。

4）默認值設計

在用戶介面中設置默認值是UI介面設計和信息設計的一個重要方面。例如，當我們在考慮數據過濾的默認持續時間時，選擇正確的值非常的重要。在本例中，默認過濾持續時間設置為28天，有以下幾個因素決定：

平台的新穎性：鑒於該平台相對較新且創作者最近才加入，因此選擇較短的時間範圍（28天）作為默認值，他提供了他們最近的表現的相關快照。

趨勢之間的平衡：短於一個月（例如一周）的時間被認為太短，無法提供有意義的趨勢數據。另一方面，較長的持續時間可能會因為過多的數據點而讓用戶不知所措。這樣，28天的設置就達到了平衡。

行業標準：研究和競品分析表明。大多數儀錶盤都會顯示月度數據。與這種模式保持對齊可以提供熟悉度和友好的體驗。

從本質上來說，默認值設置的選擇在確保向用戶提供相關且易於理解的信息，最終增強介面的整體可用性方面發揮著關鍵作用。

5）支付

在【支付】選項卡中，我們顯示與收入和結算相關的所有數據點。結算金額是創作者根據每個月產生的收入從Graphy平台收到的金額。

六、影響

在將近兩月的上線後，儀錶盤顯示了值得注意的指標：

我覺得我們還可以做更多的事情，來使分析儀錶盤體驗更加直觀和信息豐富。這個想法不僅僅是為了展示數據，而且是為了幫助創作者從中獲得認識和見解。我們還可以通過幫助創作者將這些見解轉化為可操作的行為，讓體驗更上一層樓，幫助他們改變指標。

其中一個想法是，我們可以展示創作者旅程中的里程碑。假設一個創作者已經獲得了一定數量的關注者，當他們登錄時，我們可以用五彩紙屑動畫進行慶祝，並提供有關他們的里程碑的更多詳細信息。打個比方，到達這個裡程碑需要多長時間，這是轉折點、高光時刻等。

另一個想法是，我們可以顯示表現最好的直播以及有關它們的更多詳細信息，例如直播期間提出了多少問題、反應時間戳、參與度、峰值觀看次數等。這可以幫助創作者了解哪些內容可以表現更好以及原因。

思考：從設計師Zainab身上我們可以學習到什麼 1. 用戶體驗五要素體現得淋漓盡致

戰略層和範圍層要求我們分析項目的背景和目標。Zainab拿到項目時，對內容平台項目背景進行了簡單分析，然後制定了目標，確定了衡量模型的指標。

Zainab對舊的設計稿進行了梳理，確定了一些列創作者旅程中的數據指標。

對儀錶盤設計而言，她並沒有被一些列數據指標所迷惑，而是堅定地制定儀錶盤應該有的體驗規則。

2. 正確地使用設計方法讓工作事半功倍

使用競品分析得出數據展示的技巧和信息層級的劃分；使用頭腦風暴，儘可能多的獲取設計靈感和方案。

3. 設計細節上的強化和理論學習支撐

數據篩選時間維度的制定，設計師參考了競品、行業基本規則等；

數據可視化顏色的測試，設計師通過色盲模擬器，避免顏色的顯示問題，非常嚴謹；

數據圖表類型的選擇，單線和多線的處理，可見與不可見的處理，設計師從體驗上做了很多的考慮。

默認值的設定，也是讀了一定的設計文章作為理論支撐。

4. 數據跟蹤

設計師在上線兩個月後對數據進行跟蹤，從中得出跟多的思路和經驗。

5. 復盤

設計師對項目進行了總結，同時也對項目的未來版本做了一點的思路分析。對未來的設計值得我們學習，只有深入參與了、分析了、總結了，我們才更加知道用戶的偏好。

6. 價值證明

這個跟國內的設計環境不一樣，國外設計師比較在意和重視項目負責人或者設計總監對她的認可，這樣在一定程度上給她樹立信心，促進成長。

原文作者：Zainab Delawala（本文翻譯已獲得作者的正式授權）；譯者：阿琦Aqi

原文：https://uxplanet.org/enabling-creators-to-track-their-content-creation-journey-on-graphy-a-product-design-case-study-d331b616dbf1

本文由 @阿琦Aqi 翻譯發布於人人都是產品經理，未經許可，禁止轉載

題圖來自 Unsplash，基於 CC0 協議