User Experience for Web Design

Course details

Whether you're designing anything from a personal blog site or portfolio to an ecommerce website, always keep in mind: A good user experience will make users stay on your site, while a bad one will make them look elsewhere. In this course, Chris Nodder teaches you how to apply some simple interaction design principles to your site to make it behave in the way that users expect and enjoy. Chris covers the key things people want from web sites, how they search for information, how they read online, and how to structure your content to take advantage of this. He shows you how to use graphics to help rather than hinder visitors, how to integrate video, audio, and other media, and when to consider interactive rather than static content. He also discusses the importance of seeing your site’s home page, forms, product pages and content through users’ eyes in order to build a site that better meets their needs.

Concepts

0. Introduction

01 - Building a site for your visitors

1. What Makes a Good Web User Experience

02 - Define your visitors
03 - Focus on information
04 - Why people leave sites
05 - Simple design
06 - Consistent design
07 - Standard design

2. Creating Good Content

08 - Your content determines your design
09 - How people read on the web
10 - Writing for information exchange
11 - Formatting for information exchange

3. Using Media to Help Tell Your Story

12 - Using graphics for explanation, not decoration
13 - Using different types of media
14 - Adding interactive content

4. Balancing Adverts and Content

15 - Ad revenue without selling out
16 - Where to display ads

5. Navigation

17 - Content has a structure
18 - Choosing menu placement
19 - Mobile menus
20 - Reviewing some menu myths
21 - Working with site maps
22 - Adding search to your site
23 - Understanding links
24 - Using Fitts' Law

6. Site Layout

25 - People can begin from any page on your site
26 - Providing a good information scent
27 - Creating progressive navigation
28 - Arranging detailed content

7. Homepage

29 - Using your homepage as a site summary
30 - The five-second test

8. Category and Landing Pages

31 - Showing people what you've got
32 - Make comparisons easy
33 - Creating landing pages from ad campaigns

9. Detail and Product Pages

34 - Giving visitors the facts
35 - Using images to set context
36 - Showing the price for products
37 - Have a call to action
38 - About Us - A special detail page

10. Forms

39 - Ask for information in context
40 - Making forms as painless as possible
41 - Creating form fields
42 - Handling errors gracefully

11. Good Design Practice

43 - Simple, consistent, and standard design
44 - Considering your users
45 - Continuing your UX journey