Don’t Make Me Think (the slides) Dan Fleck SWE 632 gmu

Slides:



Advertisements
Similar presentations
Author: Steve Krug Presented by: Nicole Wilson
Advertisements

DON’T MAKE ME THINK Steve Krug.
Page Design Scroll zone Data Tables Screen Readers
”SEO” Search engine optimization Webmanagement training - Dar es Salaam 2008.
I Can Use My Words Scripted Story Tips
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
Finding Good Information on the Internet For Students in grades 4-6.
I Can Use My Words.
Strebler’s “Do”s and “Don’t”s How to succeed in my classes.
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
Customers Request the Darndest Things* 10 Challenges for VUI Designers Eduardo Olvera User Interface Designer.
“What’s the most important thing I should do if I want to make sure my web site is easy to use?” “What’s the most important thing I should do if I want.
Verbal Judo Redirecting Behavior with Words. Means… Ju: Gentle or soft Do: Way.
1 Today’s Goal: Web Design for Usability To become able to appreciate the role of usability in Web design To become able to identify some of the factors.
Final project Steve Krug Don’t make me think. Principle #1 How we really use the web Have something on the page that catches the readers interest. -Users.
Steve Krug’s -5- Guiding Principles of Good Web Design & Usability
Group Project. Don’t make me think Steve Krug (2006)
Contents Define Web Usability and Why Benefits of Usability Guiding Principles Web Standards, Accessibility and Usability connections Resources.
Web Design, Usability, and Aesthetics 3
Web Design, Usability, and Aesthetics 2 Billboard Design 101 “Designing pages for scanning not reading” Notes from book “Don’t Make Me Think: by Steve.
Web Design, Usability, and Aesthetics 1 Notes from book “Don’t Make Me Think: A Common Sense Approach to Web Usability” by Steve Krug.
STEVE KRUG’S WEB DESIGN PRINCIPLE BY YAOFENG CHEN WELCOME TO THE.
Nick Donnarumma. We are either very lazy or very efficient because we tend not to read pages. We scan them instead to save time. We don’t figure out how.
Dawn Pedersen. Web Interfaces Web interfaces allow a user to interact with a website. The simplest web interfaces provide information and allow the user.
CS 235: User Interface Design February 17 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
From Don’t Make Me Think by Steve Krug. Avoid cute or clever names, marketing induced names, company- specific names and unfamiliar technical names.
Don’t Make Me Think Steve Krug Dean Steuer MFC 215.
Microsoft ® Office Access ™ 2007 Training Choose between Access and Excel ICT Staff Development presents:
Don’t Make me Think Guiding Principles Summarized by Andrew Piatek
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Microsoft ® Office Access ® 2007 Training Datasheets II: Sum, sort, filter, and find your data ICT Staff Development presents:
Billboard Design 101. Create a clear visual hierarchy The more important something is, the more prominent it is.
USABILITY An Introduction. Usability “..usability really just means making sure that something works well: that a person of average (or even below average)
THE LIBRARY WEBSITE General Information. From the HCT portal, click on Library. Then, FALCON Library Catalogue.
Web Site Usability: Chapter 3 Billboard Design Summary Notes on Steve Krug Don’t Make Me Think New Riders, 2 nd Edition Ben Hunt Web 2.0 How to Design.
Unstated Requirements And useability 1. Many UI decisions End up being made by the technical development/implementation staff End up being made by the.
What makes a good interactive resume? Click for detailed information Multimedia Navigation Communication.
User eXperience. Don’t make me think  When you looking at a page that doesn’t make you think, all the thought balloons over your head say things like.
Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.
Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.
Principles of effective web design NOTES Flo Morris-Duffin.
How to organize your notes When you are done reading this, you will know: Various ways to take notes How to keep track of your sources How to NOT screw.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
5th Grade Internet Research
Don’t Make Me Think Author: Steve Krug Presentation by: Taina Castro Author: Steve Krug Presentation by: Taina Castro.
Dawn Pedersen American River College. What’s an Interface? The connection between a user and a machine. Interfaces provide complex information in a usable.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Don’t Make Me Think Steve Krug. Don’t Make Me Think What To Do & Not To Do:  Use short and to the point titles on links and buttons  Use links and buttons.
DON’T MAKE ME THINK Ryan O’Mara. Key Ideas  Navigation  Usability  User Tendencies  Design For Users  Testing  Navigation  Usability  User Tendencies.
THE “COLLEGES I AM THINKING ABOUT” LIST IN YOUR FAMILY CONNECTIONS ACCOUNT.
MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.
University of Nebraska  Lincoln R School of Natural Resources Usability Testing Mark Mesarch Web/Database Programmer School of Natural Resources
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Levitra 20 mg Getting started with Firefox New to Firefox? Well you’ve come to the right place. This article covers all the basics and will get you up.
Usability Testing and Web Design
Thinking beyond HCI Dr David Tarrant, University of Southampton
Understanding Search Engines
How to Use Members Area of The Ninety-Nines Website
Software Usability and Design
Krug 11 Usability as Courtesy
A Common Sense Approach to Web Usability By Steve Krug, 2000
Krug Chapter 2 How We Really Use the Web and Web Site Design
Don’t make me think Usability.
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Krug Chapter 2 How We Really Use the Web and Web Site Design
Krug Chapter 6 Street signs and Breadcrumbs
Usability 1.0 J. Richard Stevens.
Software Usability and Design
Presentation transcript:

