Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 23.5 hours on-demand video
  • 17 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Design User Experience Design Web Design

UX & Web Design Master Course: Strategy, Design, Development

Learn how to apply User Experience (UX) principles to your website designs, code a variety of sites, and increase sales!
Rating: 4.5 out of 54.5 (11,881 ratings)
84,344 students
Created by Joe Natoli
Last updated 3/2020
English
English [Auto], French [Auto], 
30-Day Money-Back Guarantee

What you'll learn

  • A clear understanding of the principles and benefits of good UX and how to apply it to your website
  • A strategy for making sure you know what people need from your website, and what you or your client needs from it in order to succeed
  • The confidence to know what information should be included in your website, and how to design it to increase conversions
  • The ability to code a variety of websites with HTML, CSS, WordPress, and other tools
Curated for the Udemy for Business collection

Requirements

  • Need a willingness to learn!
  • Adobe Photoshop Free Trial version
  • Axure RP Free Trial version
  • In order to install and configure WordPress for the last two sections, you will need a hosting plan, either paid or free (Google "free WordPress hosting" for options)

Description

This course will teach you everything you need to know about UX, including design, content, and coding. And you'll learn from the ground up, so it doesn't matter how much experience you have when you start.

You'll be exposed to principles and strategies, but, more importantly, you'll learn how to actually apply these abstract concepts by coding three different websites for three very different audiences.

Improve Your Website with UX Strategies

  • Apply UX strategies to a site's content & design

  • Understand Information Architecture to enhance the content on your website

  • Know what dictates how your website should look

  • Design and code a B2B website, a B2C blog, and an ecommerce site

Understand UX and Learn How to Develop Winning Websites

This course will help you stand out as a web designer, teaching you how to apply User Experience (UX) strategies that will make every site you build useful, usable, and valuable.

Reinforce what you're learning using the bonus 30-page downloadable UX Guidebook. Filled with exercises and activities, the UX Guidebook is a great tool to reference as you progress through the course, or while developing your own custom sites.

You'll also get hands-on experience designing and coding three different types of sites. This will give you the confidence to pursue similar projects if you're already a website designer, if you want to get into web design, or if you want to enhance your current business site.

Contents and Overview

Even if you're a complete beginner, this course will show you how to make a website functional, attractive and successful. It will walk you through all of the steps required to enhance the User Experience on any site, right down to the code, content, and design.

You'll begin by defining who your website users are and what they expect from the website. You'll also learn how business goals — yours or your client's — have to be uncovered and addressed for site success.

You'll learn what questions to ask both groups, and you'll use the answers to inform your content and design decisions.

Next, you'll dig into Information Architecture (IA), which looks at the content on your website, how you should categorize it, what you should call it, and more.

This will lay the foundation on which you can further build out your website to make users flock to it, stay on it, and hopefully make purchases.

Plus, you'll tackle how to design your website depending upon who your visitors are, whether your website is B2B (business-to-business), B2C (business-to-consumer), or an ecommerce site for selling products online.

Different audiences have different needs, so learning what your target user expects from your site means you'll be able to design and build a site that meets those expectations and leads to greater conversions.

In addition to knowing what you need to put into your website to make it stand out from the crowd, you'll also learn how to identify and remove UX- and UI-related obstacles.

The ability to see and solve these problems will ensure every website you build moving forward will be useful, usable and valuable to the people who use it.

Most importantly, you'll then learn how to actually build and code these types of sites using HTML, CSS, WordPress, and more.

You'll not only know how to effectively design B2B, B2C, and ecommerce sites, but you'll also know exactly how to develop these sites, from start to finish.

By the end of this course, you'll have an in-depth understanding of UX and web design, as well as the tools to develop a variety of sites with the right code.

You'll know why UX is so important to both users and businesses, what content is needed on a site, what UI design is appropriate, and how to transform your vision into a fully functional website using the most effective tools available.

Who this course is for:

  • New or established business owners who want to gain more from their online presence
  • Beginners who want to learn UX, web design and/or development
  • Website designers who want to enhance their skills
  • Print designers who want to move into web design

Featured review

Nuno Filipe Trovisco Fernandes
Nuno Filipe Trovisco Fernandes
40 courses
14 reviews
Rating: 4.5 out of 5a year ago
Very good content. Everything is explained in an easy and straight to the point approach. Love the takeaways specially the ones at the end of the sections. I'ts bad that sometimes the audio is very very low, makes it tricky to hear even with headphones. The last sections that focus more on wordpress are good even if you don't work with such tool, the important is to understand the design process.

Course content

