Course Calendar
Unit 1 User Experience
Our first unit explores the UX Design process. A group project will allow everyone to experience the collaborative process.
Indicates a team assignment.
| Week | Reading & Videos | Tasks |
|---|---|---|
| 1 | What Is UX? How People Read Online Videos |
Check-in Work Preference Survey Figma Setup Two Truths & A Lie UIUX Pass & Fail |
| 2 | Project 1 Videos |
Check-in Team Introduction Team Charter Project Discovery |
| 3 | Getting to know your users UX Reality Check: 14 Hard Truths About Users How UX design can counter racial bias (PDF) Beware of Persona Bias (PDF) Videos |
Check-in Marginalized Group Persona Persona Reflection |
| 4 | Information Architecture Interaction Design How to design user scenarios Videos |
Check-in Card Sort Set-up User Scenario |
| 5 | Navigation Systems User Flows Website Flowchart Examples for Optimal UX Videos |
Check-in UX Laws & Principles User Flowchart |
| 6 | Dedicated Work Week Videos |
Check-in Submit Project 1 UX Quiz |
Unit 2 User Interface Design
The second unit focuses on the design of a desktop user interface. Design concepts will be explored and demonstrated with an individual project.
| Week | Reading & Videos | Tasks |
|---|---|---|
| 7 | What is UI? Wireframes UI Heuristics Project 2 Videos |
Check-in Wireframes Heuristic Evaluation |
| 8 | UI Patterns Images Icons Buttons Videos |
Check-in Design Trend Mood Board Components & Prototypes |
| 9 | Color Contrast Typography Videos |
Check-in Design System Homepage Progress |
| 10 | Dark Patterns Design Ethics Videos |
Check-in Dark Patterns Submit Project 2 UI Quiz |
Unit 3 Web Accessibility
Unit 3 highlights the importance of web accessibility for all. An individual project will showcase all three course units, producing a fully accessible website.
| Week | Reading & Videos | Tasks |
|---|---|---|
| 11 | Project 3 Accessibility Overview Compliance Videos |
Check-in Screen Readers Assistive Tech Reflection Install Axe |
| 12 | HTML5 Semantics SEO Videos |
Check-in Accessibility Lawsuit Some Basics |
| 13 | ARIA Navigation & Focus Hiding Content Videos |
Check-in Accessible Menu |
| 14 | Forms Images Tables Videos |
Check-in Accessible Form |
| 15 | n/a | Work on Project 3 |
| 16 | n/a | Submit Project 3 Accessibility Quiz Course Feedback Survey |