SuperHi FM

Search:

Catalog Cart About Sign in

BEGINNERCOURSE

Intro to User Experience Design

Learn best practices to create effective, intuitive experiences for people through an iterative UX design process.

Milan Moffatt

Kristen Altomare-Ciallella

Taught by

Milan Moffatt and Kristen Altomare-Ciallella

Introduction and Essential Questions

Introduction and Essential Questions

Lesson 01

Course introduction

Lesson 02

What is the course brief?

Lesson 03

Brand guidelines

What is the UX process?

What is the UX process?

Lesson 01

What is UX?

Lesson 02

UX design roles

Lesson 03

What are the different design roles?

Defining and reviewing

Defining and reviewing

Lesson 01

Defining UX

Lesson 02

Reviewing our brief

Lesson 03

Additional questions we may have

UX Research

UX Research

Lesson 01

Research

Lesson 02

Why research?

Lesson 03

Types of research: part 1

Analyze, Personas + User Flows

Analyze, Personas + User Flows

Lesson 01

Analyze intro

Lesson 02

Personas

Lesson 03

User flows: Liza

Sketching + Paper Prototyping

Sketching + Paper Prototyping

Lesson 01

Home page sketching

Lesson 02

Category page sketching

Lesson 03

Intro to paper prototypes

Wireframing

Wireframing

Lesson 01

Wireframing intro

Lesson 02

Wireframing tips

Lesson 03

Hierarchy

Design process

Design process

Lesson 01

Introduction to design

Lesson 02

Design resources

Lesson 03

UI sticker sheet

Prototyping + Testing

Prototyping + Testing

Lesson 01

Prototyping introduction

Lesson 02

Connecting pages

Lesson 03

Preserve scroll position

Case Study

Case Study

Lesson 01

Course wrap up + case studies

Get access to Intro to User Experience Design

Practical, go-at-your-own pace learning, with help from our industry experts and experienced teachers
Projects and code that you can alter and include in your own sites and portfolio
Resources to get you started and going post-course

Your instructors

Milan Moffatt

Milan Moffatt

Teacher

Kristen Altomare-Ciallella

Kristen Altomare-Ciallella

Teacher

Course structure

Chapter 01

Introduction and Essential Questions

Lesson 01
Course introduction
Lesson 02
What is the course brief?
Lesson 03
Brand guidelines
Lesson 04
12 essential questions
Lesson 05
UX questionnaire

Chapter 02

What is the UX process?

Lesson 01
What is UX?
Lesson 02
UX design roles
Lesson 03
What are the different design roles?
Lesson 04
7 factors
Lesson 05
The UX design process

Chapter 03

Defining and reviewing

Lesson 01
Defining UX
Lesson 02
Reviewing our brief
Lesson 03
Additional questions we may have
Lesson 04
How to send a research email
Lesson 05
Reviewing our reply

Chapter 04

UX Research

Lesson 01
Research
Lesson 02
Why research?
Lesson 03
Types of research: part 1
Lesson 04
Types of research: part 2
Lesson 05
Types of research: part 3
Lesson 06
Types of research: part 4
Lesson 07
UX survey questions
Lesson 08
Creating a Typeform survey
Lesson 09
Our survey results
Lesson 10
Competitive analysis: part 1
Lesson 11
Competitive analysis: part 2
Lesson 12
Research wrap up

Chapter 05

Analyze, Personas + User Flows

Lesson 01
Analyze intro
Lesson 02
Personas
Lesson 03
User flows: Liza
Lesson 04
User flows: James
Lesson 05
Content outline
Lesson 06
Sitemap part 1
Lesson 07
Sitemap part 2

Chapter 06

Sketching + Paper Prototyping

Lesson 01
Home page sketching
Lesson 02
Category page sketching
Lesson 03
Intro to paper prototypes
Lesson 04
Explaining before UI
Lesson 05
Sketching category pages
Lesson 06
Paper prototyping setup
Lesson 07
Testing with others

Chapter 07

Wireframing

