CFUNITED – The premier ColdFusion conference www.cfunited.com Fundamentals of Good Usability Presented by Doug Ward June 28 th, 2006.

Slides:



Advertisements
Similar presentations
Steve Krug Don’t Make Me Think 5 Guidelines to Web Designing.
Advertisements

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.
June 28 th – July 1 st 2006 Implementing Usability: Insights to improve your chances  CFUnited 2007.
Steve Krug’s -5- Guiding Principles of Good Web Design & Usability
Usability Testing: Easier is Better Cokie Anderson Associate Professor Oklahoma State University
 Don’t Make Me Think Guiding Principles PowerPoint by Matt Murrell.
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #21.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
ICS 131: Social Analysis of Computerization Lecture 20: Epilogue and Review.
HCI 201 Week 4 Design Usability Heuristics Tables Links.
Web Design, Usability, and Aesthetics 3
AdvWeb-1/20 DePaul University SNL 262 Web Page Design Design Information Instructor: David A. Lash.
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.
Slide 1 of 64 Universal Accessability Paul Houle Library Systems CU Library Based on a presentation by Sarah Horton.
Craven Literacy Council. The website will be similar to Mary’s at Institute for easy navigation throughout the training. Explain there are links we.
Ben Zacharias
Inline, Internal, and External FIle
UX testing for mobile app Marine embe
The 5 C’s of Web Design Craig Duncan Project Manager ReliefWeb United Nations Office for the Coordination of Humanitarian.
PAD Workshop 20 & 28 February 2012 Top tips for improving your website Christopher Eddie Public Affairs Directorate 14 September 2010 Page 1.
MOVE FORWARD WITH MOBILE AGEND A Why the mobile web is now a must What Google has to say about all this Best practices for mobile What are my options?
Web Usability 101: Watch (and Discuss) A Live Test John Fritz UMBC.
CS 235: User Interface Design February 17 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Creating Usable eXperiences Andreas Johansson | Ericsson AB.
Don’t Make Me Think Steve Krug Dean Steuer MFC 215.
Interface design An introduction. JMA 308/545 – Class Web Site Media Site Live Web site.
First Law of Chem How to do Lab Write-up 1. Word Processor - Computer that will run: a. Word b. Open Office (click on blue dot to download for FREE ) This.
Don’t Make me Think Guiding Principles Summarized by Andrew Piatek
NARFE Configuration Advisory Board (CAB) Web Page.
Interaction design IS 403: User Interface Design Shaun Kane.
Usability Testing intro.12.ppt CS 121 “Ordering Chaos” “Mike” Michael A. Erlinger.
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.
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.
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.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
CFUNITED – The premier ColdFusion conference ColdFusion Components Ajay Sathuluri Based on presentation.
Creating User Interfaces [Tutorials due.] Development cycle. Standards. Communities. Work session. Homework: For next Thursday: Finish HTML5 project: prepare.
Strategies for Effective Web Writing Heidi Steiner Burkhardt User Experience Specialist | University of Michigan Library LibraryLinkNJ Webinar January.
Interface design Multimedia and Web. Today’s Objectives Defined User Interface Design Introduce User-Center Design Design guidelines Check Web accounts.
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.
The Technical Communicator As User Interface Designer Carla MerrillDiane Feldman Focused Design AuthorCraft Services focuseddesign.comauthorcraft.net.
User-Centered Design September 14th, Doug Ward, The Centech Group Certified Advanced ColdFusion Developer
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
1. Begin Quick Start 2. Administration 3. Good to Know 4. Slightly Technical 5. User Experience 6. You are ready to go !
Designing for Usability OBJECTIVE: Learn “usability” principles related to design for interactive media.
Supercharging Fusebox Project Management
introduction to web writing
+ A Look at CFAjax Stephen Rittler CounterMarch Systems
VLEs and Accessibility
Making Effective, Usable Research Guides
Advanced Web Services: Soap Headers and more
A Common Sense Approach to Web Usability By Steve Krug, 2000
Alan Cooper An advocate of Interaction Design, runs a design company and writes books about how to make software user interfaces more usable by addressing.
Alan Cooper An advocate of Interaction Design, runs a design company and writes books about how to make software user interfaces more usable by addressing.
Problems With Assistance Module 1 – Problem 3
Developing the web.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Krug Chapter 3 Billboard Design 101 and Chapter 4 Mindless Choices
Human Computer Interaction
Don’t make me think Usability.
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
Tom Link CTO, Universal Mind
Usability Created by Brett Oppegaard for Washington State University's
Presentation transcript:

