Practical Ui Patterns for Design Systems: Fast-Track Interaction Design for a Seamless User Experience
暫譯: 設計系統的實用 UI 範式:快速互動設計以實現無縫用戶體驗

MacDonald, Diana

買這商品的人也買了...

商品描述

Understanding UI patterns is invaluable to anyone creating websites for the first time. It helps you make connections between which tools are right for which jobs, understand the processes, and think deeply about the context of a problem. This is your concise guide to the tested and proven general mechanisms for solving recurring user interface problems, so that you don't have to reinvent the wheel.

You'll see how to find a pattern you can apply to a given UI problem and how to deconstruct patterns to understand them in depth, including their constraints. UI patterns lead to better use of existing conventions and converging web standards. This book shows you how to spot anti-patterns, how to mix and match patterns, and how they inform design systems.

By helping the non-web professionals and junior web professionals of the world use basic patterns, the web industry can put its best foot forward as new interfaces such as VR/AR/MR, conversational UIs, machine learning, voice input, evolving gestural interactions and more infiltrate the market. Given the emerging popularity of design systems and space of DesignOps, as well as the rise of companies competing on design and usability, now is the time to think about how we use and evolve UI patterns and scale design systems.

What You'll Learn

 

  • Produce intuitive products through consistency and familiarity.
  • Save time instead of starting from scratch.
  • Communicate design decisions with evidence to support solutions.
  • Use smart defaults without extensive product design experience.
  • Improve a user's experience.
  • Scale growing business with design.

 

 

Who This Book Is For

Those familiar with creating websites and want to learn more, WordPress bloggers, or marketers who want to weave components together into a usable, revenue-generating experience.

 

商品描述(中文翻譯)

理解使用者介面(UI)模式對於首次創建網站的人來說是非常寶貴的。它幫助你了解哪些工具適合哪些工作,理解過程,並深入思考問題的背景。這是你針對解決重複出現的使用者介面問題的經過測試和證明的一般機制的簡明指南,讓你不必重新發明輪子。

你將學會如何找到可以應用於特定 UI 問題的模式,以及如何解構模式以深入理解它們,包括它們的限制。UI 模式促進了對現有慣例的更好利用和網頁標準的趨同。本書將教你如何識別反模式、如何混合和匹配模式,以及它們如何影響設計系統。

通過幫助非網頁專業人士和初級網頁專業人士使用基本模式,網頁產業可以在 VR/AR/MR、新的對話式 UI、機器學習、語音輸入、演變中的手勢互動等新介面進入市場時,展現最佳形象。考慮到設計系統和 DesignOps 的新興受歡迎程度,以及在設計和可用性上競爭的公司的崛起,現在是思考我們如何使用和演變 UI 模式以及擴展設計系統的時候。

**你將學到什麼**

- 通過一致性和熟悉感來製作直觀的產品。
- 節省時間,而不是從零開始。
- 用證據支持解決方案來傳達設計決策。
- 在沒有廣泛產品設計經驗的情況下使用智能預設。
- 改善使用者的體驗。
- 通過設計擴展成長中的業務。

**本書適合誰**

適合熟悉創建網站並希望學習更多的人、WordPress 博主或希望將組件編織成可用的、產生收入的體驗的行銷人員。

作者簡介

Diana MacDonald is a Melbourne product designer, raised in the tropical north of Australia. She has relished the tech industry for over a decade, exploring the digital space with progressive organisations like Culture Amp, Bellroy, and SitePoint. She values inclusive and remarkable stories. As a senior product designer and team lead at Culture Amp, she has led the new design systems team to accelerate UI design and development, empowering product teams with a shared language, while fostering a productive delivery process.

作者簡介(中文翻譯)

Diana MacDonald 是一位來自墨爾本的產品設計師,成長於澳洲熱帶北部。她在科技產業中已經工作超過十年,與像 Culture Amp、Bellroy 和 SitePoint 等前瞻性組織一起探索數位領域。她重視包容性和卓越的故事。作為 Culture Amp 的資深產品設計師和團隊負責人,她帶領新的設計系統團隊,加速 UI 設計和開發,賦予產品團隊共同的語言,同時促進高效的交付過程。