Don’t Make Me Think! AUTHOR: STEVE KRUG PRESENTATION BY: HAIDER ATTA TUNG

advertisement
Don’t Make Me
Think!
AUTHOR: STEVE KRUG
PRESENTATION BY: HAIDER ATTA TUNG
What is this about?

The following presentation will point out and define the key points
and guiding principles of the book “Don’t Make Me Think” by Steve
Krug
Don’t Make Me Think!

The first and the most essential point defined in this book is don’t
make me think.

This refers to the idea that when a web site makes you stop and
think about what you’re doing, it’s making your life harder, and
perhaps isn’t designed as well as it could be.

There are various points discussed throughout the book the explain
how to fix these problems and to make your webpage to its best
potential.
Remember:

Most people don’t read through an entire webpage; they scan
through it. They proceed to click the first reasonable choice and do
not attempt to understand a website. Users do not like to be
confused by a website hence, overly complicated webpages
prove to be a turn off.

Most of the users are driven by the desire to save time and are
attracted more to simplicity and aesthetics.
Usability

This means making sure something works well, and that an average
person of can use it for its intended purpose without getting
hopelessly frustrated and confused.

When a user looks at a web page it should be self-evident, obvious
and self-explanatory as much as humanly possible.
Design of Pages

Design pages for scanning rather than reading

Create a clear visual hierarchy.

Nest text to show what belongs to what.

Conventions are useful. Use them unless you have a really good
reason not to, as they help people to avoid thinking.

Clearly define portions of a page.

It should be very clear what is clickable.

Try and avoid “noise”.
Mindless Choices

From a users perspective, It doesn’t matter how many times they
have to click, as long as each click is an unambiguous choice

People don’t mind clicking more, if they are confident that they’re
clicking on the right thing, and the choice was easy

If we find something that works, we stick to it. Once we find
something that work we tend not to look for a better way. We’ll use
a better way if we stumble across one, but we seldom look for one
Avoid Small Talk

Happy talk is small talk. It is unnecessary noise that is filling up your
page and serves no real purpose.

This proves to be unattractive to the users as it populates the page
with useless information that a webpage can do without and makes
it more confusing.

Keep it brief and get rid of unnecessary information. Rather than
instructions, it is far better to make a page self-evident.
Navigation

Design a page for both kinds of users; those who go straight to
search box to find what they are looking for and those who like to
browse around the website.

Make it clear where they are and what direction leads to what
section.

Navigation is like a guide that give us something to grasp, tell us
where we are, tells us how to use the site, and increases our
confidence with the site provided it works well.
Persistent Navigation


It should appear on every page and usually refers to:
•
Site ID
•
Sections
•
Home link
•
Search link or box
•
Extra utilities
It should be clear where we are and where can we go (i.e what
path leads to where)
Page Names

Every page should have a name, and it should be in the right place:
framing the page’s content.

The name should be prominent, as well as matching what you click to
get there

Breadcrumbs are a useful technique for navigation and tabs are a
great means of doing navigation because they’re very obvious

Each page should be able to answer the following question:
•
What site is it?
•
What page am I on?
•
What major sections does this site have?
•
Where can I go from here?
•
Where am I in relation to the rest of the site?
•
Where can I go to search?
Home Page

The Home page needs to be as appealing as possible in order to
attract more online traffic. Make it as tempting as possible. The key
points that it should contain are:
•
Site identity and mission.
•
Hierarchy - give an idea of what the site contains.
•
Search box.
•
Teasers for content.
•
Current content.
•
Promotional offers.
•
Shortcuts for the most frequently viewed data.

Arguments amongst the team members of the website is useless
and a waste of time. Instead, look at what works best for your site
and TEST IT.
Testing

Test your website as often as possible in order to evolve and to
ensure that everything is clear and working. Any errors on a website
will turn away online traffic

Cheap testing is best as it can be done quite often

You only need 3 (maximum 4) people at a time to test your site.

Conduct usability test by calling people from the outside. No need
to be picky about who tests the site. It should be accessible and
readable to everyone.

You don’t need much planning to do tests - just decide what you’re
going to show and do.

Debrief immediately after the test and put the knowledge gained to
use
Usability - Again

People usually have a reservoir of ‘goodwill’ for a site and each
problem they encounter will reduce that.

The following Do’s and Don’ts are really helpful in increasing a
websites usability:
Do’s

Make the things people want easy and obvious.

Show the information that people want to know.

Put some effort into it as it will be apparent and appreciated.

Know, and show answers to common questions.

Add extra touches, like printer friendly pages.

Make it easy to back up and try again in case of user errors.

Apologize, if the site simply doesn’t do something a user wants.
Don’ts

Don’t hide information users want.

Don’t require the user to adhere to the site’s dictates and avoid
making them jump through hoops.

Don’t ask for unnecessary information

Don’t get in the way of using the site with fancy features. Avoid
making an amateurish, boring looking site.
Accessibility
Accessibility is part of usability and will make people’s lives easier and hence make
your site more attractive.
 5 things that you can do to improve accessibility:

•
Fix the usability problems that confuse everyone.
•
Read articles (recommended: “Guidelines for accessible and usable Web sites: Observing users who work with
screen readers” by Mary Theofanos and Janice Redish”
•
Read one of the following books:
•
Building Accessible Websites by Joe Clark.
•
Constructing Accessible Websites by Jim Thatcher.
•
Maximum Accessibility: Making Your Web Site More Usable for Everyone by John Slatin and Sharron Rush.
•
Use Cascading Style Sheets
•
Low hanging fruit:

Add alt text to all images.

Make sure forms work with screen readers.

“Skip to Main Content” link at the beginning of each page.

Ensure that it’s possible to navigate by keyboard alone.

Be careful with javascript.

Use client-side image maps.
Conclusion

All the guidelines have been provided by Steve Krug. Instead of
teaching every little detail of web development, he focuses on the
essentials required to make your website more user friendly and
attractive that will increase your online traffic. These guidelines are
very important in order to make a successful website.

His book “Don’t Make Me Think!” is an excellent guiding principle
and comes highly recommened.
Contact

Haider A. Tung

Email: haidertu@buffalo.edu
Download