Steve Krug’s -5- Guiding Principles of Good Web Design & Usability

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!
Steve Krug Don’t Make Me Think 5 Guidelines to Web Designing.
Don’t Make Me Think (the slides) Dan Fleck SWE 632 gmu
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.
Usability Testing: Easier is Better Cokie Anderson Associate Professor Oklahoma State University
 Don’t Make Me Think Guiding Principles PowerPoint by Matt Murrell.
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.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Ben Zacharias
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.
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.
From Don’t Make Me Think by Steve Krug. Avoid cute or clever names, marketing induced names, company- specific names and unfamiliar technical names.
This is where the student will write what they learned and answer this question from the research they did on the internet site on phocids. Where do I.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Don’t Make Me Think Steve Krug Dean Steuer MFC 215.
Decision Making and Refusal Skills. Learning Log  Think of a time that you had trouble making a decision.  What made it hard to make that decision?
© Anselm Spoerri Lecture 14 Course Review –Course Objectives –Design Principles Evaluation Criteria used for Term Project.
Krug Book Presentation By Ian Novickis For MFC215.
Don’t Make me Think Guiding Principles Summarized by Andrew Piatek
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Decision Making and Refusal Skills. Learning Log  Think of a time that you had trouble making a decision.  What made it hard to make that decision?
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.
USABILITY An Introduction. Usability “..usability really just means making sure that something works well: that a person of average (or even below average)
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.
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
BSA Website Redevelopment Information Architecture.
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.
Web Usability A simple illustration. Example: WebVoyage Timeout Utility Lets an opac user know how much time is remaining in session (bottom bar) A pop-up.
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
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.
Decision Making and Refusal Skills
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.
Avaya.com Usability Test Findings and Recommendations March 22, 2002 Steve Ellis - Avaya.
User-Centered Design September 14th, Doug Ward, The Centech Group Certified Advanced ColdFusion Developer
Mary Mehsikomer Region 1 (218) Marketing The Media Center: How Does Your Web Site Stack Up?
CFUNITED – The premier ColdFusion conference Fundamentals of Good Usability Presented by Doug Ward June 28 th, 2006.
INTERAKSI MANUSIA & KOMPUTER
Usability Testing and Web Design
Thinking beyond HCI Dr David Tarrant, University of Southampton
drainage lymphatique - 6Sense
A Common Sense Approach to Web Usability By Steve Krug, 2000
  MFC 215- Extra Credit Presentation Krug Essay (5/8/2017) Title- Modern UI Design-Focus on Usability (A presentation on Don’t Make Me Think: A Common.
Developing the web.
Krug Chapter 3 Billboard Design 101 and Chapter 4 Mindless Choices
Don’t make me think Usability.
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Some Assistance May Be Required
Krug Chapter 3 Billboard Design 101
Krug Chapter 2 How We Really Use the Web and Web Site Design
Usability 1.0 J. Richard Stevens.
Krug 4 Animal, Mineral, or Vegetable
Presentation transcript:

Steve Krug’s -5- Guiding Principles of Good Web Design & Usability Don’t Make Me think!

1. Don’t Make Me Think COMPLICATED! Overriding guideline for all design and usability Good design eliminates all questions and confusion User should not have to second guess or question intent Simplest answer is usually the Best! COMPLICATED!

2. How We Really Use the Web Most users don’t read but scan Pick out things they are looking for or things that stand out Users “muddle” through sites to find what they want Don’t follow best or intended way to find what they want

3. Billboard Design 101 Web page design similar to Billboard design Clear Visual Hierarchy Don’t be afraid of following conventions and what is proven to work Don’t reinvent the wheel!

4. Animal Vegetable or Mineral Meant to illustrate that users like mindless choices Not mindless choices usually caused by ambiguity or similarity Causes confusion and reduced trust There are enough hard decisions already in life!

5. Omit Needless Words Common problem Remove “happy talk” usually on home page Remove instructions or reduce to minimum Helps really important content stand out Reduces distractions and intimidation

Contact Info: Name: Carl Smith E-mail: clsmith4@buffalo.edu Web Page: http://www.acsu.buffalo.edu/~clsmith4/ Thank you!