Interaction Design Classes

Three interaction design classes, available on the Skillshare platform, break down my entire 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

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. Learn more →

"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

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. Learn more →

"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

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. Learn more →

"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