Wireframe Setup for Prototyping | StackSkills

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

Lesson Content Locked

Your session expired. Please sign in again to continue.

Log In