Don’t Make Me Think (the slides) Dan Fleck SWE 632 http://cs. gmu These are based on the excellent book “Don’t Make Me Think” from Steve Krug…. Go out and buy it!

Usability “Making sure that something works well: that the average person can use the thing without getting hopelessly frustrated” – Steve Krug

Rule 1: Don’t Make Me Think < OBVIOUS REQUIRES THOUGHT > Got it! Huh? Uncertain..

Rule 1: Don’t Make Me Think < OBVIOUS REQUIRES THOUGHT > I guess I can click that. Quick thought. Can I click that? Click it! Results Results Results

Design for people flying by a billboard, not reading a novel How People Use the Web Pages are scanned – not read! We don’t make optimal choices – we pick the first reasonable option. What’s the cost of an error? We muddle through – if something works, we don’t look for an alternative. Many people (my mom included) type URLs for sites they want to visit into Google Search box – everytime Design for people flying by a billboard, not reading a novel

Conventions work – use them! Can you identify parts of this page?

Omit needless words! Reduces noise on the page Makes content more prominent Makes pages shorter, making scanning easier

What can I omit?

Navigation: The Trunk Test Site organization is what brings people back. If you can’t find things, you use the site less. Common anchors Site ID Breadcrumbs (where Am I?) Common tools

Navigation: The Trunk Test You’ve been kidnapped by the mafia, thrown in a trunk and dumped onto a random webpage on a website (you know, by Google or someone like that) What site is this? (Site ID) What page am I on (Page name) What are the major sections of this site? (Sections) What are my options at this level? (Local navigation) Where am I in the scheme of things? (“You are here indicators”) How can I search? Lets try it! Pick a site… click into it a few pages from the homepage Answer the questions above

There is no general right answer! Arguments Everybody likes __________________ Designer – visually interesting sites Developer – lots of cool features CEO – I want Pizazz! Business development – cross-brand marketing! There is no spoon! There is no general right answer!

The General Right Answer  The general right answer (wait, what the heck?!?) Wrong: Do most people like pull down menus? Right: Do people like this pull down menu, on this site, in this context? How do you know? Usability Testing! That’s the next book! “Rocket Surgery Made Easy”

Common Courtesy The Reservoir of Goodwill Everyone has one, and it’s full when we enter a site. Every bad, confusing thing depletes it Good, reassuring things can refill it Idiosyncratic: Some people’s are bigger than others Situational: If I’m in a hurry, or busy, or upset… smaller Sometimes a single mistake can empty it: Forcing me to register before I decided to buy anything. I’m done!

Things that lower reservoirs Hiding information I want Punishing me for not doing things your way Asking me for info you don’t really need Shucking and jiving me. “Your call is important to us” Putting sizzle in my way Your site looks amateurish

Things that fill up reservoirs Know the main things people want on your site, and make them obvious and easy Tell me what I want to know Save me steps wherever you can Put effort into it Know what questions I’m likely to have, and answer them Provide me with creature comforts. Printer friendly pages Make it easy to recover from errors When in doubt, apologize.

In Summary Work hard to not make me think, and I’ll be happy! 