O'Reilly logo
live online training icon Live Online training

Design fundamentals for non-designers

Dave Pinke

Do you ever wonder how designers create functional and beautiful interfaces or why your designer chose blue instead of red for your app menu? Or maybe you have a side project or business you'd like to add some professional polish to, but you worry that designers have some magical instinct that you don't. The good news is that interface designers aren't wizards. In fact, designers don't even need to be gifted artists. Anyone can create amazing designs for web and mobile apps.

In this practical, real-world-focused training, expert Dave Pinke shares the most useful concepts of UX and UI design and walks you through shortcuts and best practices for creating and understanding digital design. You'll leave knowing why and how designers make the decisions they do and ready to apply key design concepts to make your projects shine.

What you'll learn-and how you can apply it

By the end of this live, online course, you’ll understand:

  • The process and fundamentals of how UX and UI designs are created
  • What design thinking is and how to use it to innovate or test new ideas or concepts
  • How fonts, colors, and layout can be put together to create a beautiful, useful design

And you’ll be able to:

  • Make informed design decision regarding how color, typography, and other visual elements can dramatically affect the user experience
  • Use visual design concepts to create elegant user interfaces

This training course is for you because...

  • You want to better understand how design works and why design matters.
  • You want to apply design fundamentals to your career and endeavors.
  • You want to learn design tips and tricks to make great designs without any artistic ability.

Prerequisites

Recommended follow-up:

Designing a UX Portfolio (book)

Practical UX Design (book)

99% Invisible (podcast)

The UX Intern (podcast)

About your instructor

  • Dave is a twelve-year veteran in the product design field, having overseen development and strategy at Sony Music, MTV Networks, Disney/ABC News, Condé Nast, Bloomberg LP, StockTwits and currently at Practising Law Institute. Working across an array of media companies, Dave has developed a keen sense of how to create leading mobile and web experiences that offer strong product market fit and monetization paths. He has taught product management at New York University, Pace University and for online learning platforms. Dave has a BA in English from Fordham University and an MBA from Pace University. In his free time, he loves playing guitar, teaching and goofing around with his dog Laika.

Schedule

The timeframes are only estimates and may vary according to how the class is progressing

Why design matters (5 minutes)

  • Lecture: Why design matters; how it reaches beyond the digital aspects of our lives; course introduction

Design doesn’t mean artistic ability (10 minutes)

  • Lecture: Breaking down the wall between artists and designers; what it takes to improve old designs or create new ones (hint: good research)

Types of design (10 minutes)

  • Lecture: The subgenres of design (e.g., graphic design, UX, and UI); how design relates to staffing and expertise needs; how specific types of designers impact business

Dieter Rams’s 10 principles of design (10 minutes)

  • Lecture: Overview of seminal designer Dieter Rams's 10 principles of modern digital and physical product design

Design thinking, the innovator’s framework (15 minutes)

  • Lecture: Design thinking; why it's so hot right now; how you can you apply it to things outside design

Break (10 minutes)

Colors and palettes (15 minutes)

  • Lecture: What colors convey emotionally; how to use colors together effectively; easy-to-use tools to create color schemes and palettes

Typography and font choices (15 minutes)

  • Lecture: Font choice; the different types of fonts; the details that make a big difference; how to mix fonts together in an elegant way

Quick guide to layout (15 minutes)

  • Lecture: How to construct a professional and user friendly website or application; light; shadow; page gravity; grid systems; visual hierarchy

Tools and a design cheat sheet (10 minutes)

  • Lecture: Useful tools; a cheat sheet for fast, elegant designs

Wrap-up and Q&A (5 minutes)