資料視覺化設計與儀表板介面設計

Dardo 為網站量身設計並打造資料視覺化,包括儀表板、互動式地圖、資料故事,以及資料量龐大的介面。適合手上握有值得呈現的資料的組織,例如公共證據、研究或營運指標,讓大家能找到真正問題的答案,也能看出每個數字的來源。

透過 WhatsApp 聯絡我們
Dardo/編輯插畫
本頁內容

我們的資料視覺化服務包含哪些內容

每個專案都從畫面必須回答的問題,以及您手上實際擁有的資料出發。依據專案需求,服務範圍包括:

  • 問題與資料集盤點:誰需要做出什麼決策,以及哪些欄位、單位和日期可以作為依據
  • 圖表、表格、地圖與篩選器設計,以易於理解為優先,而非追求新奇
  • 在手機上依然保有原意的響應式探索流程
  • 在介面中、數字旁邊標示資料來源、日期與更新時間
  • 針對空白、缺漏、不完整與錯誤資料所設計的狀態畫面
  • 資料表與文字摘要等無障礙替代呈現方式
  • 前端實作,形式可以是網頁介面、以 Power BI 或 Tableau 建置的儀表板,或是附有完整說明文件的設計交付

該選客製化資料視覺化,還是 Power BI、Tableau 等 BI 工具?

兩種 Dardo 都能做:我們設計並開發客製化的網頁儀表板與視覺化,也能用 Power BI 或 Tableau 建置儀表板。若是使用標準圖表的內部報表,而團隊已經有 Power BI 或 Tableau 的授權,通常直接在這些工具中建置會更合適:設定快速,大家也已經熟悉操作。當對象是公眾或外部人士、視覺化要放在網站或產品中、需要承載您的品牌、故事需要有引導式的流程,或是地圖、互動、版面、無障礙與效能需要嚴格掌控時,客製化網頁介面才值得投入。

許多專案會兩者並用:團隊在 Power BI 或 Tableau 儀表板中工作,再由客製化的網頁介面,為永遠不會打開這些工具的人提供經過整理、附有說明的內容。如果不確定哪一種適合,報價提案會根據使用者、您的資料以及現有的授權,提出建議。如果整個產品除了資料畫面之外還需要 UX 設計,建議從產品設計開始;如果目標是沉浸式 3D 體驗,請參考互動式 3D 網站。

先從問題開始,再看資料

有用的視覺化,始於使用者需要做出的決策。我們會記錄資料來源、日期、單位、地理範圍、轉換方式與缺漏值,並將提供的事實、計算出的數值與介面標籤區分開來,避免日後資料更新時,在無聲無息中改變圖表的意義。

接著,我們會用貼近實際的資料,包括極端值與資料缺口,以草圖比較圖表、地圖、表格與敘事等不同方案。有時可排序的表格比任何圖形都更能回答問題,我們也會直接告訴您。

設計讓人讀得懂的儀表板、地圖與資料故事

儀表板需要有層次:少數幾項附有脈絡的指標、合理的比較方式,以及狀態始終清楚可見的篩選器。地圖應該先讓人確認地點,再進入分析,並在使用者縮放與篩選時,持續顯示期間與資料來源。資料故事則是先引導讀者依序閱讀,再開放自由探索。

在小螢幕上,我們會決定哪些標籤、控制項與比較內容要保留,而不是把一切單純縮小。顏色絕不是傳達意義的唯一方式,鍵盤焦點依循合理的順序,動態效果尊重減少動態的設定,而且當圖表無法操作時,表格或文字替代內容仍能讓資訊維持可用。

實績:Shiimain 與 Janus Observatory

Shiimain 是一個以地點為起點的區域情報介面,包含 La Guajira 的地圖檢視,接著在探索式儀表板中展開背後的證據。這是一個以 Vite 和 React 製作的公開原型,呈現來自公開來源的證據,並讓缺漏的證據一目了然。它是一個已封存的學習型專案,沒有正式環境的後端、身分驗證或寫入操作,也不為底層資料集背書。

Janus Observatory 將一個推測性的研究架構,轉化為瀏覽器中的 3D 之旅,內含收錄十種可能未來的圖集,以及用來比較這些未來的觀測站。背後有 Python 資料管線、來源清單檢查,以及引用與連結驗證。其中的情境屬於探索性質而非預測,兩個專案也都不宣稱有任何經過衡量的參與度、學習成效或採用率。

