Practical Ui Patterns for Design Systems: Fast-Track Interaction Design for a Seamless User Experience

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設計和開發,為產品團隊提供共享語言,同時促進高效的交付流程。