Annoy Your Users Less Session 202 Philip Wolfe, Lead Developer Farm Credit Services of America.

Slides:



Advertisements
Similar presentations
Asper School of Business University of Manitoba Systems Analysis & Design Instructor: Bob Travica User interface Updated: December 2014.
Advertisements

User Interfaces 4 BTECH: IT WIKI PAGE:
Visual Object Recognition Neurobiology 230 – Harvard / GSAS Gabriel Kreiman
Psych 101 for Designers Interaction Design. Interaction Design is about people first. What motivates people? How do people think? How do people behave?
1 Teori Gestalt Pertemuan 8 Matakuliah: U0062/Strategi Manajemen Persuasi Tahun: 2006.
CS 235: User Interface Design March 5 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Representation at the Interface Gabriel Spitz 1 Lecture #13.
Cognitive Science for Software Engineers Requisite background on perception, memory, and learning.
Part 2c: Requirements Chapter 2: How to Gather Requirements: Some Techniques to Use Chapter 3: Finding Out about the Users and the Domain Chapter 4: Finding.
Semester in review. The Final May 7, 6:30pm – 9:45 pm Closed book, ONE PAGE OF NOTES Cumulative Similar format to midterm (probably about 25% longer)
Before usability CS 147: Intro to HCI Dan Maynes-Aminzade After 1 st Usability Review.
Part 4: Evaluation Days 25, 27, 29, 31 Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what,
Midterm Exam Review IS 485, Professor Matt Thatcher.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
Semester wrap-up …the final slides.. The Final  December 13, 3:30-4:45 pm  Closed book, one page of notes  Cumulative  Similar format and length to.
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
User Interface Design Users should not have to adapt to a piece of software; the software should be designed to fit the user.
Chapter 7 design rules.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
User Centered Design Lecture # 5 Gabriel Spitz.
Seeing Patterns and Sequences Slideshow. Pragnanz T he fundamental principle of gestalt perception is the law of prägnanz (German for conciseness) which.
GROUPING AND VISUAL RELATIONSHIPS Principle of Proximity.
Heuristic evaluation IS 403: User Interface Design Shaun Kane.
People: Usability IS 101Y/CMSC 101Y November 5, 2013 Marie desJardins Amanda Mancuso University of Maryland Baltimore County.
People: Usability COMP 101 November 12, 2014 Carolyn Seaman Amanda Mancuso Susan Martin University of Maryland Baltimore County.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Psychology of usability 1 User interfaces Jaana Holvikivi Metropolia.
Principles of User Centred Design Howell Istance.
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
Mestrado em Informática Médica SIntS 13/14 – T5 Design Concepts Miguel Tavares Coimbra.
Design for Interaction Rui Filipe Antunes
SCV2113 Human Computer Interaction Semester 1, 2013/2013.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
JENNIFER WONG CHAPTER 7: USER – CENTERED DESIGN. The point of the book was to advocate a user- centered design which is a philosophy that things should.
REQUIRMENTS GATHERING: knowledge of user interface and design.
PBA Front-End Programming Web Design Elements. Web design elements For now, we will primarily focus on web design as such Given the – Purpose – Target.
CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE) Dr. Ben Schafer
Fall 2002CS/PSY Design. Fall 2002CS/PSY System-Centered Design Focus is on the technology  What can be built easily using the available tools.
Shortcuts Quiz #1  Study for the shortcuts quiz!  The list of commands included in this quiz are on the class calendar.
UI Style and Usability, User Experience Niteen Borge.
Human Computer Interaction © 2014 Project Lead The Way, Inc.Computer Science and Software Engineering.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
Information: Perception and Representation Lecture #7 Part A.
Developed by Tim Bell Department of Computer Science and Software Engineering University of Canterbury Human Computer Interaction.
©2001 Southern Illinois University, Edwardsville All rights reserved. CS 321 Human-Computer Interaction Today Design Elements Readings in HCI, pp
Theories and Practice of Interactive Media 13 October 2003 Kathy E. Gill.
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
The Structure of the User Interface Lecture # 8 1 Gabriel Spitz.
Capabilities of Humans. Gestalt More than the sum of its parts.
After testing users Compile Data Compile Data Summarize Summarize Analyze Analyze Develop recommendations Develop recommendations Produce final report.
ITM 734 Introduction to Human Factors in Information Systems Cindy Corritore This material has been developed by Georgia Tech HCI faculty,
Capabilities of Humans. Gestalt More than the sum of its parts.
Review assessment two and three Design and develop an interactive, multimedia application to meet the documented requirements of an identified client.
GESTALT PRINCIPLES OF VISUAL DESIGN Gestalt principles of visual design are derived from the theories of gestalt psychology, which were applied to the.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Design rules.
Human-Computer Interaction
Digital media & interaction design
CSC420 Gestalt Principles.
The User Lecture 2 DeSiaMore
User Interface Design Chapter 8.
HCI in the curriculum The human The computer The interaction
CEN3722 Human Computer Interaction Displays
Chapter 7 design rules.
Chapter 7 design rules.
Chapter 7 design rules.
Chapter 7 design rules.
Gestalt principles – in the mind, not the eye
Presentation transcript:

