Course Overview
  • Welcome: Get Ready to Define, Design and Code!
  • Download the BONUS 30-page Course Guidebook
  • Introduction to UX
Definition: Planning for Success
  • Why Are We Doing This?
  • Three Crucial Questions (You Must Ask)
  • What's Worth Doing?
  • What Are We Creating?
  • What Value Does It Provide?
  • SNACK BREAK: Who Are Your Users?
  • Exercise: Determining Value & Strategic Opportunity
Definition: Planning for Success Part II
  • It's Not Just About Users: The UX Value Loop
  • Business Stakeholder Research
  • Identifying Business Goals
  • SNACK BREAK: What Are Your (or Your Client's) Business Goals?
  • User Research: Putting People First
  • Identifying User Needs
  • Decision Paths: Connecting User Needs with Strategy
  • Exercise: Create a Decision Path
  • Introduction to Requirements
  • Generating Meaningful Requirements
  • Three Kinds of Requirements
  • Documenting Requirements
  • Determining Project Scope
  • Controlling Scope Creep
  • Exercise: Smart Project Scoping
Definition: Planning for Success Part III
  • Planning for User Testing
  • Creating a Test Plan: Who Are We Testing For?
  • Prioritizing Device and Browser Support
  • What to Test: Functionality
  • What to Test: Usability
  • What to Test: Errors and Exceptions
  • What to Test: Compatibility
  • What to Test: Performance
  • What to Test: Security
  • Definition Takeaways: Things to Remember
Information Architecture: Creating a Solid Foundation
  • Information Architecture: Organizing Content and Flow
  • What IS Information Architecture (IA)?
  • Content Strategy: Identifying, Organizing and Delivering
  • Determining Content Requirements
  • Exercise: Identifying Content Workflows
  • My Tips for Successful Information IA Modeling
  • Creating and Prioritizing IA
  • Content Labeling
  • File Naming
  • Grouping and Classifying Content
  • Exercise: Determining Information Priority
Information Architecture: Creating a Solid Foundation Part II
  • Exercise: Turning Information Priority into an IA Model
  • IA Models: Which One's Right for My Site?
  • Hierarchical Tree IA Model
  • Nested List IA Model
  • Hub and Spoke IA Model
  • Bento Box IA Model
  • Filtered View IA Model
  • Combining IA Models
  • Tools for Creating IA Models
  • Socializing and Validating Your IA Model
  • SNACK BREAK: Create an IA Model for Your Website
Information Architecture: Creating a Solid Foundation Part III
  • Navigation Design
  • Primary and Secondary Navigation
  • Global and Local Navigation
  • Navigation for Different User Types
  • Validating Your Navigation Scheme
  • Exercise: Determining Key Navigation Paths
  • Wireframing 101
  • What a Wireframe ISN'T
  • What a Wireframe IS
  • My Tips for Creating Successful Wireframe Prototypes
  • Creating Wireframes: Tools of the Trade
  • SNACK BREAK: Try Creating a Basic Wireframe on Your Own
  • Exercise: Creating a B2B Wireframe with Axure RP Pro
  • Socializing and Validating Wireframes
  • Information Architecture Takeaways: Things to Remember
Design: Information, Interaction and Interface
  • "What's It Gonna Look Like?" An Introduction to Design
  • Defining Appropriate User Interface (UI) Design
  • How Definition and IA Inform UI Design
  • Timeless UI Design Principles, Part 01
  • Timeless UI Design Principles, Part 02
  • Timeless UI Design Principles, Part 03
  • Timeless UI Design Principles, Part 04
  • SNACK BREAK: Identify Design Principles in an Existing UI
Design: Information, Interaction and Interface Part II
  • My Tips for Solving Visual Problems
  • Organizing Visual Information - Part 01
  • Organizing Visual Information - Part 02
  • Designing Appropriate Visual Hierarchy
  • Designing for Audience Expectation
  • Designing for Interaction
  • Exercise: Create a UI Design for a B2B Website
  • Exercise: Create a UI Design Layout for a WordPress Blog - Part 01
  • Exercise: Create a UI Design Layout for a WordPress Blog - Part 02
  • Exercise: Create a UI Design Layout for a WordPress Blog - Part 03
  • Exercise: Create a UI Design Layout for a WordPress Blog - Part 04