實體互動設計：台北捷運自動售票機改善 109588022 林郁翔

1. 實體互動設計
台北捷運自動售票機台改良
109588022 林郁翔

2. 85
退休
捷運站
.
• 更具輔助性質的操作
• 更具辨識性的介面
• 合適的取票位置
• 難以操作的觸控螢幕
• 容易混淆的軟體介面
• 取票口位置不適當
• 一位退休的女士，有時候會出門看醫生保健
• 沒有使用智慧型裝置，對觸控螢幕不太熟悉
• 有老花眼且不太能彎腰
Sabrina
Older Adult
“I think
therefore
I am” Use Machine Experience
• 將介面點選處以閃爍方式加強提醒
• 在螢幕旁配置方向鍵及確定鍵
• 將買票流程介面分層，讓同一時間資訊量減少
• 將取票位置與感應卡位置交換，並做成可傾倒式
• 整個買票流程結束時明顯的提示(例：投錢處閃爍紅燈)
(with Technology)
MRT
ATM

3. https://www.google.com.tw/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&ved=2ahUKEwjw89Sglq3xAhXOy4sBHWxsB-
8QFnoECAUQAw&url=https%3A%2F%2Fjlis.lis.ntu.edu.tw%2Ffiles%2Fjournal%2Fj41-3.pdf&usg=AOvVaw0sbmDwYOuIX91xWEsOoQC6
參考資料

4. 受訪者遇到的問題
(一)螢幕操作
1. 選擇票價與張數時點選按鈕過小可能會按錯。
2. 螢幕反光會讓人看不清
3. 同一個版面呈現太多資訊，會一時找不到要按哪邊。
(二)機台操作
1. 開始操作時沒注意到操作指示就投錢。
2. 取回車票與零錢時，出票口太低且因操作姿勢不易而使零錢
可能滑出掉落，且可能遺留零錢在裡面。
3. 買票完以後，機器並沒有任何指示，就自動跳回初始畫面，
會有以為還沒買到票的疑慮。

5. 整體操作改善方向
視覺：
避免使用反光材質
字體需大於12pt，避免草寫
介面設計應使用簡單圖樣，避免裝飾性動畫和圖片、花俏的背景樣式和跳動的文字，
以免增加高齡者注意力分散
圖示意義越清楚簡單，越能幫助中高齡者便於記憶
聽覺：
用其他感官彌補聽覺退化，如震動回饋
中頻率音高較適合高齡者
語音斷句應有足夠空間且語速適中
語音設計中應採用高齡者熟悉語彙
觸覺：
讓觸覺符號按下去會有震動回饋
凸型的觸覺符號相較凹型更容易辨識
認知能力：
不要讓高齡者一次操作多種任務
設計中應採用高齡者熟悉的標示
介面階層數以不超過三層為佳

9. 介面操作改善方向
視覺：
將圖示以按鈕型觸覺符號設計並加大文字，再依操作順序明確區分主次關係，
簡化同一頁面資訊顯示數量，讓使用者降低操作壓力及出錯機率
認知能力：
使用不同顏色幫助使用者區分操作步驟
保留原本三層式操作步驟及功能，降低重新學習成本

10. 請點選服務項目
購買
單程票
悠遊卡加值
한국어 中文 日本語
한국어 中文 日本語

11. 20 25
55
50
45
30
40
確定
請選擇票價：單程票價(元)
2
2 2
3 2
4 2
5 2
6 2
7 2
8 2
9
請選擇張數（一張免選）
返回
確定

12. 30
未付金額
元NT
請投入現金
硬幣
紙鈔
已購買張數 1
返回

13. 購票成功！歡迎再次使用

14. 機台操作改善方向
營幕操作：
將螢幕內嵌且斜度加大減少反光機會
放入紙鈔與銅板：
使用塊面造型分區貼上圖示與文字
取出車票與零錢：
將出票口設計成可翻轉式讓使用者更易拿出車票與零錢

17. 整體操作流程
1. 觀看捷運圖選擇票價
2. 操作螢幕購票
3. 放入金額
4. 取出車票與零錢