Software Usability and Design

Slides:



Advertisements
Similar presentations
© De Montfort University, Characteristics of Good Dialogues Howell Istance Department of Computer Science De Montfort University.
Advertisements

User Interface Design Lecture #4 Part-B.
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
User Interface Design Notes p7 T120B pavasario sem.
Ui design – general guidelines. Why designers go astray Putting aesthetics first: "It probably won a prize." Putting aesthetics first: "It probably won.
Review for Midterm Spring 2015 Jeff Offutt SWE 205 Software Usability and Design.
Developed by Justin Francisco, SUNY Fredonia USER INTERFACE DESIGN By: Justin Francisco.
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,
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
1 SWE Introduction to Software Engineering Lecture 26 – User Interface Design (Chapter 16)
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
Nine principles of design Simple and natural dialog Speak the user’s language Minimize user’s memory load Be consistent Provide feedback Provide clearly.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
1 SKODA-AUTO.CZ prototype evaluation Poznań, 23th of March 2015.
Heuristic evaluation IS 403: User Interface Design Shaun Kane.
Systems Analysis and Design in a Changing World, 6th Edition
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
User interface design. Recap OOD is an approach to design so that design components have their own private state and operations Objects should have constructor.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
©RavichandranUser interface Slide 1 User interface design.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Software Evaluation Catherine McKeveney Medical Informatics 1st March 2000.
Nielsen’s Ten Usability Heuristics
10 Usability Heuristics for User Interface Design.
Multimedia Specification Design and Production 2012 / Semester 1 / week 5 Lecturer: Dr. Nikos Gazepidis
Review for Final Exam Fall 2014 Jeff Offutt SWE 632 User Interface Design and Development.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Developed by Tim Bell Department of Computer Science and Software Engineering University of Canterbury Human Computer Interaction.
INTERFACE COMPOSITION GAME DESIGN. OBJECTIVES After this lesson, students will be able to: Identify the Eight Golden Rules of Human-Computer Interface.
Heuristic Evaluation Short tutorial to heuristic evaluation
10 User Interface (UI) Design Fundamentals Don’t you know mobirses.com is going to help you build your new career? 1. Know your user 2. Pay attention to.
Basic Elements.  Design is the process of collecting ideas, and aesthetically arranging and implementing them, guided by certain principles for a specific.
The Design Process A bluffer’s guide to interface design A ‘proper’ Design process.
© 2016 Cognizant. © 2016 Cognizant Introduction PREREQUISITES SCOPE Heuristic evaluation is a discount usability engineering method for quick, cheap,
Ten Usability Heuristics These are ten general principles for user interface design. They are called "heuristics" because they are more in the nature of.
Principles Determine users' skill levels Novice or first-time users - Knowledgeable intermittent users - create templates Expert frequent users-
Chapter 6 : User interface design
Usability Overview Upsorn Praphamontripong CS
Chapter 16: User Interface Design
Human Computer Interaction Slide 2
11.10 Human Computer Interface
Design AH Computing.
User Interface Design Chapter 8.
Krug 8 Dialog Boxes Toolbars
Web User Interface (WUI) Behavior
Ch 1 Second Half What is a Language?
Unit 14 Website Design HND in Computing and Systems Development
Review for Final Exam Fall 2016
A heuristic evaluation of Problets
G061 - Tailored Interfaces
Heuristic Evaluation Jon Kolko Professor, Austin Center for Design.
Software Engineering D7025E
Krug Chapter 6 B: Flow in UIs
One-timer?. A new face of the technical communicator – UX is our strength – we design to write.
10 Design Principles.
Krug Chapter 3 Billboard Design 101 and Chapter 4 Mindless Choices
Shneiderman’s measurable criteria
Review for Midterm Spring 2018
Proper functionality Good human computer interface Easy to maintain
Norman Chapter 2 Psychology of Everyday Actions
Nilesen 10 hueristics.
Chapter 1 Jeff Offutt Chapter 1.1, Concept 1 The 7  2 rule.
Cooper Part II Making Well-Behaved Products Different Needs
Norman Chapter 6 Krug Chapter 7 D: Undo
CHAPTER 2: Guidelines, Principles, and Theories
Lecture 22: HCI Design March 15, /6/2019
Review for Final Exam Fall 2018
Project Grading Rubric—Tentative
Presentation transcript:

Software Usability and Design Users and Principles Jeff Offutt https://www.cs.gmu.edu/~offutt/ SWE 205 Software Usability and Design

It is important to know who the user is Understand the Users It is important to know who the user is Work experience Computer experience Age Education Reading skills Language skills Work environment Task frequency … many more possibilities 18-Apr-19 © Jeff Offutt

Nine Golden Usability Principles Build a UI that is consistent Design in, then evaluate Changes break consistency … Design usable and discoverable shortcuts Users must be able to find them Users must be able to remember them Provide appropriate feedback Not just error messages Yield closure Have a clearly defined end-point in the interaction Provide appropriate error handling Clearly tell users what was wrong Only make users redo the part that was wrong 18-Apr-19 © Jeff Offutt

Nine Golden Usability Principles Allow users to undo all actions If the operation cannot be “undone,” use hesitation Put the user in charge Inexperienced users may be intimidated when the software makes decisions Experienced users want to control the flow Reduce the STM load Design for the USER First Last Then test it 18-Apr-19 © Jeff Offutt

Preventing Errors People often make mistakes Faster computers can increase errors Prevention strategies : Flow : Users make fewer mistakes when the flow through the UI makes sense Education : Better error messages can reduce errors 18-Apr-19 © Jeff Offutt

Software Seatbelts The software can prevent the user from making dangerous choices If the dangerous choice must be available, allow it with a hesitation (“are you sure?”) Exiting editors with changed, unsaved text Should not hesitate if unchanged! Unix: rm *.o … rm * .o rm –i *.o forces hesitation (alias rm “rm –i”) Omit menu choices that should not be used 18-Apr-19 © Jeff Offutt

Highlighting Highlighting can appear in many ways : bold marking size font CAPITALIZE inverse video blinking color audio BE GENTLE!! HIGHLIGHTING ALWAYS LOOKS STRONGER TO THE USER THAN TO THE DESIGNER !!! 18-Apr-19 © Jeff Offutt

All an interface designer has to do is Summary Understand the users Nine general usability principles Prevent errors Highlight gently All an interface designer has to do is Be polite Be considerate Be clear 18-Apr-19 © Jeff Offutt