61
Web Site Makeover or, Increase your site’s conversion

Web Site Makeover - Usability Case Studies

Embed Size (px)

DESCRIPTION

Sitewire's presentation of case studies in web usability

Citation preview

Page 1: Web Site Makeover - Usability Case Studies

Web Site Makeover or,Increase your site’s conversion

Page 2: Web Site Makeover - Usability Case Studies

Who we are:

Bret Giles, President

Rich Spinabella,Senior User Experience Engineer

39 people and a hand puppet

Page 3: Web Site Makeover - Usability Case Studies

Why consider a makeover?

Page 4: Web Site Makeover - Usability Case Studies

Why consider a makeover?

Page 5: Web Site Makeover - Usability Case Studies

Why consider a makeover?

Page 6: Web Site Makeover - Usability Case Studies

What we will do:

• Conduct a whirlwind tour of industry sites

• Step through the user experience of a typical apartment-finding site

• Examine one site in excruciating detail

• Summarize what you can do for yourself

An ongoing commentary (Bret and me), hopefully interactive (you):

User experience best practices sprinkled throughout

Page 7: Web Site Makeover - Usability Case Studies

How we do it (part 1):

We consider real data:

Research provides the foundation for our 135 website best practices.

Analytics give us specific data about real site conditions.

Testing and measurement give us real-world information.

We analyze what the data means:

Marketing demographics and psychographics help us develop personas about our target audience.

Business goals provide context.

Page 8: Web Site Makeover - Usability Case Studies

BP: Build community

BP: Anticipate customer needs

BP: Be credible

Page 9: Web Site Makeover - Usability Case Studies

BP: Prioritize your content

Page 10: Web Site Makeover - Usability Case Studies

BP: Present clear calls to action

Page 11: Web Site Makeover - Usability Case Studies

BP: Keep the user ‘on the scent’

Page 12: Web Site Makeover - Usability Case Studies

BP: Segment your audience

BP: Build community

Page 13: Web Site Makeover - Usability Case Studies

BP: Tell people who you are

BP: Motivate your audience

Page 14: Web Site Makeover - Usability Case Studies

BP: Communicate your content

BP: Provide value

Page 15: Web Site Makeover - Usability Case Studies

BP: Differentiate your offering

BP: Anticipate customer needs

Page 16: Web Site Makeover - Usability Case Studies

BP: Speak to your audience

BP: Motivate your audience

Page 17: Web Site Makeover - Usability Case Studies

BP: Differentiate your offering

BP: Anticipate customer needs

Page 18: Web Site Makeover - Usability Case Studies

BP: It’s about the content

BP: Anticipate customer needs

Page 19: Web Site Makeover - Usability Case Studies

BP: Present clear calls to action

BP: Communicate your content

BP: Anticipate customer needs

Page 20: Web Site Makeover - Usability Case Studies

BP: Keep important content ‘above the fold’ (especially on the Home page)

Page 21: Web Site Makeover - Usability Case Studies

BP: Provide a clear path to completion

BP: Make it easy for the customer

Page 22: Web Site Makeover - Usability Case Studies

BP: Anticipate customer needs

BP: Anticipate customer needs

BP: It’s about the content

Page 23: Web Site Makeover - Usability Case Studies

BP: Present clear calls to action

BP: It’s about the content

BP: Make it easy for the customer

Page 24: Web Site Makeover - Usability Case Studies

BP: Anticipate customer needs

BP: Present clear calls to action

?

BP: Make it easy for the customer

Page 25: Web Site Makeover - Usability Case Studies

BP: Present clear calls to action

BP: Don’t distract the customer if they are doing what you want them to do

Page 26: Web Site Makeover - Usability Case Studies

How we do it (part 2):

First, we’ll look at existing site pages and assess them against best practices.

Second, I’ll show you some simple redesigns to improve usability and conversion.

Tear it down

Build it up

Page 27: Web Site Makeover - Usability Case Studies

Thank you Gina ScheffelHamilton Zanze & Co.

Page 28: Web Site Makeover - Usability Case Studies
Page 29: Web Site Makeover - Usability Case Studies
Page 30: Web Site Makeover - Usability Case Studies
Page 31: Web Site Makeover - Usability Case Studies
Page 32: Web Site Makeover - Usability Case Studies
Page 33: Web Site Makeover - Usability Case Studies
Page 34: Web Site Makeover - Usability Case Studies
Page 35: Web Site Makeover - Usability Case Studies
Page 36: Web Site Makeover - Usability Case Studies
Page 37: Web Site Makeover - Usability Case Studies
Page 38: Web Site Makeover - Usability Case Studies
Page 39: Web Site Makeover - Usability Case Studies
Page 40: Web Site Makeover - Usability Case Studies
Page 41: Web Site Makeover - Usability Case Studies
Page 42: Web Site Makeover - Usability Case Studies
Page 43: Web Site Makeover - Usability Case Studies
Page 44: Web Site Makeover - Usability Case Studies
Page 45: Web Site Makeover - Usability Case Studies
Page 46: Web Site Makeover - Usability Case Studies

Golf Course

Too broad…

Too narrow…

Page 47: Web Site Makeover - Usability Case Studies
Page 48: Web Site Makeover - Usability Case Studies
Page 49: Web Site Makeover - Usability Case Studies
Page 50: Web Site Makeover - Usability Case Studies
Page 51: Web Site Makeover - Usability Case Studies
Page 52: Web Site Makeover - Usability Case Studies
Page 53: Web Site Makeover - Usability Case Studies
Page 54: Web Site Makeover - Usability Case Studies
Page 55: Web Site Makeover - Usability Case Studies
Page 56: Web Site Makeover - Usability Case Studies
Page 57: Web Site Makeover - Usability Case Studies
Page 58: Web Site Makeover - Usability Case Studies

The landing page

Page 59: Web Site Makeover - Usability Case Studies

10 Things to Increase Your Conversion

1. Make your Home Page clear and direct. Differentiate.

2. Identify your target audience and write for them.

5. Put an appropriate call to action on every page.

3. Provide value for your audience and answer their questions. Be transparent.

4. Create a clear ‘path to completion’ for the things your audience want to do. Remove obstacles!

Page 60: Web Site Makeover - Usability Case Studies

10 Things to Increase Your Conversion

7. Build urgency into your message.

6. Provide a ‘scent trail’ throughout your site.

9. Build your site ‘search engine friendly’.

8. Use creative design to enhance, not obscure, your site.

10. Test and use analytics to measure and monitor your performance.

Page 61: Web Site Makeover - Usability Case Studies

Bret Giles

Rich Spinabella

Thank you!