W1｜什麼是人因工學？原來你每天都在用
課程導入（10分鐘）
一開始先用輕鬆口吻問學生：「你有沒有在生活中遇過什麼超難用、讓你抓狂的東西？」像是打不開的包裝袋、手機按鍵太小、或是電腦常常誤觸關閉視窗。接著說明：這些不方便，背後其實就是『人因工學』沒有做好。
人因工學的定義與範疇（15分鐘）
人因工學（Human Factors / Ergonomics）主要研究人類與環境、機器、工具的互動，目標是讓使用更安全、更舒適、更有效率。
可以用三個面向來解釋：
1. 身體面：例如椅子桌子的高度是否合適。
2. 感官面：字體大小、螢幕對比是否讓眼睛舒服。
3. 認知面：資訊呈現是否清楚，能不能快速理解。
案例分析（25分鐘）
案例一：iPhone 鬧鐘介面
問學生：你們有沒有按過 iPhone 的『貪睡』？是不是超容易按到？
這就是人因工學的設計。因為大多數人起床都迷迷糊糊，設計師把『貪睡』設計成大面積按鈕，讓你不用看清楚也能按到，這是順應人類行為的例子。
案例二：麥當勞自助點餐機
自助點餐機的字體和按鈕大小，考慮到老人、小孩、不同身高的使用者。如果字太小，老人看不清楚；按鈕太擠，手指容易按錯。所以你會發現，點餐機上的字體很大、按鈕間隔夠寬。這就是把『人體尺寸』與『感官需求』考慮進去的設計。
案例三：電影《鋼鐵人》HUD 介面
在鋼鐵人的頭盔裡，你會看到很多浮動的數據與地圖。這些其實就是『人機介面』的延伸設計案例。設計師參考了飛機駕駛艙的抬頭顯示器（HUD），把複雜的資訊整理好，放在鋼鐵人眼前。這樣可以快速判斷狀況，不需要轉頭看其他螢幕。
課堂活動（10分鐘）
請同學分組討論：你曾經遇過『最爛的使用體驗』是什麼？
可能是難用的APP、超難開的飲料瓶、或是遊戲介面很糟糕。
然後每組派一位代表分享，老師最後再點評，並且連回人因工學的觀念：『設計應該順應人的習慣，而不是逼人去遷就設計。』
課程小結（5分鐘）
今天認識了人因工學的基本概念，透過 iPhone 鬧鐘、麥當勞點餐機、鋼鐵人HUD 三個例子，看到設計如何影響我們的日常生活。
請大家記住一句話：『好的設計，應該讓人不用思考就能自然使用。』
案例圖片與影片連結（W1）
案例一：iPhone 鬧鐘介面（貪睡 Snooze）
．Apple 官方使用說明（含 Snooze 說明）：https://support.apple.com/guide/iphone/change-your-wake-up-alarm-iphf2a780f81/ios
．Apple 官方教學（Set/Change Alarms）：https://support.apple.com/en-euro/118444
．YouTube｜如何關閉 Snooze（教學）：
．YouTube｜Snooze 為什麼是 9 分鐘？
．YouTube｜iOS 自訂 Snooze 時長（新版本）：
．設計觀點案例文（Medium）：https://medium.com/design-bootcamp/weird-ux-iphone-alarm-and-timer-apps-34062105e0f4
案例二：麥當勞自助點餐機（字體／按鈕大小）
．McDonald's 官方新聞（未來體驗 EOTF）：https://corporate.mcdonalds.com/corpmcd/our-stories/article/future_restaurants.html
．McDonald's 官方介紹（總部餐廳含自助點餐機）：https://corporate.mcdonalds.com/corpmcd/our-stories/article/new_global_hq.html
．YouTube｜自助點餐機示範（官方／地區版）：
．YouTube｜如何在麥當勞點餐機點餐（示範）：
．YouTube｜2025 年版操作流程（示範）：
．UX 案例研究（文章）：https://uxdesign.cc/mcdonalds-kiosk-ordering-system-ui-ux-case-study-fe7b3693f12c
．Getty 圖庫（自助點餐機照片）：https://www.gettyimages.com/photos/mcdonalds-kiosk
．Shutterstock 圖庫（自助點餐機照片）：https://www.shutterstock.com/search/mcdonalds-self-order-kiosk
案例三：電影《鋼鐵人》HUD 介面
．Cantina Creative｜Iron Man 3 HUD 製作文章：https://www.maxon.net/en/article/cantina-creative-gives-iron-man-3-a-heads-up-with-maxon-cinema-4d
．YouTube｜Cantina Creative VFX / HUD 分解短片：
．UI/科幻介面分析（Scifiinterfaces）：https://scifiinterfaces.com/2015/07/01/iron-man-hud-a-breakdown/
．設計師訪談（Jayse Hansen）：https://thenextweb.com/news/jayse-hansen-on-creating-tools-the-avengers-use-to-fight-evil-touch-interfaces-and-project-glass
．Behance｜HUD 視覺拆解示例：https://www.behance.net/gallery/47260805/Iron-Man-HUD-breakdown
課程導入（10分鐘）
一開始先用輕鬆口吻問學生：「你有沒有在生活中遇過什麼超難用、讓你抓狂的東西？」像是打不開的包裝袋、手機按鍵太小、或是電腦常常誤觸關閉視窗。接著說明：這些不方便，背後其實就是『人因工學』沒有做好。
人因工學的定義與範疇（15分鐘）
人因工學（Human Factors / Ergonomics）主要研究人類與環境、機器、工具的互動，目標是讓使用更安全、更舒適、更有效率。
可以用三個面向來解釋：
1. 身體面：例如椅子桌子的高度是否合適。
2. 感官面：字體大小、螢幕對比是否讓眼睛舒服。
3. 認知面：資訊呈現是否清楚，能不能快速理解。
案例分析（25分鐘）
案例一：iPhone 鬧鐘介面
問學生：你們有沒有按過 iPhone 的『貪睡』？是不是超容易按到？
這就是人因工學的設計。因為大多數人起床都迷迷糊糊，設計師把『貪睡』設計成大面積按鈕，讓你不用看清楚也能按到，這是順應人類行為的例子。
案例二：麥當勞自助點餐機
自助點餐機的字體和按鈕大小，考慮到老人、小孩、不同身高的使用者。如果字太小，老人看不清楚；按鈕太擠，手指容易按錯。所以你會發現，點餐機上的字體很大、按鈕間隔夠寬。這就是把『人體尺寸』與『感官需求』考慮進去的設計。
案例三：電影《鋼鐵人》HUD 介面
在鋼鐵人的頭盔裡，你會看到很多浮動的數據與地圖。這些其實就是『人機介面』的延伸設計案例。設計師參考了飛機駕駛艙的抬頭顯示器（HUD），把複雜的資訊整理好，放在鋼鐵人眼前。這樣可以快速判斷狀況，不需要轉頭看其他螢幕。
課堂活動（10分鐘）
請同學分組討論：你曾經遇過『最爛的使用體驗』是什麼？
可能是難用的APP、超難開的飲料瓶、或是遊戲介面很糟糕。
然後每組派一位代表分享，老師最後再點評，並且連回人因工學的觀念：『設計應該順應人的習慣，而不是逼人去遷就設計。』
課程小結（5分鐘）
今天認識了人因工學的基本概念，透過 iPhone 鬧鐘、麥當勞點餐機、鋼鐵人HUD 三個例子，看到設計如何影響我們的日常生活。
請大家記住一句話：『好的設計，應該讓人不用思考就能自然使用。』
案例圖片與影片連結（W1）
案例一：iPhone 鬧鐘介面（貪睡 Snooze）
．Apple 官方使用說明（含 Snooze 說明）：https://support.apple.com/guide/iphone/change-your-wake-up-alarm-iphf2a780f81/ios
．Apple 官方教學（Set/Change Alarms）：https://support.apple.com/en-euro/118444
．YouTube｜如何關閉 Snooze（教學）：
．YouTube｜Snooze 為什麼是 9 分鐘？
．YouTube｜iOS 自訂 Snooze 時長（新版本）：
．設計觀點案例文（Medium）：https://medium.com/design-bootcamp/weird-ux-iphone-alarm-and-timer-apps-34062105e0f4
案例二：麥當勞自助點餐機（字體／按鈕大小）
．McDonald's 官方新聞（未來體驗 EOTF）：https://corporate.mcdonalds.com/corpmcd/our-stories/article/future_restaurants.html
．McDonald's 官方介紹（總部餐廳含自助點餐機）：https://corporate.mcdonalds.com/corpmcd/our-stories/article/new_global_hq.html
．YouTube｜自助點餐機示範（官方／地區版）：
．YouTube｜如何在麥當勞點餐機點餐（示範）：
．YouTube｜2025 年版操作流程（示範）：
．UX 案例研究（文章）：https://uxdesign.cc/mcdonalds-kiosk-ordering-system-ui-ux-case-study-fe7b3693f12c
．Getty 圖庫（自助點餐機照片）：https://www.gettyimages.com/photos/mcdonalds-kiosk
．Shutterstock 圖庫（自助點餐機照片）：https://www.shutterstock.com/search/mcdonalds-self-order-kiosk
案例三：電影《鋼鐵人》HUD 介面
．Cantina Creative｜Iron Man 3 HUD 製作文章：https://www.maxon.net/en/article/cantina-creative-gives-iron-man-3-a-heads-up-with-maxon-cinema-4d
．YouTube｜Cantina Creative VFX / HUD 分解短片：
．UI/科幻介面分析（Scifiinterfaces）：https://scifiinterfaces.com/2015/07/01/iron-man-hud-a-breakdown/
．設計師訪談（Jayse Hansen）：https://thenextweb.com/news/jayse-hansen-on-creating-tools-the-avengers-use-to-fight-evil-touch-interfaces-and-project-glass
．Behance｜HUD 視覺拆解示例：https://www.behance.net/gallery/47260805/Iron-Man-HUD-breakdown
- Teacher: 呂學銘 shermanlu