19
Website Visitor’s Experience ‘Don’t Make Them Think!’ Masrur Hannan www.linkedin.com/in/ masrurhannan Content ‘mostly’ based on: Don’t Make Me Think, by Steve Krugg, Ex- Apple UX personnel.

Website visitor’s experience ‘don’t make them think' - masur hannan - 3 nov 2013

Embed Size (px)

DESCRIPTION

A quick 10 minute talk at Google Business Group (GBG) Dhaka event of "How to design a Good Website" - based on Steve Krugg's book Don't Make Me Think, by Masrur Hannan.

Citation preview

Page 1: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience ‘Don’t Make Them Think!’

Masrur Hannanwww.linkedin.com/in/masrurhannan

Content ‘mostly’ based on:

Don’t Make Me Think, by Steve Krugg, Ex- Apple UX personnel.

Page 2: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Discussion Topics

• What is User Experience (UX)? [2 minutes, 2 Slides]

• How to Design User’s Experience[3 minutes, 3 Slides]

• Website Visitor’s Experience[5 minutes, 11 Slides]

Page 3: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

What is User Experience (UX)?

Page 4: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

User Experience (UX) in daily life

Page 5: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

What is User Experience Design?

Page 6: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

How to design User’s Experience

Bonolota Designs’ methodologies in User Experience Design:

1.Initial RESEARCH

2.Prototyping

3.User Testing of prototypes

4.Iterative design and development with USER TESTING

5.Post-launch performance measuring

Page 7: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

User Experience (UX) Design objective

Page 8: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

User’s Experience Design and Websites

Website Visitor’s Experience - ‘Don’t Make Them Think!’

Any Web Page, should be:

1. Self-evident2. Obvious3. Self-explanatory

 

Visitors should be able to “get it”, and with no Squinting :)

Page 9: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience Design

When creating a site, the most important job is to get rid of Visitor’s question marks!

Page 10: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience Design

Page 11: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience Design

Things that make us think

Links and buttons that aren’t obviously clickable.

· Where am I?

· Where should I begin?

· Where did they put _____?

· What are the most important things on this page?

· Why did they call it that?

Page 12: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience Design

We don’t read pages. We scan them.

Page 13: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience Design

Page 14: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience Design

Glancing around, a website visitor should be able to point at the different areas of the page and say:

“Things I can do on this site!”

“Links to today’s top stories!”

“Products this company sells!”

“Things they’re eager to sell me!”

“Navigation to get to the rest of the site!” 

Page 15: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience Design

Designing the Home Page: 'conveying the big picture'.

• Site identity and mission

• Site hierarchy

• Search

• Timely content

• Deals

• Shortcuts

Page 16: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience Design

Designing the Home Page, getting the message across:

1. The tagline – precise, NOT vague

2. The Welcome blurb – Not ‘mission statement’

3. Don’t use any more space than necessary.

Page 17: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience Design

Things that can diminish goodwill:

1. Hiding information that visitors want

2. Punishing visitors for not doing things your way!

3. Asking visitors for information site don’t really need

4. Putting sizzle in my way

5. Amateurish looking sites

Page 18: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Website Visitor’s Experience Design

Things that can increase goodwill:

1. Save visitors steps wherever you can

2. Know what questions I’m likely to have, and answer them

3. Keep website pages up to date

4. When in doubt, apologize

5. Make it easy to recover from errors

Page 19: Website visitor’s experience   ‘don’t make them think' - masur hannan - 3 nov 2013

Thanks! …

Sorry, perhaps NO time for Q&A?

URLs: www.bonolota.com (coming soon) www.fb.com/bonolotadesigns

Email: [email protected]

Masrur Hannan: [email protected] SlideShare: http://slideshare.net/mhannanLinked In: www.linkedin.com/in/masrurhannan

Thanks again, Masrur Hannan.