Annoy Your Users Less Session 202 Philip Wolfe, Lead Developer Farm Credit Services of America

What are we talking about? Human Factors of User Interface Design Human Computer Interaction (HCI) HCI is the study of interaction between people and computers. (wikipedia) To the user, the user interface IS the system

Creighton University ITM 734 – Human Factors in Information Systems

The Design of Everyday Things Donald Norman (1988)

The Humane Interface Jef Raskin (2000)

We are concerned with Fit FIT TASK HUMAN COMPUTER Optimize Fit and you optimize performance

Gestalt Psychology Law of Prägnanz - we tend to order our experience in a manner that is regular, orderly, symmetric, and simple. Reproductive thinking is solving a problem with previous experiences and what is already known Your users are trying to make order out of the application that they are using This may be based on a previously used application

Law of Closure The mind may experience elements it does not perceive through sensation, in order to complete a regular figure (that is, to increase regularity).

Law of Similarity The mind groups similar elements into collective entities or totalities. This similarity might depend on relationships of form, color, size, or brightness.

Law of Proximity Spatial or temporal proximity of elements may induce the mind to perceive a collective or totality.

Law of Symmetry Symmetrical images are perceived collectively, even in spite of distance. [ ] [ ] [ ]

Law of Continuity The mind continues visual, auditory, and kinetic patterns. A B C D

Law of Common Fate Elements with the same moving direction are perceived as a collective or unit.

Different Types of Users Occasional Users Everyday Users Expert Users Design the interface for each type

Recognition vs. Recall What is the difference between these two?

What is this an example of?

Reduce the cognitive load Use Models Use Consistency Use the computer's “memory” as much as possible Don't disrupt the user with error/warning/information dialogs. They may forget what they were doing.

Donald Norman's Principals Cognitive Model Visibility Feedback Constraints Affordance Mapping

Cognitive Model A Mental Model An idea of how something works Physical to more abstract Structure the interface in a deliberate manner Think of how does the user perceive solving this task

Visibility Make all needed options visible Don't distract the user with extra information Don't overwhelm the user with alternatives

Feedback Communicate to the user about the state of their action Use more than one method Don't use jargon

Constraints Limit what the user can perform in certain situations

Affordance A quality of an object that allows a user to perform an action Involves the user's goals, plans, values, beliefs, and past experiences Objects should project how to use them

Mapping The user has an idea of how the interface is to be used (their mental model) The object has a conceptional model of how it should be used (the designer's mental model) When the two meet there is a close mapping. The designer needs to think in a user-centered way

Jef Raskin's Principles Monotony of Design – There should be one way of accomplishing a task in a system Undo – Give users the ability to undo their actions. Universal use of text – Icon only buttons are cryptic and can be experience / culture specific.

Raskin's Principles cont. Elimination of warning messages – Users ignore these! Provide a way to undo their action.

Additional Principals Tolerance – reduce the cost of mistakes by allowing “undo” or expecting varied inputs Consistency – Users have knowledge of other systems (mental models) Simplicity – Make common tasks easy, communicate clearly, break down complex tasks Finalization – Users want to know that their actions were successful or complete

Consistency What else does this violate?

Finalization

The Uncanny Valley The more a robot appears to be (look/act) human, the more we notice how it is not human

The Uncanny Valley of Web UI Is there an uncanny valley for web Uis? The more a web application tries to emulate a desktop application, the more we focus on the missing pieces.

Summary Design from the user's perspective Conduct usability studies Remember Norman's Principles Your users are trying to map your system from something they know Your users are trying to organize your system into something they can remember

References Bill Higgins ( ) Wikipedia The Design of Everyday Things