UX: Interaction Design

UX: Interaction Design

by Team Treehouse, Alena Holligan, Kaleigh Veca, Anwar Montasir, May Kim, Hope Armstrong
Released September 2024
Publisher(s): Packt Publishing
ISBN: 9781836649410

Watch it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

In this course, you'll master the fundamentals of User Experience (UX) and User Interface (UI) design, beginning with an understanding of who users are, why their experiences matter, and how to design with them in mind. You'll explore UX theories, differentiate between UX and UI, and learn to structure experiences that align with user goals.

The course covers user personas, empathy, and UX design patterns, focusing on primary navigation, dropdowns, breadcrumbs, and more to create intuitive, user-friendly designs. You'll also delve into product design, universal design principles, and design systems, gaining the skills to create cohesive, accessible digital products.

Finally, the course emphasizes accessibility, guided by Web Content Accessibility Guidelines (WCAG), and interaction design, including micro-interactions and feedback mechanisms. By the end, you'll have a comprehensive skill set to design thoughtful, user-centered experiences.

What you will learn

  • Define and analyze user personas and needs
  • Implement UX and UI design principles effectively
  • Design accessible interfaces following WCAG guidelines
  • Create cohesive user flows and interactions
  • Apply design patterns to improve user navigation

Audience

This course is ideal for aspiring UX/UI designers, product designers, and anyone interested in creating user-centered digital experiences. No prior experience is required, but familiarity with basic design concepts is helpful.

About the Authors

Team Treehouse: Treehouse is an online technology school committed to accessibility and equity in the tech industry through scholarships and partnerships. The school offers a wide range of courses from beginner to advanced levels in web design, web development, data science, AI, UX design, and business. Taught by a team of expert teachers, these courses are designed for students looking to start or advance their careers in tech. At its core, Treehouse provides a structured curriculum focused on building confidence and real-world skills, complemented by unparalleled human support to create opportunities for all.

Alena Holligan: After starting out in fine art and moving into graphic design, Alena found her passion for programming over 15 years ago and has never looked back. Alena enjoys community and is excited to introduce people to the wonderful world of PHP and the Portland Tech Community. When not at her computer, Alena enjoys exploring Portland with her friends and family, including her 3 young children. She also enjoys the Symphony, Cooking, Books, Yarn and Yoga.

Kaleigh Veca: Kaleigh Veca is a UX Architect at Designsensory, a digital agency in Tennessee. She works daily to make sure that her company's clients can give their users the best possible experience, backed by research and created with the users' unique needs in mind. With a love of camping, flannel shirts, and hiking, she happily resides in Knoxville, TN, a stone's throw away from the Smoky Mountains. Twitter: @kveca

Anwar Montasir: Anwar Montasir is a UX Design, Front End Web Development, and Full Stack JavaScript instructor.

May Kim: May has been working as an in-house designer for over 11 years with proven experience in launching both physical and digital products to market. May is deeply engaged in every step of the design process, from research to every last pixel of user interface and visual design. May is passionate about creating beautiful and functional products that will bring meaningful experiences to users. She is currently working in NYC as a Product Designer at Animoto.

Hope Armstrong: Hope is a Senior Product Designer. Since 2009, she has worked in education, tech, and non-profits. In her spare time, she advocates for sustainability and hangs out with her cats.

Table of contents

  1. Chapter 1 : Creating User Experiences
    1. Welcome to User Experience
    2. Who Are Users
    3. Why Do User Experiences Matter
    4. UX Basic Theory
    5. UX vs UI Design
    6. UX in Context
    7. The Importance of Users
    8. The Importance of Designing for Users
    9. Determining Your Users Personas
    10. Empathy for Your Users
    11. Understanding Your Users' Goals
    12. Thinking of Your Goals
    13. Combining Your Goals with Your Users' Goals
    14. Structuring Experiences Around Specific Goals
    15. Users Expect a Process - Understanding User Flows
    16. Getting Our Steps in Order
    17. Contrasting User Goals
    18. Making User Flows
    19. Recap What We've Learned
  2. Chapter 2 : UX Design Patterns
    1. What Are Design Patterns
    2. The Psychology of Design Patterns
    3. Implementing Design Patterns
    4. Beyond Design Patterns
    5. Primary Navigation
    6. Dropdowns and Subnavigation
    7. Breadcrumbs
    8. Pagination and Filtering
    9. Footers
    10. First Impressions
    11. Scanning Patterns
    12. Applying the Layer Cake Pattern
  3. Chapter 3 : Introduction to Product Design
    1. Welcome to Product Design
    2. Disciplines of Product Design
    3. Universal Design Principles
    4. Interaction Design Principles
    5. Company Design Principles
    6. Discover
    7. Definition
    8. Ideation
    9. Solution
    10. Test
    11. Ship
    12. Next Steps
  4. Chapter 4 : Introduction to Design Systems
    1. What Is a Design System
    2. Exploring Design Systems
    3. Design System Components
    4. Color
    5. Typography
    6. Space
    7. Image
    8. Motion
    9. Introducing User Interface Libraries
    10. Exploring User Interface Libraries
    11. Introducing Voice and Tone
    12. Exploring Voice and Tone
  5. Chapter 5 : Practice Using a Design System
    1. Introducing the Project
    2. Research
    3. Design Explorations
    4. Starting the Mobile Wireframe
    5. Creating the Accordion Menu
    6. Expanding the Accordion Panel
  6. Chapter 6 : Getting Started with Human Interface Guidelines
    1. Introducing Human Interface Guidelines
    2. The Evolution of iOS Design
    3. iOS Design Themes
    4. Introducing Our Project
    5. Project Setup
    6. The First Screen
    7. The Second Screen
  7. Chapter 7 : Getting Started with Material Design
    1. Introducing Material Design
    2. Why Material Design
    3. Material Is the Metaphor
    4. Material Design Principles
    5. Introducing Our Project
    6. Design a Bottom Navigation
    7. Design a Side Sheet
    8. Design a Floating Action Button
  8. Chapter 8 : Designing for User Roles
    1. Creating Experiences for User Roles
    2. Benefits of User Roles
    3. Elements of a User Role
    4. Diagramming the Flow of User Roles
    5. Best Practices
  9. Chapter 9 : Accessibility for UX Designers
    1. What Is Accessible Design
    2. Web Content Accessibility Guidelines
    3. WCAG Principles - Perceivable
    4. WCAG Principles - Operable
    5. WCAG Principles - Understandable
    6. WCAG Principles - Robust
    7. Accessibility and the Design Process
    8. Form Accessibility
    9. Delivery Information Screen
    10. Error Reporting Screen
  10. Chapter 10 : Designing Interactions
    1. What's Interaction Design
    2. Five Dimensions
    3. Types of Interactions
    4. Microinteractions
    5. Feedback Messages
    6. Cognitive Psychology - Mental Models
    7. Cognitive Psychology - Affordances
    8. Psychological Principles
    9. Sensation and Perception
    10. Intro to Designing Interactions
    11. How to Design Interactions

Product information

  • Title: UX: Interaction Design
  • Author(s): Team Treehouse, Alena Holligan, Kaleigh Veca, Anwar Montasir, May Kim, Hope Armstrong
  • Release date: September 2024
  • Publisher(s): Packt Publishing
  • ISBN: 9781836649410