Delta Controls 資源內聯網:The Source 2.0 —— 克服導航困難與搜尋失效問題

The Source 2.0 內聯網重新設計動畫導覽,展示主頁、導航及搜尋功能
角色:
  • 研究
  • 設計
  • 開發
團隊:
  • 市場推廣總監
  • 平面設計師(負責橫幅設計)
  • 後端開發人員
時間:
  • 策劃與研究:7 週
  • 構思與設計:5 週
  • 開發與測試:8 週
插畫描繪一雙手捧着發光的數碼書本,四周環繞代表課程、日曆、訊息及連接裝置的圖示網絡
01

總覽

The Source 是一個數碼資料庫,專為 Delta Controls 的合作夥伴及員工提供非技術文件、培訓資料及市場推廣素材。這個項目旨在重建整個平台,帶來更直覺、更流暢的用戶體驗。

02

成效

2-3 次點擊

平均搜尋所需點擊次數

15% ↑

參與度

22.5% ↑

下載轉換率

重新設計後的 Source 2.0 內聯網主頁版面截圖
舊版 Source 內聯網主頁版面截圖
舊版 Source Source 2.0
03

問題

用戶無法有效導航及搜尋。

A. 導航不清晰

用戶平均需要 4 至 6 次點擊才能找到所需文件,浪費大量時間並降低生產力。

B. 搜尋效果不佳

70% 的用戶依賴搜尋功能,但由於 WordPress 預設索引的限制,搜尋結果成效不彰。

C. 分類及版面缺乏條理

標籤組織方式不一致,用戶期望更具邏輯性的內容結構。

螢幕錄影展示用戶瀏覽 The Source 原有文件庫,操作分類、搜尋及篩選工具的過程
04

方案

螢幕錄影展示 The Source 2.0 重新設計的主頁,設有集中導航中心及標題為「Your Go-To Resource Hub」的橫幅

透過集中式資源中心簡化存取流程

建立與公司設計系統一致的清晰導航系統。簡化後的導航將點擊次數減至 3 至 4 次,確保更快找到所需資訊。

螢幕錄影展示 The Source 2.0 的分類卡片及智能搜尋下拉選單,顯示「national account」及「sales and marketing」等標籤建議

智能搜尋提升內容發現效率

The Source 採用統一的智能搜尋功能,可搜尋所有文件、分類及標籤。用戶亦可填寫意見表格,通知市場推廣團隊任何缺漏的內容。

螢幕錄影展示 The Source 2.0 個人化的「最近下載」版塊,顯示文件卡片以便快速存取

現代化、個人化的資源體驗

新版面會顯示每位用戶最近瀏覽及最多下載的文件,方便快速存取。

05

研究

現有用戶全球調查
  • 美國、加拿大、歐洲、亞洲
  • 匿名收集回應
插畫展示一個發光的數碼地球儀,以青色網絡線標示全球各地區,象徵調查的全球覆蓋範圍
跨部門參與者
  • 涵蓋部門:銷售、技術支援、客戶服務
  • 透過電郵發送邀請
用戶意見中常見詞彙組成的文字雲,「search」、「find」、「information」及「content」等字眼顯示得最大最顯眼

43%

使用頻率偏低

近半數用戶每月使用平台少於一次

3/5

滿意度偏低

平均滿意度評分顯示有極大改善空間。

69%

點擊次數過多

用戶需要 4 至 6 次或以上點擊才能找到所需資訊

Andrew Yip 於 Slack 分享調查結果的訊息截圖,包括各部門回應人數,以及有關點擊次數、滿意度及用戶痛點的重點發現
業務拓展經理 James Ferdon 於視像用戶訪談中的截圖,主題為 Source Portal
If people tell you to search a file at the Source, they basically tell you to go Fxxk yourself

James Ferdon, Business Development Manager

銷售總監 Tim Arion 於視像用戶訪談中的截圖,主題為 Source Portal
You need to be really familiar with the platform to understand you can get everything from the Index

Tim Arion, Sales Director

業務拓展經理 Anthony Jakeway 的用戶旅程地圖,展示他在 The Source 上搜尋簡報範本時的各個階段、想法、情緒、痛點及改善機會

透過與實際用戶進行深入訪談,我們找出了他們遇到主要痛點的關鍵位置。

06

構思與設計

重新設計後的 Source 2.0 導航、搜尋及文件流程資訊架構圖
現有 Source 選單結構及導航路徑的資訊架構圖
之前 之後

資訊架構

此資訊架構說明了舊版本無法有效搜尋的原因,以及新版本如何解決此問題。

流程圖展示用戶從登入 Source 主頁、瀏覽資料庫頁面到找到文件的流程,包括訂閱及支援升級路徑

用戶流程

我們不希望用戶在找不到文件時流程就此中斷,因此加入了支援按鈕,讓用戶可直接聯繫市場推廣團隊。

線框圖與原型

我們向市場推廣及銷售團隊展示了此原型,並獲得良好的回饋。

07

總結

應對技術限制與持份者的反對意見

在建立訂閱功能期間,資訊系統(IS)團隊拒絕將合作夥伴資料庫直接連接至通訊渠道。此整合原本旨在訂閱時預先填寫用戶資訊。

我們的解決方案是利用訂閱表格內置的連接工具,並新增一個步驟讓用戶手動輸入資訊。這未必是最理想的用戶體驗,但正正凸顯了在兼顧時間與成本的同時,靈活變通、作出取捨以滿足用戶核心需求的重要性。