About the author
擅長UX/品牌設計/遊戲化/顧客黏著度,希望透過輕快幽默的筆觸,把品牌創業的各個面向用淺顯易懂的文字,傳達給對創業有興趣的人們,讓讀者能在閱讀過程中吸收知識,提升創業者在這些方面的軟實力,因為喜歡任何有趣的事物,也期許能把各種事業變得有趣、有價值。之前擔任 Fellows 品牌創業平台的 UI/UX設計師、社群編輯


遊戲化的UI/UX設計並不只是將PBL系統:點數(points)、勳章(badges)、排行榜(leaderboards)建置上去就等於遊戲化了,而應該是從背後引發的動機(想帶給人的情緒、感覺、約束、習慣)、機制(挑戰、獎勵設計)到最前端和使用者接觸的組件(文案、圖面設計)都使得遊戲化與功能環環相扣, 讓人們在使用產品時,能夠從中得到樂趣和愉悅感,進而沉浸享受其中,並對產品黏著度提高。
今天就先從八角框架的前三個核心動力,和大家輕鬆分享幾個設計上,從動機、機制,到UI組件都與遊戲化環環相扣的優秀案例吧。
- 重大使命與號召力:《Forest:專注森林》
線上專注、線下種樹—這是一款改掉低頭族習慣的 App,藉由計時、種樹的機制,專注手機外的事情專心工作或讀書,使用手機分心。- 動機:想要專注改掉分心毛病,也想為世界有所貢獻
- 機制:簡單以計時當作專心時間的統計依據,並讓使用者挑選想要的樹種,模擬出在世界某個角落種下一棵樹的真實感。
- 組件:文案用「開始種樹吧!」作為開頭,讓人不會下意識就覺得這是一個要求你專注的軟體,放大了重大使命與號召的感受,將讓人會感到約束的專心這件事痛苦降低,也在畫面顯示小樹的成長狀況,如果不夠專心開始使用手機,小樹就會枯萎,並顯示「你的樹枯萎了」,將行為與遊戲實際的貢獻連結的相當緊密,且有實值的意義。
詳情介紹請看:台灣 App《專注森林》在全球種下 100 萬棵樹,大賺專注力商機也救地球(賴珮萱,20210129,科技報橘)
- 發展與成就:《UBER(司機端)》
PBL成就系統:點數(points)、勳章(badges)、排行榜(leaderboards)最常用來帶給用戶這種核心動力,但如何讓獲取點數和排行榜與遊戲化動機緊密關聯就是一個重要的課題。- 動機:UBER之所以可以零工經濟在近年來盛行,很大的原因除了人們開始養成外送習慣,UBER在遊戲化的設計上也讓司機們感覺樂在工作,
- 機制:在獲得優良評價、累積到一定的趟數時,都可以獲得徽章和點數,其中點數還可用於兌換Uber Eats 夥伴的獨家禮物!且許多不只是常見的電影片或餐券,也有UBER司機專屬的必備工具,像是保溫包、傘具、口罩和行動電源等生財工具組合。
- 組件:完成的單數、賺單收入、上線時間和客戶星級評價,都會在工作的介面上化成一枚枚徽章,都會誘使司機更有動力像在闖關遊戲一樣不斷進階,透過工作來累積這些成就。
詳情可以參考 Uber Eats Pro 禮遇(UBER官網);騎士專屬榮譽徽章寶箱 (UBER部落格,20200603)
- 賦予創造力與回饋:《健身環大冒險》
在Switch上去年的大熱門遊戲,成為許多人疫情下不能去健身房的運動解方。- 動機:運用人們都想運動維持體態、健康,而養成運動習慣是痛苦需要恆心的特點,將運動用遊戲的方式使人沉浸其中。
- 機制:讓你可以自由選擇自己的運動菜單,想練手臂還是腿,腹部或者瑜珈都可以,用你自己的偏好來擊敗怪獸,讓玩家得到自由感。
- 組件:在畫面上時刻提醒你用力的位置以及標準動作,並在介面上給予支持鼓勵,讓你可以更有毅力再堅持一下下,用運動來打敗魔王並充分且正確的運動到肌群。
詳情可參考介紹:3個月體脂肪減7%!Switch「健身環大冒險」紅什麼?怎麼玩最爆汗?結合遊戲、跑步、燃脂動作,全家一起瘦全身!(TCHATA LU, ZELLIE WANG,20210723,COSMOPOLITAN)
綜上所述,要將整個遊戲化融入產品中,必須要從最前端的文案、圖案,運用使用者的行為來設計機制,並將遊戲化的功能與使用者動機結合,才能完美將遊戲化的核心動力讓人引發動機去使用、並黏著在產品上, 讓人在使用產品時,能夠從中得到樂趣和愉悅感,進而沉浸享受其中樂於使用,動機、機制、組件三個要素都缺一不可。
你還有想到哪些遊戲化的產品案例嗎?歡迎留言分享哦!
如需要引用文章,請在發佈內容內駐名本文作者、出處「Fellows創新幸福工作學內容社群」以及附上文章頁面的連結,以避免爭議。
「會員服務及隱私條款」請看:

