Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Videos (1h 28m)
    • Introduction

      2:53
    • Assignment

      2:35
    • What are Design Patterns?

      4:38
    • Navigation

      12:52
    • Iconography

      6:00
    • Tables and Calendars

      6:29
    • Web Forms (Part I)

      7:02
    • Web Forms (Part II)

      8:40
    • Adjusting Micro-Components (Part I)

      7:26
    • Adjusting Micro-Components (Part II)

      7:33
    • Responsive Upscaling

      7:01
    • Complex Responsive Interface Design

      9:37
    • Final Thoughts

      5:11

About This Class

How do you turn a complex group of components into a beautifully designed user experience? This 90-minute class with the editor-in-chief of Smashing Magazine walks us through practical techniques, clever tricks and useful strategies you need to be aware of when working on responsive user interface designs.

This class is perfect for UX and UI designers, developers, art directors and graphic designers alike who want to step up their game on the web. Vitaly dives into 7 different components of successful user experiences, and a big-picture view of how they work together.

  • Navigation
  • Iconography
  • Tables & Calendars
  • Web Forms
  • Adjusting Micro-Components
  • Responsive Upscaling and more

No fluff, no theory — just what worked (or failed, and why) in real-life projects. By the end of the course, you’ll have an arsenal of responsive components that you can incorporate into your website designs, and most importantly, a cohesive grasp of how they intermingle.

New to responsive UX design? Join our other classes that cover the basics, such as Spencer Schimel's Design for Every Device: Responsive Web Design.

173 of 174 students recommendSee All

Awesome! Thanks
This is a great class for anyone who is interested in responsive and/or mobile-first design. In addition to explaining best practices and the reasoning behind them, this course is a great review of UX terminology so one can better articulate ideas to fellow designers, developers, and clients.
Great Quickcourse. It includes a lot of bad examples of current responsive design features and offers some really smart solutions to these challenges.

3,077

Students

1

Project

Vitaly Friedman

Editor-in-chief, Smashing Magazine

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is a writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex UX, front-end and performance problems in large companies.