Usability 1.0 J. Richard Stevens.

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!
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.
Steve Krug’s -5- Guiding Principles of Good Web Design & Usability
 Don’t Make Me Think Guiding Principles PowerPoint by Matt Murrell.
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
© Anselm Spoerri Lecture 14 Annotated Nike Ad Course Review –Course Objectives.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
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.
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.
Don’t Make me Think Guiding Principles Summarized by Andrew Piatek
Interaction design IS 403: User Interface Design Shaun Kane.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
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)
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.
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
Interface Design.
Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.
Innovation AMS Center for Advanced Technologies Web Navigation Eugene Tiller & Phillip Green AMS Center for Advanced Technologies.
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.
Web Page Design The Key to a Successful Web Page by Judy Bogdanets.
Web Interface Design Basic GUI and Web layouts Fig H.12: Basic Layouts of Web and Graphic User Interfaces.
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.
DON’T MAKE ME THINK KRISTEN ABELL. TAKEAWAYS Accessibility Usability testing Good design does not always equal good usability.
Chapter 2 Web Site Design Principles
An extension of who you are...
INTERAKSI MANUSIA & KOMPUTER
Usability Testing and Web Design
Lecture 4 Web Design. Part 1.
Imran Hussain University of Management and Technology (UMT)
Thinking beyond HCI Dr David Tarrant, University of Southampton
User Experience Design & Usability
Krug Chapter 6 A: Navigation
A Common Sense Approach to Web Usability By Steve Krug, 2000
INTRODUCTION TO INFORMATION ARCHITECTURE
Don’t make me think Usability.
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Some Assistance May Be Required
Interface Design Interface Design
Chapter 4 Planning Site Navigation
Krug Chapter 3 Billboard Design 101
Krug Chapter 5 Omit Needless Words
Site Design & Organization
Krug Chapter 2 How We Really Use the Web and Web Site Design
Krug Chapter 6 Street signs and Breadcrumbs
Presentation transcript:

Usability 1.0 J. Richard Stevens

Rule #1 “Don’t Make Me Think!” Orientation vs. Engagement Conventions and Affordances Less is more, more or less … Get rid of questions Wording Graphics

How we really use the Web Design vs. Use Author vs. reader perspective Reading vs. Scanning Agenda function Users don’t make optimal choices. They “satisfice.” Users don’t figure, they muddle Satisfice = “sacrifice” to “satisfy”

Designing Billboards Creating a clear visual hierarchy Prominence = importance Relationships between objects Use recognized conventions Break up content, add definition Clickables MUST be obvious Contrast is key

Omit Needless Words Be concise. Omit half your words, then omit another half. Kill “Happy Talk” Kill instructions

Common Problems No sense of scale No sense of direction No sense of location Why design good navigation? To give the users something to hold onto To orient and inform To build confidence

Examples of Bad Design Busyness Interface gone awry Bad Communication http://now.sprint.com/widget/ http://art.yale.edu/ Interface gone awry http://www.joneschijoff.com/ http://www.zincbistroaz.com/ http://www.maisonmartinmargiela.com Bad Communication “Conference Hall” or something else? http://www.designofsignage.com/application/symbol/building/applicationpage1.html http://www.designofsignage.com/application/symbol/building/largesymbols/conference-hall.html#Bad%20Design

Persistent Navigation Every page must be consistent Homepage, forms, etc. Why we do what others do Sections and subsections Utilities Searching Street signs as page names Placement and consistency Breadcrumbs

The End Experience Always keep in mind the end-user experience Tailor content to fit into end-user spaces Consider the environment of use Why I use powerpoint in this class

Trunk Testing What site is this? What page am I on? What are the major sections? What are my options? Where am I in the scheme of things? How can I search?

Web Team Arguments “Everybody Likes …” The myth of the average user The antidote for religious debate: testing.