讀後感：UI/UX哪裡不同？白話文一次搞懂UX/UI

每周一篇文章的讀書會心得報告摘要與筆記，主要段落分成：

1. 為什麼選這篇文章分享?
2. 作者為什麼要寫這篇文章?
3. 內容重點
4. 心得

原文網址：UI/UX哪裡不同？白話文一次搞懂UX/UI

Photo Credits

為什麼分享這篇文章？

• 資訊軟體業常聽到的名詞UI/UX，透過本篇文章對UI/UX有粗略了解
• 新概念的啟蒙

作者想表達甚麼？

• 何謂UI/UX?

UX：使用者體驗 User Experience

UI：使用者介面 User Interface

• UI/UX兩者關聯
• UX、UI 設計師職能差異

重點內容

截至原文表格

• UI 是馬鞍、拴繩；UX 則是騎馬奔馳的感受
• 有 UI 沒 UX：就像畫家不經思考就隨意潑墨到畫布上，沒人看得懂
• 有 UX 沒 UI：就像雕像有了雛形，卻沒塗上混凝土

UX：使用者體驗 User Experience

• User Experience（UX）
• 一詞出現於 1990 年代，由尼爾森諾曼公司發明
• 指的是使用者和一間公司「全面的互動體驗」（包括產品和服務）
• UX 不僅限於數位產品

車子、街燈、刮鬍刀等都應該重視使用者體驗，才能不斷改善產品，端出更好的內容。

UI：使用者介面 User Interface

• User Interface（UI）
• 是 UX 的其中一環
• 聚焦於視覺層面，透過美化設計加強產品質感
• 做 UI 非常重視設計美感

網站和 App 的按鈕、打字系統、整體配色都是重點

• 如何做好視覺引導

讓用戶使用產品時不會產生疑惑，能夠「一看就懂」

UX 和 UI 如何影響彼此？

• 開發一款還沒人做過、可以解決許多人困擾的 App
• 一開始先找 UX 設計師

1. 替你做市場調查，了解用戶的困擾後
2. 再開始規劃一連串使用者行為
3. 最終期望的使用者體驗。

• App 做出來後，卻發現用戶在使用時

1. 覺得介面上的字體非常不易閱讀、按鈕距離太近、很容易按錯等…

• 好的 UI 設計就像蛋糕上的草莓，畫龍點睛

UX、UI 設計師職能大不同

截至原文表格

個人心得

• 使用者體驗(UX)很像傳統強調人體工學的延伸

只是人體工學強調產品對於人類使用上的舒適性，但沒有考量到「服務面」

• 使用者體驗針對市場調查、用戶行為分析，與行銷、產品企劃有異曲同工之妙
• UI使用者介面就像人機互動的探討
• 以機車角度來看

UX：騎乘奔馳感受、騎乘舒適度等

UI：油門、煞車把手、燈具開關、喇叭、飛旋踏板、啟動開關、儀表顯示圖示…

• 以網站的角度來看

UX：開啟速度、頁面風格、功能便利性等

UI：文字/圖面設計、功能連結互動