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.

Slides:



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

A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
Steve Krug Don’t Make Me Think 5 Guidelines to Web Designing.
Don’t Make Me Think (the slides) Dan Fleck SWE 632 gmu
PowerPoint Enhancements CMCE 1155 Prof. N Anderson.
Steve Krug’s -5- Guiding Principles of Good Web Design & Usability
 Don’t Make Me Think Guiding Principles PowerPoint by Matt Murrell.
Web Design, Usability, and Aesthetics 3
Web Design, Usability, and Aesthetics 1 Notes from book “Don’t Make Me Think: A Common Sense Approach to Web Usability” by Steve Krug.
© Anselm Spoerri Lecture 14 Annotated Nike Ad Course Review –Course Objectives.
BLOGGER.COM 1.Create an account using your school address. Log into your school , click on MORE at the top. Select blogger 2.Once in blogger,
Create an Online Account. Navigate to the following URL Address
 What is a “blog?” Short for “web log” An online journal.  Allows for interaction between the writer and the readers through comments Includes articles,
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.
+ Atomic Design By Pattern Lab Delaney Metzger. + Goal of Atomic Design Atomic Design is an idea that can be used to translate the creative side into.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
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.
Open a web browser and Go to “ Click on “Parents-Students-Community” tab. Select “Skyward Parent Access”.
Krug Book Presentation By Ian Novickis For MFC215.
Don’t Make me Think Guiding Principles Summarized by Andrew Piatek
Open Internet Explorer Go to: my.ccsd.net Type YOUR InterAct username and password. Then Submit Query.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Women’s Business Forum New Website How To: Free Members who have been receiving the WBF newsletter.
Billboard Design 101. Create a clear visual hierarchy The more important something is, the more prominent it is.
Brest cancer awarness. Hierarchy chart Home page Contact ushelppppppppAbout us How to fund raise.
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.
the best method of teaching
USABILITY An Introduction. Usability “..usability really just means making sure that something works well: that a person of average (or even below average)
Course Settings MOODLE. Getting Started This is a quick start guide to Setting up a Moodle Course. This part of the course documents and outlines:- Course.
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.
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.
Google Forms. On your ASUrite homepage, select the My Docs link in the Quick Links box. 1.
CSC 8560Fall 2000 Computer NetworksBhargavi Balasubramanian & Bob Viola Project 1 Description: E-Commerce Objective:Build a web storefront to sell videos.
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
Building an Effective Website. Start with a plan  Have clear goal and design your entire site with those goals in mind.  Research and develop a sketch.
Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.
Creating a Canvas Account! Follow these simple directions to access the course materials for this year.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
Online Surveys Jacqui James Malcolm Roberts School of Education.
Computer Information Technology. I need you to submit your project electronically to the Hancock website. Before you can submit your project you will.
Don’t Make Me Think Author: Steve Krug Presentation by: Taina Castro Author: Steve Krug Presentation by: Taina Castro.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
Dawn Pedersen American River College. What’s an Interface? The connection between a user and a machine. Interfaces provide complex information in a usable.
Have a conversation  You encounter a stranger who asks:  What is your name?  What is your address?  What is your phone number, …?  What is your.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
WHERE TO BEGIN? Beginning Break Down For ALL the questions you need to understand what you KNOW and DON’T KNOW about the concepts/ideas in the question.
User-Centered Design September 14th, Doug Ward, The Centech Group Certified Advanced ColdFusion Developer
Creating your own quiz ClickClick here to open the quiz webpage This quiz will go with your PowerPoint. It will be created to test students on the information.
Mary Mehsikomer Region 1 (218) Marketing The Media Center: How Does Your Web Site Stack Up?
Title of your site Title of your page Text and images arranged on the page in the design of your choice. Page 2 Page 3 Page 4 Page 5 Page 6 Page 7 Page.
Notify Me I want to be notified of important activities at my child's elementary school.
A Common Sense Approach to Web Usability By Steve Krug, 2000
Krug Chapter 3 Billboard Design 101 and Chapter 4 Mindless Choices
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Important Resources These resources will help you be successful in US History Class. We’ve used some of them at school, but I’m also asking you to access.
Krug Chapter 3 Billboard Design 101
To insert a hyperlink ( a web page address, URL) using text
Usability 1.0 J. Richard Stevens.
Krug 4 Animal, Mineral, or Vegetable
Presentation transcript:

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 that are easily identified  Organize your site (don’t clutter) Guiding Principles # 1

How We Really Use The Web This is what us designers create This is what our visitors see Web Pages are scanned/skimmed *If we have a specific item in mind Guiding Principles # 2

 Bet you looked at this  before you looked at this  This block of writing is obviously talking about Billboard Design 101  Keeping the noise down means to make things easier on the eye such as: Billboard Design 101 > 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 > Minimize noise. This is easier to read Guiding Principles # 3

Animal, Vegetable, or Mineral? Choices on your website should be mindless Guiding Principles # 4

Omit Needless Words Read this before answering: To the right is a textbox that you will fill in your address, once filled in you can click the submit button that will put you on the list to receive updates. Submit! Receive updates Address You don't need all of this to use this Guiding Principles # 5

Joseph D’Amato Phone: