51
March 2010 Web Site Best Practices Linda Kolker Marketing Communications & Web Site Usability [email protected] lindakolker.com 434-984-6619

Best Practices For Web Sites Part 1

Embed Size (px)

Citation preview

Page 1: Best Practices For Web Sites Part 1

March 2010

Web Site Best Practices

Linda KolkerMarketing Communications & Web Site Usability

[email protected] lindakolker.com 434-984-6619

Page 2: Best Practices For Web Sites Part 1

March 2010 Best Practices for Your Web Site 2

Just Who Does She Think She Is?

• Marketing Consultant• Direct Response Consultant & Copywriter• Helped launch CD-ROM technology• Wrote book HR Manager’s Guide to Internet, 1996• Worked on development of scores of business web sites• Teach • Board, New Media Society of Washington, Charlottesville

Business Innovation Council

Page 3: Best Practices For Web Sites Part 1

March 2010 Best Practices for Your Web Site 3

Agenda

Introduction

InteractivityConventionsWhy Best Practices Matter

The Mile-high View: Five Core Questions

Best PracticesBusiness Strategy

Why Focus on sub-pages, too

Site Structure

Navigation

BREAK

Site Design

Content

Page 4: Best Practices For Web Sites Part 1

3/24/2009 4Best Practices for Your Web Site

Page 5: Best Practices For Web Sites Part 1

5Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 6: Best Practices For Web Sites Part 1

March 2010 6Best Practices for Your Web Site

Page 7: Best Practices For Web Sites Part 1

March 2010 Best Practices for Your Web Site 7

Web is interactive

People must DO something in order to discover what a web site is about

Page 8: Best Practices For Web Sites Part 1

March 2010 8

Mostly Based On Conventions:The Things That Most Sites Do

Best Practices for Your Web Site lindakolker.com 434-984-6619

Page 9: Best Practices For Web Sites Part 1

March 2010 Best Practices for Your Web Site 9lindakolker.com 434-984-6619

Page 10: Best Practices For Web Sites Part 1

March 2010 Best Practices for Your Web Site 10

Page 11: Best Practices For Web Sites Part 1

11

Navigation Convention

Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 12: Best Practices For Web Sites Part 1

Why Best Practices Matter

12Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 13: Best Practices For Web Sites Part 1

Why Best Practices Matter

We are creatures of habit, and rely on patterns to save time and energy of constantly learning something new

13Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 14: Best Practices For Web Sites Part 1

Why Best Practices Matter

Most popular web sites have similar patterns

14Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

We are creatures of habit, and rely on patterns to save time and energy of constantly learning something new

Page 15: Best Practices For Web Sites Part 1

Why Best Practices Matter

15

People are comfortable with what they already know

Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Most popular web sites have similar patterns

We are creatures of habit, and rely on patterns to save time and energy of constantly learning something new

Page 16: Best Practices For Web Sites Part 1

16

“Don’t make me think!”--Steve Krug

Why Best Practices Matter

Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

30 seconds to engage or lose

Page 17: Best Practices For Web Sites Part 1

17

Why Best Practices Matter

Good for your business

Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 18: Best Practices For Web Sites Part 1

Five Core Questions

1.What is this organization about?

2.What is this web site about?

3.How do I find what I’m looking for?

4.What can I do next?

5.How can I get back to where I was?

18Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 19: Best Practices For Web Sites Part 1

A few of the Web’s most-visited sites.

What common elements do you see?

How well do they answer the five questions?

19Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 20: Best Practices For Web Sites Part 1

20Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 21: Best Practices For Web Sites Part 1

21Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 22: Best Practices For Web Sites Part 1

22Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 23: Best Practices For Web Sites Part 1

Communicates the purpose of your business and your site

Tag line that explicitly summarizes what the organization and/or site does

Value proposition clearly stated Name and logo at top / in upper left corner

3/24/2009 23Best Practices for Your Web Site

Best PracticesStrategy

lindakolker.com 434-984-6619

