User Experience for Web Design

User Experience for Web Design

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 2h 03m | 617 MB

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.

Table of Contents

1 Building a site for your visitors

What Makes a Good Web User Experience
2 Define your visitors
3 Focus on information
4 Why people leave sites
5 Simple design
6 Consistent design
7 Standard design

Creating Good Content
8 Your content determines your design
9 How people read on the web
10 Writing for information exchange
11 Formatting for information exchange

Using Media to Help Tell Your Story
12 Using graphics for explanation, not decoration
13 Using different types of media
14 Adding interactive content

Balancing Adverts and Content
15 Ad revenue without selling out
16 Where to display ads

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

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

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

Category and Landing Pages
31 Showing people what you’ve got
32 Make comparisons easy
33 Creating landing pages from ad campaigns

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

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

Good Design Practice
43 Simple, consistent, and standard design
44 Considering your users
45 Continuing your UX journey