16 sections • 187 lectures • 23h 16m total length

  • Preview02:32
  • Preview01:08
  • Preview03:23

  • Preview03:43
  • Three Crucial Questions (You Must Ask)
    01:17
  • What's Worth Doing?
    04:26
  • What Are We Creating?
    07:16
  • What Value Does It Provide?
    05:47
  • SNACK BREAK: Who Are Your Users?
    01:18
  • Exercise: Determining Value & Strategic Opportunity
    10:27

  • It's Not Just About Users: The UX Value Loop
    02:50
  • Business Stakeholder Research
    02:49
  • Identifying Business Goals
    13:30
  • SNACK BREAK: What Are Your (or Your Client's) Business Goals?
    01:01
  • User Research: Putting People First
    02:46
  • Identifying User Needs
    08:11
  • Decision Paths: Connecting User Needs with Strategy
    04:53
  • Exercise: Create a Decision Path
    04:31
  • Introduction to Requirements
    02:30
  • Generating Meaningful Requirements
    03:58
  • Three Kinds of Requirements
    06:27
  • Documenting Requirements
    04:53
  • Determining Project Scope
    02:57
  • Controlling Scope Creep
    06:38
  • Exercise: Smart Project Scoping
    06:41

  • Planning for User Testing
    03:59
  • Creating a Test Plan: Who Are We Testing For?
    03:22
  • Prioritizing Device and Browser Support
    02:49
  • What to Test: Functionality
    05:48
  • What to Test: Usability
    04:41
  • What to Test: Errors and Exceptions
    01:57
  • What to Test: Compatibility
    02:18
  • What to Test: Performance
    01:31
  • What to Test: Security
    02:30
  • Definition Takeaways: Things to Remember
    03:46

  • Information Architecture: Organizing Content and Flow
    03:05
  • What IS Information Architecture (IA)?
    05:02
  • Content Strategy: Identifying, Organizing and Delivering
    05:53
  • Determining Content Requirements
    07:24
  • Exercise: Identifying Content Workflows
    09:42
  • My Tips for Successful Information IA Modeling
    12:50
  • Creating and Prioritizing IA
    03:30
  • Content Labeling
    07:40
  • File Naming
    07:13
  • Grouping and Classifying Content
    03:00
  • Exercise: Determining Information Priority
    05:50

  • Exercise: Turning Information Priority into an IA Model
    04:01
  • IA Models: Which One's Right for My Site?
    02:36
  • Hierarchical Tree IA Model
    01:06
  • Nested List IA Model
    00:55
  • Hub and Spoke IA Model
    01:03
  • Bento Box IA Model
    01:51
  • Filtered View IA Model
    01:12
  • Combining IA Models
    01:46
  • Tools for Creating IA Models
    03:39
  • Socializing and Validating Your IA Model
    08:21
  • SNACK BREAK: Create an IA Model for Your Website
    01:28

  • Navigation Design
    00:55
  • Primary and Secondary Navigation
    03:52
  • Global and Local Navigation
    04:15
  • Navigation for Different User Types
    04:34
  • Validating Your Navigation Scheme
    06:00
  • Exercise: Determining Key Navigation Paths
    10:12
  • Wireframing 101
    01:45
  • What a Wireframe ISN'T
    05:05
  • What a Wireframe IS
    06:33
  • My Tips for Creating Successful Wireframe Prototypes
    12:16
  • Creating Wireframes: Tools of the Trade
    09:41
  • SNACK BREAK: Try Creating a Basic Wireframe on Your Own
    01:27
  • Exercise: Creating a B2B Wireframe with Axure RP Pro
    52:00
  • Socializing and Validating Wireframes
    05:35
  • Information Architecture Takeaways: Things to Remember
    04:42

  • "What's It Gonna Look Like?" An Introduction to Design
    03:10
  • Defining Appropriate User Interface (UI) Design
    17:12
  • How Definition and IA Inform UI Design
    05:11
  • Timeless UI Design Principles, Part 01
    13:11
  • Timeless UI Design Principles, Part 02
    16:19
  • Timeless UI Design Principles, Part 03
    12:50
  • Timeless UI Design Principles, Part 04
    19:03
  • SNACK BREAK: Identify Design Principles in an Existing UI
    01:21

  • My Tips for Solving Visual Problems
    16:29
  • Organizing Visual Information - Part 01
    17:25
  • Organizing Visual Information - Part 02
    22:52
  • Designing Appropriate Visual Hierarchy
    28:02
  • Designing for Audience Expectation
    14:55
  • Designing for Interaction
    28:54
  • Exercise: Create a UI Design for a B2B Website
    50:16
  • Exercise: Create a UI Design Layout for a WordPress Blog - Part 01
    13:21
  • Exercise: Create a UI Design Layout for a WordPress Blog - Part 02
    11:17
  • Exercise: Create a UI Design Layout for a WordPress Blog - Part 03
    15:29
  • Exercise: Create a UI Design Layout for a WordPress Blog - Part 04
    28:00
  • Exercise: Create a UI Design Layout for an Ecommerce Website
    01:18:12
  • SNACK BREAK: Evaluate Your UI Design
    01:37
  • Design Takeaways: Things to Remember
    07:20

  • Development: Coding, Customizing and Configuring
    02:24
  • Dreaming in Code: You've Got the Power!
    03:15
  • Hosting & Domain Considerations
    03:58
  • File Structure and FTP: Organizing & Uploading
    07:38
  • Basic HTML Structure: Building a Solid Foundation
    03:56
  • Tags, Elements and Attributes: Describing HTML Content
    02:56
  • What's In a Name? Titles and Headings
    06:56
  • Formatting Paragraphs: Creating and Styling Text Content
    04:09
  • Organizing Your Code: Using Indentation and Comments
    03:48
  • Creating Your First Web Page: Applying What You've Learned
    04:40
  • Content Elements – Hyperlinks: Getting from Here to There
    03:09
  • Content Elements – Unordered and Ordered Lists: Creating and Formatting
    02:54
  • Content Elements – Images: Adding Images and Defining Attributes
    04:54
  • Content Elements – Audio and Video: Adding Media to Your Web Page
    07:22
  • Font Styling: Defining Style, Color and Size
    02:59
  • Exercise: Adding Images, Unordered Lists and Hyperlinks
    05:23
  • CSS – Content Styling: Adding Good Skin to Good Bones
    04:12
  • CSS – Inline, Internal or External? Getting Smart
    04:43
  • CSS – Inheritance: Sharing Attributes Efficiently
    03:21
  • CSS – Background Color and Image: Creating Background Effects
    03:54
  • CSS – Font Color and Weight: Giving Text Impact and Emphasis
    04:30
  • CSS – Classes and Spans: Getting Specific with Styling
    07:04
  • CSS – Working with Divs: Dividing and Conquering with Classes and IDs
    06:30
  • CSS – Link Styling: Using Text Decoration
    05:51
  • Exercise – Creating a Navigation Menu: Leveraging CSS for Wayfinding
    07:06
  • Basic Table Structure: Organizing Content
    07:44
  • Styling Tables with CSS: Enhancing Communication and Readability
    07:10
  • Margins and Padding: Establishing Purposeful Negative Space
    07:14
  • Display and Positioning: What, Where and How
    12:07
  • The Box Model: The Parts and the Whole
    04:48
  • Float and Clear: Controlling Visual Flow
    07:53
  • Nested Layouts: Using Divs for Precision and Flexibility
    08:44
  • Forms: Creating Good Input (and Output)
    15:05
  • Creating Forms: Grouping Form Data
    02:46
  • Styling Forms with CSS: Creating Consistency and Usability
    04:46

Instructor

Joe Natoli
29-year UX + Design Veteran; Consultant, Author & Speaker
Joe Natoli
  • 4.5 Instructor Rating
  • 32,402 Reviews
  • 167,747 Students
  • 8 Courses

Joe Natoli has launched five successful online courses with Udemy on the topics of User Experience (UX) and User Interface (UI) Design, with more than 180,000+ students enrolled to date.

Joe has been preaching and practicing the gospel of User Experience (UX) to Fortune 100, 500 and Government organizations for nearly three decades. That work includes commercial industry leaders like Google Ventures, Kroll/Duff + Phelps, Broadridge, Conde Nast, Johns Hopkins, Mettler-Toledo, PHH Arval, SC Johnson and Wolters Kluwer, as well as government agencies like the National Science Foundation, National Institutes of Health and the Dept. of Homeland Security.

Joe devotes half of his practice to writing, coaching, and speaking. From guiding students at the beginning of their careers to integrating UX into the work of seasoned veteran developers and designers, he is immensely passionate about the inherent power of UX and design.

The remaining half of Joe’s practice is dedicated to training Enterprise Design and Development teams, helping them integrate best practices in UX into their product development efforts. In addition, he does a limited number of UX Audit engagements to help organizations identify and overcome UX-related obstacles to product adoption.

Joe has been speaking publicly on the topics of User Experience (UX) and Design across the globe for 24 years, from global conferences like HOW Design Live, SDD, DevWeek, and IxDA South America. He also makes it a point to spend time talking to students across the country at colleges and universities, in an effort to give back what others have so generously given him.

His latest book on UX Strategy and Product Improvement, Think First, was published worldwide on October 5, 2015.

In addition, he has written numerous articles about the roles Design and UX play in business success for publications such as Fast Company, SmartCEO, The AIGA Journal, The Baltimore Business Journal and Business Monthly. His articles, advice and videos can be seen at his website, as well as across various social media platforms.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.