Don’t Make Me Think Author: Steve Krug Presentation by: Taina Castro Author: Steve Krug Presentation by: Taina Castro.

Slides:



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

DON’T MAKE ME THINK Steve Krug.
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
“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.
Steve Krug Don’t Make Me Think 5 Guidelines to Web Designing.
Don’t Make Me Think (the slides) Dan Fleck SWE 632 gmu
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
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
Usability Testing: Easier is Better Cokie Anderson Associate Professor Oklahoma State University
V. Beyond HTML: CSS, JavaScript, Plug-ins A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
Group Project. Don’t make me think Steve Krug (2006)
Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.
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.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
Story Boards. Creating and using storyboards Storyboards are an essential tool when designing websites. They help keep developers and graphic artists.
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.
PAD Workshop 20 & 28 February 2012 Top tips for improving your website Christopher Eddie Public Affairs Directorate 14 September 2010 Page 1.
Don’t Make Me Think Explained Justin Sattelberg. Welcome This presentation is about… Steve Krug’s Book Don’t Make Me Think: A Common Sense Approach to.
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.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
GETTING STARTED 1. Click on the START menu and go up to UDT SOFTWARE, then drag over to Microsoft Office, and then down to Power Point 2. Select a theme.
Don’t Make Me Think Steve Krug Dean Steuer MFC 215.
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Krug Book Presentation By Ian Novickis For MFC215.
Small-Scale Usability Testing “ Evolution Not Revolution” Darlene Fichter March 12, 2003 Computers in Libraries 2003.
Don’t Make me Think Guiding Principles Summarized by Andrew Piatek
Billboard Design 101. Create a clear visual hierarchy The more important something is, the more prominent it is.
Giving Your Web Customers a Reason to Stay.  Web visitors only take 5 SECONDS to decide whether they want to stay on your site  “Users don’t read, they.
Writing for the Web A short tutorial David Rashty, Isaac Waisberg.
USABILITY An Introduction. Usability “..usability really just means making sure that something works well: that a person of average (or even below average)
Level 2 IT Users Qualification – Unit 1 Improving Productivity Chris.
The Scientific Method: A Way to Solve a Problem
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.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web 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.
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.
CS 235: User Interface Design October 8 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak
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.
Client Website Chris Dunn Web Design Year 1. For this brief I chose to create a notional client website for a charity named after my Dad called The Brian.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
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.
IS3320 Developing and Using Management Information Systems Lecture 21: Usability, User Experience and Testing Rob Gleasure
DON’T MAKE ME THINK Ryan O’Mara. Key Ideas  Navigation  Usability  User Tendencies  Design For Users  Testing  Navigation  Usability  User Tendencies.
User-Centered Design September 14th, Doug Ward, The Centech Group Certified Advanced ColdFusion Developer
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.
Scoop it : Step by Step Dr. Carole Redline Tracking my steps to use the tool.
INTERAKSI MANUSIA & KOMPUTER
Rob Gleasure IS3320 Developing and Using Management Information Systems Lecture 18: Usability Testing Rob Gleasure.
Usability Testing and Web Design
Lecture 4 Web Design. Part 1.
A Common Sense Approach to Web Usability By Steve Krug, 2000
Homegrown Usability Testing-- Will It Provide Results?
Krug Chapter 3 Billboard Design 101 and Chapter 4 Mindless Choices
Don’t make me think Usability.
Chapter 4 Planning Site Navigation
Krug Chapter 2 How We Really Use the Web and Web Site Design
Usability 1.0 J. Richard Stevens.
Presentation transcript:

Don’t Make Me Think Author: Steve Krug Presentation by: Taina Castro Author: Steve Krug Presentation by: Taina Castro

Introduction  Insider’s look on the “correct” way to web design.  He does not want to teach his readers everything there is to learn about web design, he instead chose some of the most important things to share.  Insider’s look on the “correct” way to web design.  He does not want to teach his readers everything there is to learn about web design, he instead chose some of the most important things to share.

Don’t make me think  This is the most important principle that is discussed throughout the book.  Things on a Web page should be self-evident or self-explanatory.  Being as straight forward as possible on your Web page is necessary in being successful.  This is the most important principle that is discussed throughout the book.  Things on a Web page should be self-evident or self-explanatory.  Being as straight forward as possible on your Web page is necessary in being successful.

Three facts of life  Fact one: “We don’t read pages. We scan them”  as a web designer you hope people will come to your Web page and read everything, but in reality people skim through to find what they are really looking for.  Fact two: “We don’t make optimal choices, we satisfice”  meaning we choose the first reasonable option. Instead of looking for the best choice for the task at hand, we as users tend to not choose the best option and instead choose the option that looks most reasonable.  Lastly, fact three: “We don’t figure out how things work. We muddle through”.  Fact one: “We don’t read pages. We scan them”  as a web designer you hope people will come to your Web page and read everything, but in reality people skim through to find what they are really looking for.  Fact two: “We don’t make optimal choices, we satisfice”  meaning we choose the first reasonable option. Instead of looking for the best choice for the task at hand, we as users tend to not choose the best option and instead choose the option that looks most reasonable.  Lastly, fact three: “We don’t figure out how things work. We muddle through”.

Five guidelines  To make sure the user sees and understands as much as possible, these five guidelines should be followed…  create a clear visual hierarchy on each page  take advantage of conventions  break pages up into clearly defined areas  make it obvious what’s clickable  and minimize noise.  To make sure the user sees and understands as much as possible, these five guidelines should be followed…  create a clear visual hierarchy on each page  take advantage of conventions  break pages up into clearly defined areas  make it obvious what’s clickable  and minimize noise.

Good web navigation  Questions that can help us determine whether or not the Web navigation is well designed…  What site is this?  What page am I on?  What are the major sections of this site?  What are my options at this level?  Where am I in the scheme of things?  How can I search?  All of these questions should be easily answered if someone was randomly dropped in the middle of your Web page in order to have well designed navigation.  Questions that can help us determine whether or not the Web navigation is well designed…  What site is this?  What page am I on?  What are the major sections of this site?  What are my options at this level?  Where am I in the scheme of things?  How can I search?  All of these questions should be easily answered if someone was randomly dropped in the middle of your Web page in order to have well designed navigation.

Usability testing  If you want a great site, you’ve got to test  Testing one user is 100% better than testing none  Testing one user early in the project is better than testing 50 near the end  The importance of recruiting representative users is overrated  The point of testing is not to prove or disprove something to inform your judgement  Testing is an iterative process, and nothing beats a live audience reaction.  If you want a great site, you’ve got to test  Testing one user is 100% better than testing none  Testing one user early in the project is better than testing 50 near the end  The importance of recruiting representative users is overrated  The point of testing is not to prove or disprove something to inform your judgement  Testing is an iterative process, and nothing beats a live audience reaction.

Accessibility  Krug gives us these tips…  fix the usability problems that confuse everyone  read an article  read a book  start using cascading style sheets  Go for the low hanging fruit.  Doing all of these things will improve the accessibility of you Web page.  Krug gives us these tips…  fix the usability problems that confuse everyone  read an article  read a book  start using cascading style sheets  Go for the low hanging fruit.  Doing all of these things will improve the accessibility of you Web page.

Contact Information