Best Practices For Web Sites Part 1

Preview:

Citation preview

March 2010

Web Site Best Practices

Linda KolkerMarketing Communications & Web Site Usability

linda@lindakolker.com lindakolker.com 434-984-6619

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

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

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

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

March 2010 6Best Practices for Your Web Site

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

March 2010 8

Mostly Based On Conventions:The Things That Most Sites Do

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

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

March 2010 Best Practices for Your Web Site 10

11

Navigation Convention

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

Why Best Practices Matter

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

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

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

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

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

17

Why Best Practices Matter

Good for your business

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Recommended