The Process of Interaction Design. What is Interaction Design? It is a process: — a goal-directed problem solving activity informed by intended use, target.

Slides:



Advertisements
Similar presentations
CSCI 4163 / CSCI 6904 – Winter Housekeeping  Register from the waitlist  Course website under construction  Need to form MP1 groups by January.
Advertisements

References Prof. Saul Greenberg, University of Calgary, notes and articles INUSE 6.2 and RESPECT 5.3 Handbook Prof. , University of , Notes and articles.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 16 HCI PROCESS.
CS305: HCI in SW Development
Chapter 4 Design Approaches and Methods
Lifecycle models For more info on these models – see text
SECOND MIDTERM REVIEW CS 580 Human Computer Interaction.
THE PROCESS OF INTERACTION DESIGN
Part 1: Introducing User Interface Design Chapter 1: Introduction –Why the User Interface Matters –Computers are Ubiquitous –The Importance of Good User.
The Process of Interaction Design. Overview What is Interaction Design? —Four basic activities —Three key characteristics Some practical issues —Who are.
The Process of Interaction Design
What is Interaction Design?
1 FJK User-Centered Design and Development Instructor: Franz J. Kurfess Computer Science Dept. Cal Poly San Luis Obispo.
Chapter 6 The Process of Interaction Design Presented by: Kinnis Gosha, Michael McGill, Jamey White, and Chiao Huang.
1 The Design Process Lecture 9 Date: 2 nd March. 2 Overview Life-Cycle Models in HCI 4 basic activities in HCI Requirements Design Develop/Build Evaluation.
Design Process …and the project.
Fundamentals of Information Systems, Second Edition
Process of Interaction Design
What is a good length of string? –Depends on its use How do you design a good length of string? –Can be determined by a process What is a good user interface?
Objectives By the end of today’s class you will be able to… –Describe the major steps in the interaction design process –Explain the importance of iterative.
The Software Product Life Cycle. Views of the Software Product Life Cycle  Management  Software engineering  Engineering design  Architectural design.
socio-organizational issues and stakeholder requirements
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.
What is Interaction Design? “ …designing interactive products to support people in their everyday and working lives. ” (Preece, Rogers, and Sharp – 2002)
Imran Hussain University of Management and Technology (UMT)
CS3205: HCI in SW Development
Chapter 6 The Process of Interaction Design By: Matt Bergstein Matt Bergstein Kevin Clark Kevin Clark Carol Lawson Carol Lawson Angelo Mitsopoulos Angelo.
The process of interaction design. Overview What is involved in Interaction Design? –Importance of involving users –Degrees of user involvement –What.
Chapter 6 Design Thinking.
1 Chapter 2 The Process. 2 Process  What is it?  Who does it?  Why is it important?  What are the steps?  What is the work product?  How to ensure.
Process of Interaction Design. Overview What is Interaction Design? —Four basic activities —Three key characteristics Some practical issues —Who are the.
CS3205: HCI in SW Development Software process and user-centered design Readings: (1) ID-Book, Chapter 9 (2) Ch. 1 from Task-Centered User Interface Design.
27. august 2007 Lektion 1c 1 Interaktionsdesign- processen Sharp Kapitel 9 Anker Helms Jørgensen Interaktionsdesign Efteråret 2007 Lektion 1c.
CSCD 487/587 Human Computer Interface Winter 2013 Lecture 3 HCI and Interactive Design.
Chapter 9 The process of interaction design. Fundamental activities Understanding the requirements Producing a design solution that satisfies those requirements.
 What is involved in Interaction Design? › What is a user-centered approach? › Four basic activities  Some practical issues › Who are the users? › What.
