Autoplay
Autocomplete
Previous Lesson
Complete and Continue
UX Design for Web Developers
What Makes a Great User Experience?
The Course Overview (2:08)
UX Design Fundamentals (7:41)
Fundamentals of Building a Website (12:46)
Applying Human-centered Design
Essentials of Human-centered Design (3:12)
Empathy Mapping (7:48)
Problem Definition- User Flows, Decision Tress, and Screen Flows (14:56)
Intervention Planning (11:19)
Enhancing Site Navigation and Laying Out Our Site
Understanding the Need for Structure (2:24)
Structure and Information Architecture (5:34)
The Essential Elements (4:47)
Design Patterns – Don't Reinvent the Wheel (4:42)
SERPS as Home Pages and Location-free Browsing (5:36)
Landing Pages, Templates, and Page Clustering (6:47)
Wireframing 1 – Using Responsive Web Design
Responsive Web Design (3:06)
Wireframing (4:53)
Building Your Setup (3:18)
Designing the Home Page
Home Page Wireframes (2:23)
Envisioning an Information Ecosystem (6:06)
Formatting Pages and Content Chunking (4:25)
Creating Interactions (6:40)
Using Media
Media Types (4:58)
Media Annoyances (5:54)
Using Graphics (5:18)
Best Practices and Usability
Discuss Best Practices in UX Design (5:44)
Mobile Best Practices (4:41)
Desktop Best Practices (3:54)
Usability (6:11)
Applying Usability to the Home Page (4:26)
Wireframing 2.0
Wireframe Your Mobile Screen (8:49)
Wireframe Your Tablet Screen (6:45)
Wireframe Your Desktop Screen (7:23)
Prototyping – Clickable Wireframes
Wireframe Setup for Prototyping (4:23)
Flushing Out Your Wireframes (4:31)
Connecting and Building Your Clickable Prototype (10:03)
The LEAN UX Prototype User Testing and Iteration Process
LEAN User Testing (5:11)
Test Your Prototype (3:44)
Validate and Iterate Your Prototype (6:30)
UX Course Review (5:12)
Wireframe Setup for Prototyping
Connect your wireframes into a clickable prototype.
Complete and Continue