Page 24: Best Practices For Web Sites Part 1

3/24/2009 24Best Practices for Your Web Site lindakolker.com 434-984-6619

Page 25: Best Practices For Web Sites Part 1

3/24/2009 25Best Practices for Your Web Site lindakolker.com 434-984-6619

Page 26: Best Practices For Web Sites Part 1

Should be able to answer the five questions looking at ANY page on the web site

Home page

ALL other pages

3/24/2009 26Best Practices for Your Web Site

Page 27: Best Practices For Web Sites Part 1

3/24/2009 27Best Practices for Your Web Site

Page 28: Best Practices For Web Sites Part 1

3/24/2009 28Best Practices for Your Web Site

Page 29: Best Practices For Web Sites Part 1

Hierarchy with 2 – 5 levels

29

Home

Products

Product A

Product B

Services

Service A

Service B

Best PracticesSite Structure

Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 30: Best Practices For Web Sites Part 1

Typical Site Sections

30

Home

Products

Product A

Product B

Industries Served News About

UsContact

Us

Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 31: Best Practices For Web Sites Part 1

Best Practices

Main navigation and local navigation

Both are available on every page

Deep navigation on home page

31

Navigation

Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 32: Best Practices For Web Sites Part 1

32Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 33: Best Practices For Web Sites Part 1

33

Navigation links are underlined and in a different color

When you click on a link, you go to content that you expect to see

Best PracticesNavigation

Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 34: Best Practices For Web Sites Part 1

34Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 35: Best Practices For Web Sites Part 1

35Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 36: Best Practices For Web Sites Part 1

36Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 37: Best Practices For Web Sites Part 1

Best PracticesDesign

Home page is clearly different from other pages, but design is consistent throughout site

Looks like a recent site, rather than an old, out of date site

Name & logo are in upper left or across top, tagline at top

Site wide navigation across top

Local navigation down left or right side

37Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 38: Best Practices For Web Sites Part 1

38Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 39: Best Practices For Web Sites Part 1

39Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 40: Best Practices For Web Sites Part 1

40Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 41: Best Practices For Web Sites Part 1

Subheads Bulleted lists Highlighted keywords Short paragraphs The inverted pyramid A simple writing style De-fluffed language devoid of marketese.

41

Best PracticesContent

--Jakob Nielsen, Alertbox

Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 42: Best Practices For Web Sites Part 1

3/24/2009 42Best Practices for Your Web Site lindakolker.com 434-984-6619

Page 43: Best Practices For Web Sites Part 1

3/24/2009 43Best Practices for Your Web Site

Page 44: Best Practices For Web Sites Part 1

3/24/2009 44Best Practices for Your Web Site

Page 45: Best Practices For Web Sites Part 1

3/24/2009 45Best Practices for Your Web Site

Page 46: Best Practices For Web Sites Part 1

3/24/2009 46Best Practices for Your Web Site

Page 47: Best Practices For Web Sites Part 1

3/24/2009 47Best Practices for Your Web Site

Page 48: Best Practices For Web Sites Part 1

3/24/2009 48Best Practices for Your Web Site

Page 49: Best Practices For Web Sites Part 1

Measuring Success

Are you achieving your goals?

Is your site easier to use?

Are people spending more time on your site and returning more frequently?

49Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619

Page 50: Best Practices For Web Sites Part 1

Measuring Success

Are you achieving your goals?

Is your site easier to use? User testing

Are people spending more time on your site and returning more frequently? Site usage statistics – site traffic logs

50Best Practices for Your Web SiteMarch 2010

Page 51: Best Practices For Web Sites Part 1

Resources

Don’t Make Me Think, Steve Krug

Jakob Nielsen: useit.com/alertbox, also numerous books

Usability.gov – covers many best practices for web site usability, with supporting research, (though site needs usability improvements)

Google Analytics: google.com/analytics

51Best Practices for Your Web SiteMarch 2010 lindakolker.com 434-984-6619