---

1. 軟件生命周期管理 (Software Life Cycle Management)

解釋：

• 中文： 軟件生命周期管理是指從軟件規劃、設計、開發、測試、部署到后續維護甚至退役的整個過程。
• English: Software Life Cycle Management refers to the systematic process of planning, designing, developing, testing, deploying, and maintaining a software product over its entire lifespan.

---

2. UI 與 UX 基礎概念

講義在早期部分對 UI 與 UX 進行了基本介紹，明確二者之間的區別和聯系。

2.1 用戶界面 (UI – User Interface)

• 中文：
  • 指的是軟件或應用程序的視覺展現部分，包括布局、圖形、顏色、控件和交互元素等。
• English:
  • UI (User Interface) involves the visual elements of a product — the layout, graphics, and interactive components that users directly interact with.

2.2 用戶體驗 (UX – User Experience)

• 中文：
  • 指用戶在使用軟件或應用過程中的整體感受和體驗，包括使用流程、易用性、滿意度與情感體驗。
• English:
  • UX (User Experience) covers the overall experience and satisfaction a user has when interacting with a product, encompassing usability, emotional response, and the overall journey.

---

3. 為什么 UI/UX 重要 (Why UI/UX Matters)

• 中文：
  • 根據講義，88%的用戶在體驗不佳后不會再次使用產品；良好的 UI 可以將轉化率提高200%，而糟糕的 UX 則可能導致用戶流失和信任缺失。
• English:
  • As highlighted in the presentation, 88% of users might not return after a bad experience. A good UI can boost conversion rates by as much as 200%, while poor UX results in lost trust and users.

【參考：citeturn0file0】

---

4. UI/UX 設計原則 (Design Principles for UI/UX)

講義中總結了幾項關鍵的設計原則，這些原則為設計師提供了指導，確保產品易用、美觀且高效。

4.1 主要原則：

• 一致性 (Consistency)

  • 中文： 在整個產品中保持風格、布局和操作的一致性。
  • English: Maintaining a uniform look, feel, and behavior throughout the application.

• 反饋 (Feedback)

  • 中文： 系統應及時對用戶操作給予響應或提示。
  • English: The system should provide immediate and clear feedback on user actions.

• 可見性 (Visibility)

  • 中文： 重要的功能和信息應顯眼并易于發現。
  • English: Essential features and information should be easily visible and accessible.

• 簡單性 (Simplicity)

  • 中文： 避免過于復雜的設計，界面盡量簡潔清晰。
  • English: Keep the design simple and uncluttered to avoid overwhelming the user.

• 可訪問性 (Accessibility)

  • 中文： 確保產品對所有用戶都友好，包括殘障用戶。
  • English: Ensure that the product is accessible to all users, including those with disabilities.

此外，講義還提及了 7 個基本 UI 設計原則（細節可參考 Figma 等資源），這些原則在實際設計中經常用于優化視覺表現和用戶交互。

---

5. 典型 UX 問題案例 (Examples of Bad UX)

為幫助理解，講義通過實例展示了不良用戶體驗案例：

• Netflix 自動播放功能：

  • 中文： 自動播放可能導致用戶失去對內容的控制，影響使用體驗。
  • English: Auto-play can remove control from the user and potentially create a frustrating experience.

• eBay 導航混亂：

  • 中文： 導航設計不合理會使用戶迷失方向，從而影響網站的整體使用率。
  • English: Confusing navigation can make users feel lost and hinder overall site usability.

---

6. UX 設計過程 (UX Design Process)

講義中介紹了一個常見的 UX 設計流程，幫助設計師從用戶角度出發，逐步優化產品：

• 同理 (Empathise)：

  • 中文： 通過調研和訪談深入了解用戶需求和情感。
  • English: Understand users’ needs and emotions through research and interviews.

• 定義 (Define)：

  • 中文： 明確用戶的問題和需求，定義設計目標。
  • English: Clearly define the problems and requirements to set precise design objectives.

