第三章 研究方法
第四節 遊戲化專案管理工具設計
3.4.2 系統設計與實作
國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
3.4.2 系統設計與實作
本研究以簡潔且具備大部分專案管理功能之工具 Trello 為主要實驗工具，而 新的遊戲化專案管理工具 GT，則是將設計之遊戲元素透過 Chrome 瀏覽器的擴 充功能，直接加在 Trello 電腦網頁畫面中。
(一) 技術剖析
線上專案管理工具 Trello 具備上一章節分析之功能，另外，其主要有四個組 成要素：board、card、list 與 member。一個 board 即是一個專案，一張 card 可以 表示一個任務或一個活動，會放在一個 list 中；list 則作為資訊的類別或狀態群 組。使用者可以在一個 board 中自由建立多個 card 和 list，如：”To Do list”中有 數個待處理的 cards 表示待處理任務，若完成某任務，直接將該任務 card 移動 至”Done list”表示完成。工具畫面如下圖：
圖 3-3 Trello 畫面
資料來源：Trello(https://trello.com/)
Trello 官網(https://trello.com/docs/)有 Board、List、Card 和 Member 之 API 提 供開發者使用。本研究透過 Trello API 擷取專案成員資料為其建立個人狀態資訊，
顯示積分和徽章的成就狀態，如圖 3-4。而滑鼠移動至徽章上方靜止兩秒可以看
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
見解開該徽章的成就條件，如圖 3-5。
圖 3-4 GT 積分畫面
資料來源：GT(https://trello.com/b/d5qHlmxv/g06-1-gb)
圖 3-5 GT 徽章成就條件
資料來源：GT(https://trello.com/b/d5qHlmxv/g06-1-gb)
而透過 API 擷取任務資訊(List、Card 狀態)並設計積分機制，使用者解完一 個任務則獲得積分，累計積分再解成就獲得徽章，畫面會跳出通知，如圖 3-6。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 3-6 GT 解開成就畫面
資料來源：GT(https://trello.com/b/d5qHlmxv/g06-1-gb)
最後，於管理工具畫面右下方放上及時更新之排行榜，讓使用者看見彼此積 分狀態以製造競爭感，如圖 3-7。
圖 3-7 GT 排行榜畫面
資料來源：GT(https://trello.com/b/d5qHlmxv/g06-1-gb)
以上遊戲化元素操作設計於 Chrome 瀏覽器中，將遊戲元素模組建立在 Chrome 擴充功能的插件，以提供受測者於實驗任務中使用。當實驗組需使用遊 戲化專案管理工具時，便在 Chrome 瀏覽器中使用 Trello 並打開插件，則能夠操 作或與遊戲化機制互動。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
(二) GT 遊戲化機制
本研究為規劃類型之旅遊規劃專案和發想類型之腦力激盪專案各設計不同 的遊戲化機制內容以符合該類型專案之特性，遊戲化機制設計如下：(GT 畫面呈 現：旅遊規劃專案如圖 3-8、3-9；腦力激盪專案如圖 3-10、3-11)
1 旅遊規劃專案之遊戲化機制 積分：
是由成員蒐集的卡片任務數量決定積分，一張卡片是 5 分。
解決一張卡片，放入 Done 列表中，可以再加 10 分。
徽章：
積分到達 10 分，解開成就 A1。
積分到達 30 分，解開成就 A2。
積分到達 40 分，解開成就 A3。
積分到達 60 分，解開成就 A4。
完成 1 個任務，解開成就 B1。
完成 3 個任務，解開成就 B2。
完成 4 個任務，解開成就 B3。
完成 6 個任務，解開成就 B4。
圖 3-8 GT 旅遊規劃專案畫面
資料來源：GT(https://trello.com/b/dCnlk3LZ/g13-2-gt)
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 3-9 GT 旅遊規劃專案之遊戲化機制介面 資料來源：GT(https://trello.com/b/dCnlk3LZ/g13-2-gt) 2 腦力激盪專案之遊戲化機制
積分：
是由成員提案發想的卡片數量決定積分，每張卡片是 10 分。若發想時 間結束，團隊成員互相討論整理後卡片因為提案重複而被移動至「已重複的」
清單中，則該卡片剩下 3 分。
徽章：
積分到達 10 分，解開成就 A1。
積分到達 20 分，解開成就 A2。
積分到達 30 分，解開成就 A3。
積分到達 50 分，解開成就 A4。
積分到達 70 分，解開成就 B1。
積分到達 90 分，解開成就 B2。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
積分到達 110 分，解開成就 B3。
積分到達 150 分，解開成就 B4。
圖 3-10 GT 腦力激盪專案畫面
資料來源：GT(https://trello.com/b/d5qHlmxv/g06-1-gb)
圖 3-11 GT 腦力激盪專案之遊戲化機制介面 資料來源：GT(https://trello.com/b/d5qHlmxv/g06-1-gb)