User Experience (UX) for Non-Designers

Course details

User experience (UX) design is more than just pushing pixels and adding interactivity. It's a people-centric practice that involves many stakeholders—not all of them professional designers. This course teaches the principles of user experience design from the perspective of a non-designer who needs to work with UX teams, studios, and projects. Instructor Tom Green explains the four-stage process of UX design, starting with user research—the stage where you build out personas, user scenarios, and user flows. Next, learn about UX conceptualization, where initial ideas are translated into sketches, wireframes, and paper prototypes. Tom then tackles the actual design process. In this phase, you can see how functional prototypes are generated, complete with imagery, copy, and basic interactivity. Plus, learn about the importance of testing your designs at multiple points in the process and incorporating feedback before handoff to developers.

Topics include:
The four stages of UX design
Accessibility and UX
Conducting user research
Building personas, user scenarios, and user flows
Sketching and wireframing ideas
Testing and iterating ideas
Creating a medium-fidelity prototype
Adding copy and graphics
Building a design system
Prototyping
Refining microinteractions
User testing prototypes

Concepts

0. Introduction

01 - User experience for non-designers

1. What Is UX

02 - UX design overview
03 - Stage one - Research
04 - Stage two - Conceptualize
05 - Stage three - Design
06 - Stage four - Test
07 - Who does what
08 - Accessibility matters

2. Research - So Who Will Use It

09 - Making a business case
10 - The role of the stakeholder
11 - What do we need to make this work
12 - Who do we need to build it
13 - Who will use it
14 - What will they do
15 - How will they use it
16 - How will they move through it
17 - Finding problems and fixing them

3. Conceptualize - So What Does It Look Like

18 - Overview of conceptualization techniques
19 - Sketching your ideas
20 - Task flow diagrams
21 - The infamous white board
22 - Content wireframe - Determining what goes where
23 - Building the bones with wireframes
24 - Digital wireframes
25 - The role of paper prototypes
26 - Testing and iteration
27 - Feedback and iteration

4. Design - Here Is What It Really Looks Like

28 - The UI designer's role
29 - The medium-fidelity prototype
30 - The medium-fidelity toolbox
31 - Imaging - Image formats
32 - Imaging - What's with all the Xs
33 - The role of SVG
34 - Copywriting - Words make all the difference
35 - Feedback and iteration

5. Design - The Design System

36 - What is a design system
37 - The role of typography
38 - So what is color
39 - The role of color
40 - Icons and icon tools
41 - Using design patterns
42 - Imaging tools and screen resolution
43 - Audio formats and content
44 - Video formats and streaming

6. Prototyping and User Testing

45 - An overview of prototyping
46 - Choosing a prototyping tool
47 - The role of motion in a prototype
48 - Why use prototype microinteractions
49 - The disposable prototype
50 - Refining microinteractions
51 - Overview of user testing