Intro to User Experience Design
Learn best practices to create effective, intuitive experiences for people through an iterative UX design process.
Taught by
Milan Moffatt and Kristen Altomare-Ciallella
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.
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 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 Altomare-Ciallella
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.
Course structure
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
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
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 workFeeling 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!