背景與動機
速食店與餐飲門市普及的自助點餐機,常因滿版促銷彈窗、倒數計時與複雜階層,讓高齡長輩陷入「怕按錯、怕後面人等」的數位排擠焦慮。參考國際無障礙與高齡通用設計指引,運用 Figma 打造一套具備「單純線性動線」、「防呆撤回機制」與「軟硬體動態提示」的高保真點餐機原型,並透過實體平板進行放聲思考可用性測試。
為什麼是現在
隨著台灣邁入超高齡社會,越來越多長輩在餐廳與賣場必須面對自助點餐機。本專案將日常隨手畫介面升級為「人機互動(HCI)、通用設計與易用性工程實務」,帶你掌握放聲思考法(Think-Aloud Protocol)、高齡者人因認知特徵與 Figma 互動原型搭建,產出極具社會同理心與產品設計說服力的 UX 作品集。
目標
針對高齡者餐飲點餐場景,完成一套符合無障礙規範之 Figma Kiosk 觸控介面原型,邀請 2–3 位長輩進行結構化「放聲思考可用性測試」,產出一份涵蓋點擊熱區、認知卡點與設計規範之 UX 改善報告。
成果產出
成果 01高齡友善自助點餐機 Figma 互動原型(含單線點餐、防呆修改與硬體位置引導動態)互動原型 (Figma)
成果 02Kiosk 易用性走查與高齡無障礙設計規範報告(含卡點時長統計、放聲思考語錄與改版對照)UX 研究報告 (PDF / Canva)
執行期程
- 第 1 週實地觀察速食店或賣場 Kiosk 之常見操作卡點(如:加購彈窗干擾、字體對比不足、結帳無硬體對應),研讀高齡者人因介面準則(點擊熱區至少 44px(WCAG 2.2 加強級)、高對比、語意清晰),梳理出「單一主線點餐流程圖」。完成標準確立 3 大核心認知障礙、定義點餐任務路徑與線框圖(Wireframe)草稿。佐證資料現況痛點筆記、Kiosk 任務流程圖與手繪版型草稿。
- 第 2 週使用 Figma 搭建 1:1 直立式觸控點餐原型:設置醒目「返回與修改」按鈕、去除非必要升級促銷、建立進度引導條,並於結帳畫面繪製對應「實體刷卡機/出票口」之動態視覺提示。完成標準完成 Figma 高保真可互動點餐原型,支援平板全螢幕沉浸式操作。佐證資料Figma 專案連結、元件庫架構截圖與互動動態錄影。
- 第 3 週使用平板電腦模擬 Kiosk 機台,邀請 2–3 位成年長輩進行「放聲思考(Think-Aloud)」可用性測試;記錄點擊猶豫時間、誤觸次數與困惑表情,嚴格遵守不催促、不代為操作之觀察倫理。完成標準完成長輩實體操作測試,產出客觀操作障礙日誌與去識別化訪談手記。佐證資料去識別化測試照片(僅拍攝手部與螢幕)、操作時間統計表與長輩原話回饋筆記。
- 第 4 週歸納測試中的關鍵摩擦點(如:圖片太大忽略文字、結帳按鈕不夠直覺),於 Figma 執行第 2 版微調對照,使用 Canva 整合產出「高齡友善公共 Kiosk 介面設計規範手冊」並完成專案複盤。完成標準完成介面修訂對照、設計規範手冊輸出與小組專案展示總結。佐證資料修改前後對比展板、完整 UX 研究報告(PDF)與專案展示總結。
需要的佐證資料
- 點餐任務流程圖與高齡人因介面規格清單。
- Figma 高保真可互動原型檔案(可全螢幕操作展示)。
- 可用性測試量化數據(任務耗時、卡點步數)與長輩訪談手記。
- 高齡友善 Kiosk 設計規範手冊與改版對照展板(PDF/Canva)。
核心實作技能
使用者研究互動設計可用性測試Figma
建議具備的基礎技能
Figma 基礎操作(Auto Layout、Component、基本 Prototype 轉場)耐心的跨世代溝通態度與使用者觀察同理心
特別適合這樣的你
對 UI/UX 設計、人機互動(HCI)、無障礙設計(Accessibility)、高齡福祉(Age-Tech)、服務科技感興趣的 2–3 人團隊。
建議規模與分工
AI 草擬 · 已人工審閱建議人數2–3 人每人每週投入4 小時
2–3 人小組最能發揮易用性測試效益:一人負責 Figma 介面設計與元件庫搭建,一人擔任測試引導員(以平靜語言說明任務並營造無壓氛圍),一人專注記錄長輩點擊停頓秒數與手部微動作。
| 成員 | 角色 | 負責的事 |
|---|---|---|
| A | 互動設計與 Figma 原型師 | 負責 Kiosk 介面視覺設計、無障礙元件庫建置、Figma 互動動態串接與修訂對照製作。 |
| B | 使用者研究與測試主持 | 負責測試腳本撰寫、長輩招募與知情同意、主持放聲思考測試、營造安全無壓氛圍。 |
| C | 人因分析與規範整理選填 | 負責記錄操作卡點與秒數、整合量化數據、撰寫 Kiosk 無障礙設計規範展板。 |
人數與分工可於建立時調整
執行條件
地區與建議使用語言
- 地區
- 國家/地區:台灣
- 主要建議語言
- 繁體中文
- 其他建議語言
- 語言使用說明
- 以繁體中文撰寫;介面文字採白話、直覺之生活用語(如「點這個」、「改數量」、「回去重選」),避免生硬術語。
建議語言非參與條件
- 語言與資料獲取
- 自願參與測試之 2–3 位成年長輩(如親友或社區志工),徵得測試知情同意,可隨時中止終止。
- 實施邊界
- 為介面易用性與人因工程概念原型,不涉及真實金流串接、硬體機台代碼開發或單一廠商之商譽論斷。
- 場域/資料權限
- 安靜、採光良好之室內環境(如客廳、學校討論室),平穩放置平板進行模擬測試。
- 預估費用
- 約 NT$ 0–300(全數使用免費 Figma 帳號與既有平板設備;若有長輩茶點小謝禮另計)
- 工具設備
- Figma、平板電腦(iPad 或 Android 平板)、計時器、Canva、Google 試算表。
不在範圍內
- 不涉及真實信用卡刷卡、Line Pay 等任何實際扣款金流行為
- 不要求長輩輸入身分證字號或會員個人帳密等隱私資訊
- 不因測試結果對長輩個人數位認知能力做出負面能力評判
參考資料
- 과학기술정보통신부,2024년 디지털 정보격차·웹 접근성· 스마트폰 과의존 실태조사 결과 발표,2025,https://www.korea.kr/briefing/pressReleaseView.do?newsId=156681128
- W3C,Web Content Accessibility Guidelines (WCAG) 2.2,2023,https://www.w3.org/TR/WCAG22/
準備好開始了嗎?目標、範圍、期程、分工都可以在下一步進行調整
從這個靈感開始