User Experience for Web Design

Introduction

• Building a site for your visitors

1. What Makes a Good Web User Experience?

• Define your visitors
• Focus on information
• Why people leave sites
• Simple design
• Consistent design
• Standard design

2. Creating Good Content

• Your content determines your design
• How people read on the web
• Writing for information exchange
• Formatting for information exchange

3. Using Media to Help Tell Your Story

• Using graphics for explanation, not decoration
• Using different types of media
• Adding interactive content

4. Balancing Adverts and Content

• Ad revenue without selling out
• Where to display ads

5. Navigation

• Content has a structure
• Choosing menu placement
• Mobile menus
• Reviewing some menu myths
• Working with site maps
• Adding search to your site
• Understanding links
• Using Fitts' Law

6. Site Layout

• People can begin from any page on your site
• Providing a good information scent
• Creating progressive navigation
• Arranging detailed content

7. Homepage

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

8. Category and Landing Pages

• Showing people what you've got
• Make comparisons easy
• Creating landing pages from ad campaigns

9. Detail and Product Pages

• Giving visitors the facts
• Using images to set context
• Showing the price for products
• Have a call to action
• About Us: A special detail page

10. Forms

• Ask for information in context
• Making forms as painless as possible
• Creating form fields
• Handling errors gracefully

11. Good Design Practice

• Simple, consistent, and standard design
• Considering your users
• Continuing your UX journey