• 構思 (Ideate)：

  • 中文： 頭腦風暴和構思多種解決方案。
  • English: Brainstorm and generate a range of ideas to solve the defined problem.

• 原型制作 (Prototype)：

  • 中文： 創建產品初步模型，展示最終交互和設計大致效果。
  • English: Build prototypes to simulate the final design and interactions.

• 測試 (Test)：

  • 中文： 與真實用戶進行測試和反饋，及時迭代改進。
  • English: Test the prototype with real users, gather feedback, and iterate accordingly.

---

7. 設計工具 (Design Tools)

講義中提及了多種用于 UI/UX 設計的工具：

• UI 工具：

  • Figma、Adobe XD
    • 中文： 用于界面設計、原型構建和團隊協作。
    • English: Tools used for designing interfaces, creating prototypes, and team collaboration.

• UX 工具：

  • Miro：（用于制作同理圖、共情圖）
  • Maze：（用于原型測試）
    • 中文： 幫助捕捉用戶行為和體驗反饋。
    • English: Tools that help in mapping user experiences and conducting prototype tests.

• 協作工具：

  • FigJam、Notion
    • 中文： 用于團隊合作和信息共享。
    • English: Tools that facilitate team collaboration and project documentation.

---

8. 原型設計 (Prototyping in UX)

原型設計幫助設計師在產品開發早期構建可視化、交互性的模型，從而驗證想法和流程。

• 低保真原型 (Low-Fidelity Prototypes)：

  • 中文： 如草圖、紙上原型，快速表達核心功能，無需精致細節。
  • English: Rough sketches or paper prototypes that focus on basic structure and core functionality.

• 中保真原型 (Mid-Fidelity Prototypes)：

  • 中文： 包括線框圖和靜態模型，提供較為準確的布局和內容結構。
  • English: Wireframes or mockups that offer a clearer structure, though without full interactivity.

• 高保真原型 (High-Fidelity Prototypes)：

  • 中文： 高度近似最終產品，具備完整交互功能，可供真實測試。
  • English: Interactive and detailed prototypes that closely resemble the final product in look and function.

• 功能原型 (Functional Prototypes)：

  • 中文： 模擬產品的部分或全部功能，進行實際操作測試。
  • English: Prototypes that demonstrate the working aspects of the product, useful for user testing.

---

9. 用戶畫像與共情圖 (User Personas & Empathy Mapping)

這部分幫助設計師以用戶為中心，避免主觀假設：

• 用戶畫像 (User Persona)：

  • 中文： 根據調研構建的虛擬用戶模型，代表目標用戶群體。
  • English: A fictional character based on research that represents the target user group.

• 共情圖 (Empathy Map)：

  • 中文： 用于記錄用戶所見（See）、所聽（Hear）、所說（Say）、所做（Do）以及感受（Feel），從而更全面地了解用戶。
  • English: A visual tool to capture what users see, hear, say, do, and feel to gain a deeper understanding of their experience.

---

10. 案例研究 (Real-World Case Studies)

講義通過實際案例說明良好 UX/UI 設計對產品成功的影響：

• Airbnb 案例：

  • 中文： 針對用戶在預訂流程中的流失問題，通過簡化流程和增加進度指示，最終完成預訂的比例提升了30%。
  • English: Airbnb addressed user drop-off during the booking process by simplifying the flow and adding progress indicators, leading to a 30% increase in completed bookings.

• 共乘網站設計案例：

  • 中文： 展示了如何通過良好的 UI/UX 設計來優化共乘網站的用戶操作流程。
  • English: An example from Behance illustrating improved UI/UX design in ride-sharing websites, enhancing the overall user experience.

---

小結

對于初學者而言，理解這些概念時可以從以下幾個角度入手：

1. 基本定義： 清楚區分 UI（界面設計）與 UX（體驗設計）；
2. 設計原則： 理解為什么一致性、反饋、可見性、簡單性和可訪問性對設計至關重要；
3. 設計過程： 掌握從用戶調研到原型測試的各個階段；
4. 工具與案例： 通過常用工具和真實案例進一步理解理論在實踐中的應用。