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!
Learn how to apply User Experience (UX) principles to your website designs, code a variety of sites, and increase sales!
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.
FAQ area empty
It's Not Just About Users: The UX Value Loop
170Business Stakeholder Research
169 Xem trướcIdentifying Business Goals
810SNACK BREAK: What Are Your (or Your Client's) Business Goals?
61User Research: Putting People First
166Identifying User Needs
491Decision Paths: Connecting User Needs with Strategy
293Exercise: Create a Decision Path
271Introduction to Requirements
150Generating Meaningful Requirements
238Three Kinds of Requirements
387Documenting Requirements
293Determining Project Scope
177Controlling Scope Creep
398Exercise: Smart Project Scoping
401Planning for User Testing
239Creating a Test Plan: Who Are We Testing For?
202Prioritizing Device and Browser Support
169What to Test: Functionality
348What to Test: Usability
281What to Test: Errors and Exceptions
117What to Test: Compatibility
138What to Test: Performance
91What to Test: Security
150Definition Takeaways: Things to Remember
226Information Architecture: Organizing Content and Flow
185What IS Information Architecture (IA)?
302Content Strategy: Identifying, Organizing and Delivering
353Determining Content Requirements
444Exercise: Identifying Content Workflows
582My Tips for Successful Information IA Modeling
770Creating and Prioritizing IA
210Content Labeling
460File Naming
433Grouping and Classifying Content
180Exercise: Determining Information Priority
350Exercise: Turning Information Priority into an IA Model
241IA Models: Which One's Right for My Site?
156Hierarchical Tree IA Model
66Nested List IA Model
55Hub and Spoke IA Model
63Bento Box IA Model
111Filtered View IA Model
72Combining IA Models
106Tools for Creating IA Models
219Socializing and Validating Your IA Model
501SNACK BREAK: Create an IA Model for Your Website
88Navigation Design
55Primary and Secondary Navigation
232Global and Local Navigation
255Navigation for Different User Types
274Validating Your Navigation Scheme
360Exercise: Determining Key Navigation Paths
612Wireframing 101
105What a Wireframe ISN'T
305What a Wireframe IS
393My Tips for Creating Successful Wireframe Prototypes
736Creating Wireframes: Tools of the Trade
581SNACK BREAK: Try Creating a Basic Wireframe on Your Own
87Exercise: Creating a B2B Wireframe with Axure RP Pro
3120Socializing and Validating Wireframes
335Information Architecture Takeaways: Things to Remember
282"What's It Gonna Look Like?" An Introduction to Design
190Defining Appropriate User Interface (UI) Design
1032How Definition and IA Inform UI Design
311Timeless UI Design Principles, Part 01
791Timeless UI Design Principles, Part 02
979Timeless UI Design Principles, Part 03
770Timeless UI Design Principles, Part 04
1143SNACK BREAK: Identify Design Principles in an Existing UI
81My Tips for Solving Visual Problems
989Organizing Visual Information - Part 01
1045Organizing Visual Information - Part 02
1372Designing Appropriate Visual Hierarchy
1682Designing for Audience Expectation
895Designing for Interaction
1734Exercise: Create a UI Design for a B2B Website
3016Exercise: Create a UI Design Layout for a WordPress Blog - Part 01
801Exercise: Create a UI Design Layout for a WordPress Blog - Part 02
677Exercise: Create a UI Design Layout for a WordPress Blog - Part 03
929Exercise: Create a UI Design Layout for a WordPress Blog - Part 04
1680Exercise: Create a UI Design Layout for an Ecommerce Website
4692SNACK BREAK: Evaluate Your UI Design
97Design Takeaways: Things to Remember
440Development: Coding, Customizing and Configuring
144Dreaming in Code: You've Got the Power!
195Hosting & Domain Considerations
238File Structure and FTP: Organizing & Uploading
458Basic HTML Structure: Building a Solid Foundation
236Tags, Elements and Attributes: Describing HTML Content
176What's In a Name? Titles and Headings
416Formatting Paragraphs: Creating and Styling Text Content
249Organizing Your Code: Using Indentation and Comments
228Creating Your First Web Page: Applying What You've Learned
280Content Elements – Hyperlinks: Getting from Here to There
189Content Elements – Unordered and Ordered Lists: Creating and Formatting
174Content Elements – Images: Adding Images and Defining Attributes
294Content Elements – Audio and Video: Adding Media to Your Web Page
442Font Styling: Defining Style, Color and Size
179Exercise: Adding Images, Unordered Lists and Hyperlinks
323CSS – Content Styling: Adding Good Skin to Good Bones
252CSS – Inline, Internal or External? Getting Smart
283CSS – Inheritance: Sharing Attributes Efficiently
201CSS – Background Color and Image: Creating Background Effects
234CSS – Font Color and Weight: Giving Text Impact and Emphasis
270CSS – Classes and Spans: Getting Specific with Styling
424CSS – Working with Divs: Dividing and Conquering with Classes and IDs
390CSS – Link Styling: Using Text Decoration
351Exercise – Creating a Navigation Menu: Leveraging CSS for Wayfinding
426Basic Table Structure: Organizing Content
464Styling Tables with CSS: Enhancing Communication and Readability
430Margins and Padding: Establishing Purposeful Negative Space
434Display and Positioning: What, Where and How
727The Box Model: The Parts and the Whole
288Float and Clear: Controlling Visual Flow
473Nested Layouts: Using Divs for Precision and Flexibility
524Forms: Creating Good Input (and Output)
905Creating Forms: Grouping Form Data
166Styling Forms with CSS: Creating Consistency and Usability
286Installing WordPress Automatically: Using Your Hosting Provider's CPanel
176Installing WordPress Manually: Using an FTP Client
507The WordPress Dashboard: A Quick Tour of Features and Functions
356Posts vs. Pages: Creating Content in WordPress
327Categories: Organizing WordPress Content
325Tags: Adding Context To Your Posts
297Comments: Connecting and Managing Conversations
222Formatting Text: Using the WordPress Text Editor
350Adding Hyperlinks: Creating and Managing Links in WordPress
115Adding Images: Inserting and Managing Images in WordPress
332Adding Video: Inserting and Managing Video in WordPress
395Working with Plugins: Extending WordPress Features and Functions
499Exercise: Adding a Contact Form Plugin
734Using Widgets: Enhancing Your WordPress Layout
420Exercise: Adding a Widget
311Choosing a WordPress Theme: Finding, Evaluating and Installing
426Customizing Your Theme: Structure, Content and Appearance
314Creating Custom Menus: Replacing Theme Menus
418Using the Code Editor: Modifying Your WordPress Theme
351WordPress Settings: General, Reading, Writing and Permalinks
578Users and Roles: Assigning WordPress Access and Privileges
288WordPress Backup: Backing Up Your Blog and Database
198Updating WordPress: Automatic and Manual Updates
276Installing WooCommerce
265Basic Settings: Getting Started with WooCommerce
266Product Settings: Configuring Products in WooCommerce
585Tax Settings: Configuring Sales Tax in WooCommerce
425Checkout Settings: Configuring Checkout Options in WooCommerce
322Shipping Settings: Configuring Shipping in WooCommerce
685Account Settings: Configuring Customer Accounts in WooCommerce
121Product Categories: Adding Product Categories in WooCommerce
198Adding Simple Products in WooCommerce
490Adding Variable Products in WooCommerce
350Adding Virtual and Downloadable Products in WooCommerce
422Adding Linked and Related Products in WooCommerce
258Creating Coupons: Configuring Special Offers in WooCommerce
383Customizing Email: Email Messaging Customization in WooCommerce
295Managing Orders with WooCommerce
261Managing Inventory with WooCommerce
127Reporting: Sales Reporting in WooCommerce
262Configuring Product Category Navigation in WooCommerce
221Need 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)
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
0 Student
2 Courses
0 review