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