Interaction Design Classes

Three web design classes available on the Skillshare platform break down my process. They teach prototyping (designing in discrete steps to gather iterative insight) in three forms: plans, visual mockups, and code.

"This is a review for her 3 courses: she provided great insight about UX and branding. Her course is packed with articles, links and workflows. I definitely recommend it to all people new to UX. This is probably two semesters of university courses. Thank you Erica!!!"
—Bill Jobs

Prototyping for Web I: IA, UX, & Paper Prototypes

Prototyping for Web I class image

Organize the information architecture and user experience for a responsive website. Plan your navigation, sketch the user flows, and test how your ideas are received. You'll go through content outlines, site maps, brand guidelines, user stories, paper wireframes, and a usability test. You can hand off these documents to designers and developers, or follow the next two classes to design and build the site yourself.

GET STARTED →

"One of the BEST courses I've found on the Internet. I'm not a newbie, have pretty solid UX/UI experience, but Erica's courses are a gem!"
—Alex Gilev
"I've been working in ux as a strategist, designer and researcher for a while and I took this class out of curiosity and used the project space for a work project I have going on right now. This is an excellent class with excellent resources. I really think someone new to UX could learn more from this class than from a lot of college courses. Definitely recommend this."
—Christine Esoldo
"Really informative and helpful, especially for complete beginners like myself. I gained quite a few technical as well as softer skills. I like the speed at which Erica spoke and she was very very thorough in explaining every detail. She wasn't repetitive and her slides were super concise. Highly recommended!"
—Jenni Lee

Prototyping for Web II: Branding, UI & Visual Prototypes

Prototyping for Web II class image

Create the branding, user interface design, and visual prototypes for a responsive website. We'll cover the key components of interaction design — color, typography, imagery, layout, and movement — and how each craft must be adapted for the web in particular. We'll talk about strategic creative direction, responsive web design tactics and tools, user-centered research, usability testing theories, legibility versus readability, the symbolism of various colors, and many other details. You can hand off your mockups to a programmer, or continue to the next class and build it yourself.

GET STARTED →

"Tremendously helpful overview on all aspects of RWD. I was constantly pausing to check out the various websites, tools, articles and resources that were referenced. Great class!"
—Wendy Whatley
"Well structured course and very informative. Thank you."
—Joseph N.

Prototyping for Web III: Front-end Development & HTML/CSS Prototypes

Prototyping for Web III class image

Build a responsive website, as efficiently as possible. We'll follow a mobile-first responsive process, suitable for both prototyping and production-quality development. Learn how to use Github with an easy visual editor, and utilize modern tools and libraries (Hammer, Sass, Bourbon, and Bourbon Neat) to extend your capabilities and speed your work. You'll end with a repo and a static website you can hand off to backend developers, or go right ahead and launch.

GET STARTED →

"I've been stagnated for a while with CSS & HTML (I've been developing websites for about a decade) but this was a great refresher and a bit of kick up the bum. Thank you! Feeling excited about making websites again :)
—Heidi Jermyn

In-person teaching

  • The Practice of Interaction Design

    School of Visual Art, NYC
    MFA Interaction Design, Summer 2017, 2018, 2019
    Developed and taught a responsive web design intensive (5 weeks / 5 classes)

  • Major Studio: Digital Product Design

    Parsons The New School for Design, NYC
    MPS in Digital Product Design, Fall 2017
    Taught the first-ever core studio in a new Masters program (14 weeks / 28 classes / 6 credits)

  • Curriculum development

    Parsons The New School for Design, NYC
    MPS Digital Product Design, Spring 2017
    Reviewed and revised three course templates for a new Masters program.

  • Core Studio: Interaction Design

    Parsons The New School for Design, NYC
    BFA in Communication Design, Spring 2014, 2015, 2016
    Taught sophomore interaction design (14 weeks / 28 classes / 6 credits). My curriculum was sent to Parsons’ sister school in India as the model for the course.