The Design Process A bluffer’s guide to interface design A ‘proper’ Design process.

Slides:



Advertisements
Similar presentations
What do these things have in common? a mouse a touch screen a program on your Mac or PC that includes a trashcan, icons of disk drives, and folders pull-down.
Advertisements

Interaksi Manusia Komputer – Marcello Singadji. design rules Designing for maximum usability – the goal of interaction design Principles of usability.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.
© De Montfort University, Characteristics of Good Dialogues Howell Istance Department of Computer Science De Montfort University.
What is a User Interface?  Everything in a device with which a human being interacts.  The total “user experience”  Not necessarily tied to computers.
Técnicas de Calidad en el Software Sesión # 10. Good quality software Operations Transition Testing Portability Reusability Interoperability Maintainability.
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.
DESIGN AND EVALUATION HCI Class Presentation Group Members: Petra Leimert, Alexander Stevenson, Martin Kyle, Farhan Mohamed, Lisa Tong.
Human Computer Interaction G52HCI
Designing the User Interface Theories, Principles, and Guidelines Course 4, CMC, 23/09/03.
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.
CS147 - Terry Winograd - 1 Lecture 6 – Usability Terry Winograd CS147 - Introduction to Human-Computer Interaction Design Computer Science Department Stanford.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 6/e and are provided with permission by.
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
Principles and Methods
Designing Interface for Disability A. Tijani S. Cook
Chapter 7 design rules.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
1. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “Usability Engineering” –Describe the various steps involved.
Lecture 5 Heuristic evaluations & Early prototype Evaluations HEIM, CHAPTERS
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
Principles of User Centred Design Howell Istance.
User Centred Design Overview. Human centred design processes for interactive systems, ISO (1999), states: "Human-centred design is an approach to.
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
Lecture 6 User Interface Design
Software Evaluation Catherine McKeveney Medical Informatics 1st March 2000.
Overview of the rest of the semester Building on Assignment 1 Using iterative prototyping.
Types of Usability Testing or Usability Inspection Chapter 10.3.
1 Chapter 15 User Interface Design. 2 Interface Design Easy to use? Easy to understand? Easy to learn?
Design Rules-Part B Standards and Guidelines
Evaluation of User Interface Design 4. Predictive Evaluation continued Different kinds of predictive evaluation: 1.Inspection methods 2.Usage simulations.
Understanding Users The Design process From an individual cognitive perspective From an organisational and social perspective From an art and design perspective.
1 Guidelines and Principles Lecture 2. CS774 – Spring Why do we get HCI problems? Programmers aren’t users  Different goals and personalities Programmers.
Chapter 7 design rules. Designing for maximum usability – the goal of interaction design Principles of usability –general understanding Standards and.
User Interfaces 4 BTECH: IT WIKI PAGE:
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
1 chapter 7 design rules. 2 Designing for maximum usability – the goal of interaction design Principles of usability –general understanding Standards.
Usability User interfaces Jaana Holvikivi Metropolia
LESSON 3. Properties of Well-Engineered Software The attributes or properties of a software product are characteristics displayed by the product once.
Chapter 5:User Interface Design Concepts Of UI Interface Model Internal an External Design Evaluation Interaction Information Display Software.
User Interfaces 4 BTECH: IT WIKI PAGE:
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
1 These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 5/e and are provided with permission by.
Chapter 7 design rules. Designing for maximum usability – the goal of interaction design Principles of usability –general understanding Standards and.
Principles Determine users' skill levels Novice or first-time users - Knowledgeable intermittent users - create templates Expert frequent users-
Design rules.
Chapter 16: User Interface Design
Human-Computer Interaction
SIE 515 Design Rules Lecture 5.
Design rules.
Ch 1 Second Half What is a Language?
HCI – DESIGN RATIONALE 20 November 2018.
Chapter 15 User Interface Design
Software Engineering D7025E
Usability Techniques Lecture 13.
Fundamentals of Human Computer Interaction (HCI)
What do these things have in common?
Proper functionality Good human computer interface Easy to maintain
CSE310 Human-Computer Interaction
Chapter 7 design rules.
Chapter 7 design rules.
Chapter 7 design rules.
CHAPTER 2: Guidelines, Principles, and Theories
Chapter 7 design rules.
Presentation transcript:

The Design Process A bluffer’s guide to interface design A ‘proper’ Design process

Bluff your way as an interface designer Five core goals User profiling Eight golden rules

Five core goals Time to learn Speed of performance once learned Rate of errors Retention over time Satisfaction

Profiling users - understand diversity “Know thy user” - write down a profile including: age, gender, physical ability, experience, culture, language, environment of use How experienced are your users? novice or first-time users knowledgeable intermittent users expert frequent users

Is there only one type of user for your system? Write down a profile of tasks for each kind of user: hierarchical task decomposition assess relative frequencies of tasks The user is almost certainly not you!!

Library Scenario Your local library has received funding from the city council to place a PC in its foyer for looking up bus timetables. This will enable visitors to find out when buses for their town stop at the library There are currently standard paper-based bus timetables available in the foyer. However, library users who visit by bus have complained that these are difficult to read and not specific enough to the library.

Schneiderman’s eight golden rules 1. Strive for consistency 2. Enable frequent users to use shortcuts 3. Offer informative feedback 4. Design dialogue to yield closure 5. Offer error prevention and simple handling 6. Permit easy reversal of actions 7. Support internal locus of control 8. Reduce short term memory load

‘Proper’ interface design: the design process Three key activities Understand user requirements (various methods) Prototype & build the interface (programming environments software tools) Evaluate & refine (expert reviews, usability testing and experiments) But these may be interwoven through ‘iterative design’

The Traditional Waterfall Model of Systems Design Requirements Design Implement Test Maintain

The Human Centred Design Cycle Plan the user-centred process Understand and specify the context of use Specify the user and organisational requirements Produce Design Solutions Evaluate Designs Against User Requirements Meets requirements Context: Users, tasks, hardware, software, materials, physical and social environments From: ISO Human Centred Design Process for Interactive Systems (1999)

Putting them together: user- centred & iterative system design USER Requirements Design Test Implement Maintain Task Computers Environment Iterations

Different perspectives on design User requirements Individual and cognitive perspective Draws on psychology Focuses on individual capabilities, task performance and dialogue Social and organisational perspective Draws on sociology and management Focuses on organisational fit, environment, collaboration and legal and ethical issues Design perspective Draws on art and design Considers aesthetic, cultural and marketing aspects of interaction design