These are my course notes for the UX & Web Design Master Course: Strategy, Design, Development on Udemy.
- Welcome: Get Ready to Define, Design and Code!
- Download the BONUS 30-page Course Guidebook
- Introduction to UX
- 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
- 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 GGUX-buy-feature-cards.docx
- 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: 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
- 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
- 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 Wireframe Presentation Script Wireframe Signoff Template
- Architecture Takeaways: Things to Remember
- "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
- 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
- Exercise: Create a UI Design Layout for an Ecommerce Website UXW Screenshot Storefront Theme UXW Ecommerce Images
- SNACK BREAK: Evaluate Your UI Design
- Design Takeaways: Things to Remember
- Development: Coding, Customizing and Configuring
- Dreaming in Code: You've Got the Power!
- Hosting & Domain Considerations
- File Structure and FTP: Organizing & Uploading
- Basic HTML Structure: Building a Solid Foundation
- Tags, Elements and Attributes: Describing HTML Content
- What's In a Name? Titles and Headings
- Formatting Paragraphs: Creating and Styling Text Content
- Organizing Your Code: Using Indentation and Comments
- Creating Your First Web Page: Applying What You've Learned Lecture-104-exercise.zip HTML-CSS Course Files.zip
- Content Elements – Hyperlinks: Getting from Here to There
- Content Elements – Unordered and Ordered Lists: Creating and Formatting
- Content Elements – Images: Adding Images and Defining Attributes
- Content Elements – Audio and Video: Adding Media to Your Web Page
- Font Styling: Defining Style, Color and Size
- Exercise: Adding Images, Unordered Lists and Hyperlinks Lecture-110-exercise.zip
- CSS – Content Styling: Adding Good Skin to Good Bones
- CSS – Inline, Internal or External? Getting Smart
- CSS – Inheritance: Sharing Attributes Efficiently
- CSS – Background Color and Image: Creating Background Effects
- CSS – Font Color and Weight: Giving Text Impact and Emphasis
- CSS – Classes and Spans: Getting Specific with Styling
- CSS – Working with Divs: Dividing and Conquering with Classes and IDs
- CSS – Link Styling: Using Text Decoration
- Exercise – Creating a Navigation Menu: Leveraging CSS for Wayfinding Lecture-119-exercise.zip
- Basic Table Structure: Organizing Content
- Styling Tables with CSS: Enhancing Communication and Readability
- Margins and Padding: Establishing Purposeful Negative Space
- Display and Positioning: What, Where and How
- The Box Model: The Parts and the Whole
- Float and Clear: Controlling Visual Flow
- Nested Layouts: Using Divs for Precision and Flexibility
- Forms: Creating Good Input (and Output)
- Creating Forms: Grouping Form Data
- Styling Forms with CSS: Creating Consistency and Usability
- Exercise: Create Your B2B Website Header Lecture-130-exercise.zip
- Exercise: Create Your B2B Website Content Lecture-131-exercise.zip
- Exercise: Create Your B2B Website Footer Lecture-132-exercise.zip
- Exercise: Create Your B2B Web Page: Putting It All Together Lecture-133-exercise.zip
- Browser Testing: Tips and Tools
- Installing WordPress Automatically: Using Your Hosting Provider's CPanel
- Installing WordPress Manually: Using an FTP Client
- The WordPress Dashboard: A Quick Tour of Features and Functions
- Posts vs. Pages: Creating Content in WordPress
- Categories: Organizing WordPress Content
- Tags: Adding Context To Your Posts
- Comments: Connecting and Managing Conversations
- Formatting Text: Using the WordPress Text Editor
- Adding Hyperlinks: Creating and Managing Links in WordPress
- Adding Images: Inserting and Managing Images in WordPress
- Adding Video: Inserting and Managing Video in WordPress
- Working with Plugins: Extending WordPress Features and Functions
- Exercise: Adding a Contact Form Plugin
- Using Widgets: Enhancing Your WordPress Layout
- Exercise: Adding a Widget
- Choosing a WordPress Theme: Finding, Evaluating and Installing
- Customizing Your Theme: Structure, Content and Appearance
- Creating Custom Menus: Replacing Theme Menus
- Using the Code Editor: Modifying Your WordPress Theme
- WordPress Settings: General, Reading, Writing and Permalinks
- Users and Roles: Assigning WordPress Access and Privileges
- WordPress Backup: Backing Up Your Blog and Database
- Updating WordPress: Automatic and Manual Updates
- Exercise: Customizing Your Theme Header, Part 01 Blog Course Files.zip
- Exercise: Customizing Your Theme Header, Part 02
- Exercise: Customizing Your Page Content
- Exercise: Customizing Your Footer
- Installing WooCommerce
- Basic Settings: Getting Started with WooCommerce
- Product Settings: Configuring Products in WooCommerce
- Tax Settings: Configuring Sales Tax in WooCommerce
- Checkout Settings: Configuring Checkout Options in WooCommerce
- Shipping Settings: Configuring Shipping in WooCommerce
- Account Settings: Configuring Customer Accounts in WooCommerce
- Product Categories: Adding Product Categories in WooCommerce
- Adding Simple Products in WooCommerce
- Adding Variable Products in WooCommerce
- Adding Virtual and Downloadable Products in WooCommerce
- Adding Linked and Related Products in WooCommerce
- Creating Coupons: Configuring Special Offers in WooCommerce
- Customizing Email: Email Messaging Customization in WooCommerce
- Managing Orders with WooCommerce
- Managing Inventory with WooCommerce
- Reporting: Sales Reporting in WooCommerce
- Configuring Product Category Navigation in WooCommerce
- Exercise: Creating Your Storefront Home Page, Part 01 eCommerce Course Files.zip
- Exercise: Creating Your Storefront Home Page, Part 02
- Exercise: Creating Your Storefront Home Page, Part 03
- Exercise: Creating Your Storefront Home Page, Part 04
- Exercise: Creating Your Category Landing Page
- Prepare to Launch! Approval, Testing, Bugs and Beyond
- Pre-Launch Checklist: What to Do Before You Launch 186-Pre-Launch-Checklist.docx
- Bonus: Convincing Clients/Stakeholders to Include UX in Requirements Work