DON’T MAKE ME THINK Ryan O’Mara. Key Ideas  Navigation  Usability  User Tendencies  Design For Users  Testing  Navigation  Usability  User Tendencies.

Slides:



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

Peer Feedback. In the homework section on the web for today: In the homework section on the web for today: 1. Open the link in the file and log into
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
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
 Don’t Make Me Think Guiding Principles PowerPoint by Matt Murrell.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Usability Information Systems 337 Prof. Harry Plantinga.
Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.
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.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
© Anselm Spoerri Lecture 14 Annotated Nike Ad Course Review –Course Objectives.
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.
 What is web accessibility? ture=relatedhttp://
CSI-553 Internet Information Presented by: Ignacio Castro June 28, 2006 Internet Usability.
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.
So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
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.
– Strategies for Effective Navigation Design & Prototype Phases.
1. 2 OVERVIEW First Impressions Content Purpose Design Distinction Closing.
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.
An Introduction To Websites With a little of help from “WebPages That Suck.
Cipro.co.za content pages look & feel | usability | navigation redesign © Copyright Rob Cowie 2009 live demo | home page:
STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.
Organizing Information AGCJ 407 Web Authoring in Agricultural Communications.
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.
Dr. Andrew P. Ciganek WebsiteNightmares. Why Examine User Interface? Developers often lack user interface expertise –Many “mistakes” are quite common.
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
INORBIT.in A Case Study. Over view  The New Inorbit Website is setting benchmarks in terms of design & usability in the retail sector, providing users.
Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Jakob Nielsen’s “Top Ten Guidelines for Homepage Usability” Presented by Oyeniyi Ogunde
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
By Godwin Alemoh. What is usability testing Usability testing: is the process of carrying out experiments to find out specific information about a design.
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.
Road Signs To know where you are and where you’re going.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
By: Jonathan Sobczynski. Importance of Homepages A Homepage is the company’s “Face to the World” Most important page on a Website.
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.
Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.
DON’T MAKE ME THINK KRISTEN ABELL. TAKEAWAYS Accessibility Usability testing Good design does not always equal good usability.
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.
INTERAKSI MANUSIA & KOMPUTER
Chapter 17 Designing for the web
Term Project Evaluations Guiding Principles Summary
A Common Sense Approach to Web Usability By Steve Krug, 2000
Lesson Objectives Lesson Outcomes
Understanding SharePoint
Krug Chapter 3 Billboard Design 101 and Chapter 4 Mindless Choices
Don’t make me think Usability.
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
Some Assistance May Be Required
Krug Chapter 3 Billboard Design 101
Usability 1.0 J. Richard Stevens.
Presentation transcript:

DON’T MAKE ME THINK Ryan O’Mara

Key Ideas  Navigation  Usability  User Tendencies  Design For Users  Testing  Navigation  Usability  User Tendencies  Design For Users  Testing

Navigation  User location within the website should be clear, even if they enter in the middle of the site  Give the user a sense of direction  Make buttons clearly clickable  Create a visual hierarchy  Highlight the users current location on the navigation bar in some way  User location within the website should be clear, even if they enter in the middle of the site  Give the user a sense of direction  Make buttons clearly clickable  Create a visual hierarchy  Highlight the users current location on the navigation bar in some way

Usability  Every user has a “reservoir of good will” – the amount of problems they are willing to encounter before leaving your site – be aware of this  Make the things people want to do obvious and easy  Keep it professional  Don’t request unneeded information  Don’t hide information the users may want  Don’t overcomplicate the site with “fancy features”  Every user has a “reservoir of good will” – the amount of problems they are willing to encounter before leaving your site – be aware of this  Make the things people want to do obvious and easy  Keep it professional  Don’t request unneeded information  Don’t hide information the users may want  Don’t overcomplicate the site with “fancy features”

User Tendencies  We don’t read pages, we scan them  We don’t make optimal choices, we satisfy  We don’t figure out how things work, we muddle through them  We don’t read pages, we scan them  We don’t make optimal choices, we satisfy  We don’t figure out how things work, we muddle through them

Design For Users  Give the user a path – tell them where to go – don’t make them think  Give each page a name  Page name should be prominent, and in the right place on the page  Clearly defined page sections that serve clear purposes  Avoid extra/unneeded content – it does more harm than good  Give the user a path – tell them where to go – don’t make them think  Give each page a name  Page name should be prominent, and in the right place on the page  Clearly defined page sections that serve clear purposes  Avoid extra/unneeded content – it does more harm than good

Testing  Test Early  Test Often  Anybody can be used for testing, no need for careful selection  See if they understand the purpose of the site  What’s it all about?  Why is it valuable to them?  Take note of all their feedback and use it  A website should always be evolving to optimize user experience  Test Early  Test Often  Anybody can be used for testing, no need for careful selection  See if they understand the purpose of the site  What’s it all about?  Why is it valuable to them?  Take note of all their feedback and use it  A website should always be evolving to optimize user experience

Contact Ryan O’Mara Ryan O’Mara