資料準確性、所有權與維護

上線前,我們會先與您確認資料負責人、更新方式、驗證檢查、空白與錯誤狀態、引用格式,以及舊資料的處理方式。驗收時會使用已知的測試紀錄,並將畫面上顯示的數值與來源的總計比對,避免精美的介面掩蓋了有問題的資料轉換。我們負責驗證自己的轉換流程與畫面上的數值;來源資料的準確性與公開發布的權利,仍歸資料擁有者所有,除非另行約定研究範圍。

哪些因素會影響資料視覺化專案的費用?

費用主要取決於資料:資料來源的數量與狀態、需要多少清理與標準化、視圖與互動的數量、靜態資料或定期更新的資料、是否有地圖或 3D、正式環境工具所需的使用者角色與身分驗證、無障礙替代方案,以及語言數量。諮詢表單的預算區間從 5,000 美元以下到 60,000 美元以上。提供具代表性的資料樣本,是取得可靠估價最快的方式。

Dardo 是位於波哥大、由創辦人親自帶領的三人工作室,以英文和西班牙文作業,工作時間與美國東部和中部時間重疊。

選擇前的常見疑問

資料視覺化工作室做什麼?

我們把資料轉化為人們讀得懂、也能據以行動的視圖:圖表、儀表板、地圖、互動式敘事,以及周邊的介面。工作內容涵蓋要回答的問題、呈現形式、標示、互動、無障礙設計,而在 Dardo 也包含開發,可以是客製網頁介面,或是 Power BI 或 Tableau 的儀表板。這不是資料分析或 BI 系統管理:工作室負責設計資訊的呈現方式,資料本身仍由你的資料負責人負責。

客製儀表板或資料視覺化的費用是多少?

費用主要取決於資料,而不是圖表。幾個乾淨的資料來源搭配靜態視圖,費用會遠低於即時資料、大量互動、地圖和依角色設定權限的需求。我們會在看過具代表性的樣本後,為每個資料介面界定範圍。提案會列出視圖、資料來源、狀態與驗收項目,方便你比較報價。

儀表板和資料視覺化有什麼差別?

儀表板是資料視覺化的一種:由一組指標組成,讓人反覆回來監看某件事,通常附有篩選器。資料視覺化的範圍更廣,包括單次使用的圖表、互動地圖、可探索的資料敘事與報告。設計重點也不同:儀表板需要方便快速掃讀、版面穩定,而資料敘事則需要有引導的順序與脈絡。

開始前需要提供哪些資料?

包含真實欄位與棘手案例的樣本,比等待一份完美的最終匯出檔更有用。我們也需要知道資料來源負責人、欄位定義、單位、更新頻率、目標受眾,以及這個視圖要回答的問題。缺漏的紀錄、奇怪的格式和極端案例,正是設計必須處理的部分,所以請連同這些一起提供,不要先清掉。

互動式圖表和地圖也能做到無障礙嗎?

可以,前提是從一開始就把無障礙設計納入結構、標籤、控制項、色彩與鍵盤操作,並提供能傳達相同資訊的表格或文字替代方案。顏色不能是區分數據系列的唯一方式,焦點要依合理的順序移動,動態效果也要尊重減少動態的設定。合適的測試方式取決於互動內容與受眾,我們會在上線前先議定。

Dardo 會驗證我們的資料是否正確嗎?

我們會驗證自己所做的資料轉換,並使用已知的測試紀錄,將顯示的數值與提供的來源比對。資料在專業內容上的正確性與發布授權,仍由指定的資料負責人負責,除非另行議定研究範圍。介面會在數字旁標示來源與日期,讀者也能自行查證。

儀表板或資料敘事可以提供英文和西班牙文嗎?

可以。我們使用這兩種語言作業,因此標籤、數字與日期格式、單位、註記和文字替代內容都會妥善在地化,而不是最後才翻譯。雙語資料介面需要為較長的西班牙文標籤預留空間,並讓各視圖的術語保持一致,這些我們會從最初的草圖就開始規劃,而不是事後補救。

相關作品與研究

Shiimain 網站,Dardo 的專案實際應用/精選作品Shiimain查看專案

讓資料為決策提供答案

從問題、資料集與更新負責人開始。比較儀表板與資料故事,再測試一個具代表性的視圖,以及它的空白與錯誤狀態。