CFUNITED – The premier ColdFusion conference Fundamentals of Good Usability Presented by Doug Ward June 28 th, 2006

June 28 th – July 1 st 2006 Hello Ajax!

June 28 th – July 1 st 2006

Doug Ward  Certified Advanced ColdFusion Developer  Work for The Centech Group, Washington DC  On contract at NIST (National Institute of Standards & Technology)

June 28 th – July 1 st 2006 Agenda  What is usability? oCognitive Friction oImplementation Model  What is usability on the web? oConventions oExamples

June 28 th – July 1 st 2006 Jakob Nielsen says… “Usability is a quality attribute relating to how easy something is to use…”

June 28 th – July 1 st 2006 Usability can pertain to physical objects…

June 28 th – July 1 st 2006 Usability can pertain to computers…

June 28 th – July 1 st 2006 Strong correlation between action and reaction

June 28 th – July 1 st 2006 Weak correlation between action and reaction

June 28 th – July 1 st 2006 We develop relationships with computers

June 28 th – July 1 st 2006

Cognitive Friction is… “…the resistance encountered by a human intellect when it engages with a complex system or rules that change as the problem changes.” - Alan Cooper

June 28 th – July 1 st 2006 Cognitive Friction is…

June 28 th – July 1 st 2006 The Implementation Model is… “…the actual technical solution to a problem.”

June 28 th – July 1 st 2006 The Implementation Model is… VCR Circuit Schematic

June 28 th – July 1 st 2006 The Implementation Model is… VCR Flowchart

June 28 th – July 1 st 2006 The Implementation Model is…

June 28 th – July 1 st 2006 …the User Interface!

June 28 th – July 1 st 2006 Argh!

Double Argh!

June 28 th – July 1 st 2006 User-Centered Design… “…involves a separation of concerns between the implementation model and the interface design. User-Centered Design approaches the interface primarily from the user’s perspective.”

June 28 th – July 1 st 2006 Agenda  What is usability? oCognitive Friction oImplementation Model  What is usability on the web? oConventions oMystery Links oHappy Text oBad Page Structure

June 28 th – July 1 st 2006 Conventions…

Misused Conventions…

June 28 th – July 1 st 2006 Krug’s First Law of Usability “Don’t Make Me Think!”

June 28 th – July 1 st 2006

Things That Make Us Think  Mystery Links  Happy Text  Bad Page Structure

June 28 th – July 1 st 2006 Krug’s Second Law of Usability “ It doesn’t matter how many times I have to click, as long as each click is a mindless, unambiguous choice.” - Steve Krug

June 28 th – July 1 st 2006 Billboard Design 101  Users don’t read, they scan  Don’t explain, direct

June 28 th – July 1 st 2006

Putting it All Together

June 28 th – July 1 st 2006 What We Learned  What usability is oCognitive Friction oImplementation Model  What usability on the web is oConventions oMystery Links oHappy Text oBad Page Structure

June 28 th – July 1 st 2006

Presented by Doug Ward Thank You! Fundamentals of Good Usability

June 28 th – July 1 st 2006 Resources  Don’t Make Me Think  The Inmates Are Running the Asylum  Prioritizing Web Usability - Steve Krug - Alan Cooper - Nielsen & Loranger

June 28 th – July 1 st 2006 Presented by Doug Ward Thank You! Fundamentals of Good Usability

June 28 th – July 1 st 2006 Things That Make Us Think… Document, Forms, Phone Lists, are available from our HR Dept. by clicking here. Mystery Links

June 28 th – July 1 st 2006 Things That Make Us Think… Happy Text

June 28 th – July 1 st 2006 Things That Make Us Think… Bad Page Structure