賽事管理後臺

優化賽事管理與操作流暢性,提升賽事辦理體驗

封面圖
專案背景

團隊成員

專案經理 -1 位
UI 設計師 -2 位
後端工程師 -1 位

參與項目

需求訪談、UI 介面設計、切版、工程交付

時間

2024.03 — 2024.06(四個月)

專案背景

VEX 教育型機器人系列賽事是世界最大規模的機器人比賽,參與年齡跨及小學至大學,並在全世界 60 多個國家有超過 24000 支賽隊持續參與,曾經在 2018 年獲得金氏世界紀錄。
臺灣負責推動與舉辦賽事的中華資訊與科技教育學會,因應逐年增加的報名賽隊,在 2022 年開發賽隊報名系統,我也參與其中。歷經兩年完整的系列賽事,主辦方提出改版優化的需求。

VEX TAIWAN OPEN 官網

成果亮點

提高主辦方籌辦與維護賽事的量能,報名賽隊數上升 83%

主辦方在新的賽季成功舉辦了 13 場系列賽事,總共受理 374 場報名次數。系統的優化提高主辦方籌辦與維護賽事的量能,同時獲得他們正面的回饋。

2018-2024 賽隊成長率:

hightlight
箭頭

” 謝謝妳那時耐心地一個個調整系統, 讓系統使用起來比 1.0 上手多了


需求訪談

了解使用者

透過需求訪談了解使用經驗,以需求矩陣梳理關鍵需求與痛點

與主辦方的窗口,同時也是系統的主要使用者進行實體訪談,探索這兩年實際的使用經驗,瞭解改版需求。
我們想透過訪談了解以下議題:

  • 有哪些尚未被滿足的需求?

  • 現有的使用流程是否順暢?

  • 現有的功能是否與使用場景相符?

並針對每一個需求,再具體了解以下細節,確保真正掌握需求與影響範圍:

了解問題發生的情境
牽涉到哪些利害關係人
定義問題
衡量問題的優先級

透過使用者旅程圖整理使用者遇到的痛點,了解需求發生的情境與對應的行為:

journalMap

面對有限的開發時間,透過需求矩陣協助團隊定義開發的優先順序:

有效性:如果沒有處理好,會沒辦法達成目標 。
效率:如果沒有處理好,達到目標的過程會很麻煩。
滿意度:如果沒有達成,有部分的人會不開心,但不影響效率或⽬標達成。

journalMap
需求矩陣箭頭
定義問題

主要痛點

從痛點觀察到賽事特性,了解使用者最在乎的是資料正確性與參賽資格的彈性

透過需求矩陣整理出「有效性最高」與「影響範圍最廣」的痛點,視為此專案優先解決的三大需求:

  • 即使報名截止,我還是希望可以開放給某些忘記報名的賽隊報名。

  • 我希望不論是審核通過還是賽事結束,都可以修改參賽者資料。

  • 我希望再退回賽隊報名資料時,可以決定哪些資料不要再被修改。

關鍵洞察

每年的 VEX 賽季是由一系列賽事所組成, 且積分達標的隊伍會代表臺灣到美國參加決賽, 因此資料的正確性以及最大化保留參賽資格是需求方最重視的。

專案範圍

確立專案範圍

將使用者的需求歸類,並提出修改方法,訂定此專案的主要任務

專案範圍

設計挑戰

如何在各階段保留報名資格與資料修改的彈性,
同時維持系統資料與操作流程的穩定?

專案範圍

專案成果

任務 1
審核流程的優化

設計決策 1

前台會員註冊改成信箱自動認證,報名流程不中斷

前台會員的註冊動機是為了要「報名賽事」,舊版的人工審核會讓報名流程中斷。而管理者在乎的是「信箱正確」即可。因此改成開通信箱認證後即審核通過。讓前台會員可以一次完成註冊與報名,減去約 24 小時的等候時間。

專案成果

設計決策 2

鎖定正確隊員資料後再退回,避免重複審核

鎖定的資料不能再編輯,解決管理者一再審核重複資料的痛點,也讓報名者更快速分辨正確與待修改的欄位。

專案成果

設計決策 3

優化搜尋功能,更精準更快的取得資料

面對龐大報名資料,搜尋功能成為關鍵功能。在實際了解使用情境與行為模式後,提出功能優化:

  1. 調整欄位順序,把必填的欄位放在最上面
  2. 必填欄位給予最常使用的預設值,減少使用者操作錯誤的機率
  3. 給予更清晰的過濾條件,精確找尋資料
專案成果

任務 2
在任何階段保留資料修改的彈性

設計決策

管理者可依據不同情境進行資料修改

報名未截止:更改審核結果,退回資料給報名者重新修正。

專案成果

報名已截止:避免流程混亂與其他報名者誤報,由管理者從後台進行修改。

專案成果

任務 3
系統生成參賽證書與獎狀

設計決策

使用 makepdf.js 套件,管理者可設定內容與字級等,最後一鍵生成參賽證書與獎狀。

同時我們考量到極限狀態,測試在最多字數、中英混雜的情境下不會跑版。

團隊影響力

團隊影響力

運用視覺化能力與團隊夥伴溝通,在迭代流程發揮設計影響力

靈活運用設計工具與方法來解決問題

此專案花較多時間在用戶需求與技術可行性間達成共識,我直接在白板上繪製流程與 Wireframe,打破公司慣例,但有效改善溝通並縮短開發時間。

協助專案經理進行設計品管

主動參與設計品管,確認工程師開發完的系統介面與設計稿一致。

採用設計系統

與合作的設計師共同開發設計系統,達成前後台風格一致的介面。