互動設計

學 UI 設計最怕什麼？
改了半天還是不對勁、看高手作品卻無從下手？
別擔心！這篇文章教你 4 個實用方法，讓你的 UI 設計不再卡關！

Apple 去年 6 月出了 Vision Pro，讓擴增實境這項技術瞬間又火紅起來。

我找到個非常簡單的擴增實境作法，簡單易上手、成品又酷又炫！

常常有人問我：「自己一個人要怎麼練習畫 Wireframe？」「要怎麼知道自己畫的 Wireframe 對不對？」

前面一個問題我還能分享心得供參考，所以寫了這篇文。後一個問題很難回答，大概就像：要怎麼知道公司的商業策略正不正確。

考量到視覺設計相關科系在學校極少會教到使用者的「行為」，所以本週課程打算講分析工作角色、工作任務、層級工作分析法，讓學生知道「使用者」、「任務」、「行為」是三個很大很深的坑。

這學期我在大學兼了 2 學分的選修課，說是設計系大三生的 UI 課，實際上有一半在講使用者經驗研究。沒有講使用者經驗就教學生直接動手畫 UI…我相信視覺設計是他們的強項，不需要我來錦上添花，所以這次準備的課程內容大都在訓練他們的「邏輯」。

「綠茶大杯、小杯，圖片要不同？」
這不只是工程問題，而是 UX 設計的核心思考——

不同使用者角色，需求真的一樣嗎？

「微互動該怎麼開發？」
細節到位才能讓 UI 更順暢，但書上沒教怎麼落地實作！
這篇帶你從設計到開發，完整拆解流程。

我去歐洲玩了 14 天，英國倫敦 > 比利時布魯賽爾 > 荷蘭鹿特丹、阿姆斯特丹，跑了很多粉絲向的展覽、景點、博物館等等。Star Wars Identities The Exhibition 是我第一個想和大家分享的特展，非常有趣好玩的互動式展覽。

（本文圖非常多，完全粉絲向，夾雜我錄的互動影片，請注意流量。）

設計 UI 時，該先畫 Wireframe，還是先研究使用者操作？
順序錯了就會陷入無限補圖地獄，這篇告訴你正確思考方式！

想學 UI/UX，但補習班一堆，選錯只會浪費時間和錢！
這篇告訴你該怎麼判斷課程內容，確保學到真正有用的東西！

UI 和 UX 傻傻分不清？其實 UI 只是 UX 的一部分！
這篇用 Dan Saffer 的模型，帶你拆解 UI/UX 設計的實際職責劃分！