Lesson 01
Wireframing intro
Lesson 02
Wireframing tips
Lesson 03
Hierarchy
Lesson 04
Wireframing content
Lesson 05
Home page wireframe: UI
Lesson 06
Home page wireframe: hero grid and 8px
Lesson 07
Home page wireframe: products component and proximity
Lesson 08
Home page wireframe: adding sections + spacing between
Lesson 09
Home page wireframe: grid vs percentage based design + primary vs secondary CTAs
Lesson 10
Home page wireframe: comparing landing pages + keeping a homepage short
Lesson 11
Home page wireframe: designing a grid section
Lesson 12
Home page wireframe: finishing up
Lesson 13
Home page to category page
Lesson 14
Category page filters
Lesson 15
Product page
Lesson 16
Homepage mobile: set up + mirror
Lesson 17
Homepage mobile: first half
Lesson 18
Homepage mobile: category section
Lesson 19
Homepage mobile: new solution
Lesson 20
Homepage mobile: last section + footer
Lesson 21
Conclusion

Chapter 08

Design process

Lesson 01
Introduction to design
Lesson 02
Design resources
Lesson 03
UI sticker sheet
Lesson 04
Design homepage: part 1
Lesson 05
Design homepage: part 2
Lesson 06
Design homepage: part 3

Chapter 09

Prototyping + Testing

Lesson 01
Prototyping introduction
Lesson 02
Connecting pages
Lesson 03
Preserve scroll position
Lesson 04
Viewing our prototype + sharing
Lesson 05
Tips for testing prototypes

Chapter 10

Case Study

Lesson 01
Course wrap up + case studies

SuperHi students work at the best

Our students are based all over the world and work at creative companies large and small. Why not check out some of their work?

View student work

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

Interested in UX design but not sure where to start? Our user experience design short course will teach you the best practices you need to create effective, intuitive experiences for people.

We’ll cover all the bases of an iterative UX design process including user research, wireframing, prototyping, UI design and user testing. Learn how to think like a UX designer and confidently work on projects for yourself and clients.

What you’ll learn

What goes into a UX design process + how it differs from a traditional graphic design process
Popular research methods and how to turn insights into personas, user journeys, site maps and user flows
How to conduct user testing with real people, get feedback and make informed design decisions
How to create wireframes and prototypes to handoff to clients and stakeholders
How to conduct user testing and turning feedback into insight to inform design decisions
Going from wireframes to design, and creating consistent, effect designs

Requirements

A computer with Mac OS X 10.9 or above, Windows XP or above, or a recent Linux version installed and a broadband internet connection. That’s it!

Target Audience

Anyone who wants to learn how to build user-centered digital products using research and real-world methods.

This is a beginner course with no requirements apart from being comfortable using a computer. If you use programs like Microsoft Word or Photoshop without trouble, you're good to go

This course is perfect for people looking to get into user experience design or who are currently non-digital-focused designers wanting to design for the web or for apps e.g. graphic designers wanting to design websites.

Welcome to Introduction to User Experience Design! We’ll talk about what is covered in the course, our course project and questions we need ask before starting any project.

We discover what is in the user experience process, what different kinds of roles people have and 7 factors that make valuable user experiences.

We start to review our client's brief, break it down into meaningful parts and talk about how to ask valuable questions back.

We dive into the varying types of user experience research, how to write meaningful survey questions and how to do competitive analysis.

In this part of the course, we talk about how to create personas, user flows, content outlines and site maps for our client.

Get your pens ready! Now we've got our research and analysis completed, we can start thinking about how the design is laid out. We start with pen and paper to help us save time and test quickly.

Once we've tested on paper, it's time to wireframe. We talk about the typography, hierarchy and content of our pages - no colors or typefaces yet but all about design thinking.

After our wireframes are completed, it's time to fill them in with our branding. We talk about how to go from wireframes to final designs.

Now we have our designs, how do we make them interactive so we can test with our users?

In this last lesson, we'll talk about case studies, great UX portfolios and how to give and receive feedback.

Milan is a branding and design freelancer based in Brooklyn! She previously worked at creative agencies in Brooklyn, with early-stage startups in Santiago, Chile and was part of the SuperHi team.

Kristen is a Toronto-based senior visual designer at Glitch, a site for making websites from scratch. She previously worked for as a visual designer for SuperHi, Nike and Huge.