©2011 1www.id-book.com The process of interaction design Chapter 9.
Interaction Design CMU. Today’s objectives Continue Design approaches (UCD, ACD)  User-Centered Design  Activity-Centered Design.
1 The Design Process Lecture 6 DeSiaMorewww.desiamore.com/ifm.
Week 8 - The process of interaction design
Computer Science Department California Polytechnic State University San Luis Obispo, CA, U.S.A. Franz J. Kurfess CPE/CSC 484: User-Centered Design and.
CSCI 4163 / CSCI 6904 – Winter Housekeeping  Register from the waitlist  Facebook page: 2014 version please!  Course website under construction.
Gary MarsdenSlide 1University of Cape Town Human-Computer Interaction - 4 User Centred Design Gary Marsden ( ) July 2002.
Design Process … and some design inspiration. Course ReCap To make you notice interfaces, good and bad – You’ll never look at doors the same way again.
Software Architecture Evaluation Methodologies Presented By: Anthony Register.
User and Task Analysis © Ed Green Penn State University Penn State University All Rights Reserved All Rights Reserved 12/5/2015User and Task Analysis 1.
IXD activities. What is Interaction Design? — a goal-directed problem solving activity informed by intended use, target domain, materials, cost, and feasibility.
Barbara white : interactive mobile system design Who are our Users?
©2011 1www.id-book.com The process of interaction design Chapter 9.
Modelling the Process and Life Cycle. The Meaning of Process A process: a series of steps involving activities, constrains, and resources that produce.
12-CRS-0106 REVISED 8 FEB 2013 CSG2C3/ Interaksi Manusia dan Komputer (IMK) TIM Dosen IMK USER CENTERED DESIGN KK SIDE 2/5/20161.
Interface Types and Models Dr. Dania Bilal IS 588 Spring 2008.
LECTURE 3 Outline What is interaction design about?
User centered design IS336 with Dr. Basit Qureshi Fall 2015.
CS305: HCI in SW Development Software process and user-centered design Readings: ID-Book, Chapter 9.
Software Development Process includes: all major process activities all major process activities resources used, subject to set of constraints (such as.
The Process of Interaction Design
The process of interaction design
User-Centered Design and Development
The process of interaction design Chapter
ESTABLISHING REQUIREMENTS
HCI in the software process
User-Centered Design and Development
Introduction to Software Engineering
HCI in the software process
PACT Analysis.
THE PROCESS OF INTERACTION DESIGN
THE PROCESS OF INTERACTION DESIGN
THE PROCESS OF INTERACTION DESIGN
Presentation transcript:

The Process of Interaction Design

What is Interaction Design? It is a process: — a goal-directed problem solving activity informed by intended use, target domain, materials, cost, and feasibility — a creative activity — a decision-making activity to balance trade-offs It is a representation: — a plan for development — a set of alternatives and successive elaborations

Four basic activities There are four basic activities in Interaction Design: 1.Identifying needs and establishing requirements 2. Developing alternative designs 3. Building interactive versions of the designs 4. Evaluating designs

Three key characteristics Three key characteristics permeate these four activities: 1. Focus on users early in the design and evaluation of the artefact 2. Identify, document and agree specific usability and user experience goals 3. Iteration is inevitable. Designers never get it right first time

Some practical issues Who are the users? What are ‘needs’? Where do alternatives come from? How do you choose among alternatives?

Who are the users/stakeholders? Not as obvious as you think: — those who interact directly with the product — those who manage direct users — those who receive output from the product — those who make the purchasing decision — those who use competitor’s products Three categories of user (Eason, 1987): — primary: frequent hands-on — secondary: occasional or via someone else — tertiary: affected by its introduction, or will influence its purchase

Who are the stakeholders? Check-out operators Customers Managers and owners Suppliers Local shop owners

What are the users’ capabilities? Humans vary in many dimensions: —Physiological dimensions: — size of hands may affect the size and positioning of input buttons — motor abilities may affect the suitability of certain input and output devices — height if designing a physical kiosk — strength - a child’s toy requires little strength to operate, but greater strength to change batteries — disabilities (e.g. sight, hearing, dexterity) —Psychological and cultural dimensions

What are ‘needs’? Users rarely know what is possible Users can’t tell you what they ‘need’ to help them achieve their goals Instead, look at existing tasks: –their context –what information do they require? –who collaborates to achieve the task? –why is the task achieved the way it is? Envisioned tasks: –can be rooted in existing behaviour –can be described as future scenarios

Specify Requirements Functional requirements: what the system must do Usability requirements: acceptable level of user performance Be specific “Allow 95% of users to perform x tasks in y amount of time, with z or fewer errors.” NOT “increase user satisfaction by 50%”…unless you can quantify user satisfaction

Develop Detailed Specifications A specifications document is necessary Detailed Design Requirements –Coding techniques –How information will be presented –How control actions will be implemented Ensures consistency in the final product Allows multiple designers to work simultaneously

Where do alternatives come from? Humans stick to what they know works But considering alternatives is important to ‘break out of the box’ Designers are trained to consider alternatives, software people generally are not How do you generate alternatives? —‘Flair and creativity’: research and synthesis —Seek inspiration: look at similar products or look at very different products

How do you choose among alternatives? Evaluation with users or with peers, e.g. prototypes Technical feasibility: some not possible Quality thresholds: Usability goals lead to usability criteria set early on and check regularly —safety: how safe? —utility: which functions are superfluous? —effectiveness: appropriate support? task coverage, information available —efficiency: performance measurements

Testing prototypes to choose among alternatives

Lifecycle models Show how activities are related to each other Lifecycle models are: —management tools —simplified versions of reality Many lifecycle models exist, for example: —from software engineering: waterfall, spiral, JAD/RAD, Microsoft —from HCI: Star, usability engineering

A simple interaction design model Evaluate (Re)Design Identify needs/ establish requirements Build an interactive version Final product Exemplifies a user-centered design approach

Traditional ‘waterfall’ lifecycle Requirements analysis Design Code Test Maintenance

JAD workshops Project set-up Iterative design and build Engineer and test final prototype Implementation review A Lifecycle for RAD (Rapid Applications Development)

Important features: —Risk analysis —Prototyping —Iterative framework allowing ideas to be checked and evaluated —Explicitly encourages alternatives to be considered Good for large and complex projects but not simple ones Spiral model (Barry Boehm)

Spiral Lifecycle model From cctr.umkc.edu/~kennethjuwng/spiral.htm

The Star lifecycle model Suggested by Hartson and Hix (1989) Important features: —Evaluation at the center of activities —No particular ordering of activities. Development may start in any one —Derived from empirical studies of interface designers

The Star Model (Hartson and Hix, 1989) Evaluation Conceptual/ formal design Requirements specification Prototyping task/functional analysis Implementation

Usability engineering lifecycle model Reported by Deborah Mayhew Important features: –Holistic view of usability engineering –Provides links to software engineering approaches, e.g. OOSE –Stages of identifying requirements, designing, evaluating, prototyping –Can be scaled down for small projects –Uses a style guide to capture a set of usability goals

Summary Four basic activities in the design process 1.Identify needs and establish requirements 2.Design potential solutions ((re)-design) 3.Choose between alternatives (evaluate) 4.Build the artefact These are permeated with three principles 1.Involve users early in the design and evaluation of the artefact 2.Define quantifiable & measurable usability criteria 3.Iteration is inevitable Lifecycle models show how these are related