INTERACTION DESIGN. Today’s objectives Understanding & conceptualizing interaction Control Design Challenge.

Slides:



Advertisements
Similar presentations
Chapter 5 Development and Evolution of User Interface
Advertisements

Design, prototyping and construction
Understanding and conceptualizing interaction. Understanding the problem space –What do you want to create? –What are your assumptions? –Will it achieve.
Chapter 4 Design Approaches and Methods
Agile Usability Testing Methods
SECOND MIDTERM REVIEW CS 580 Human Computer Interaction.
Copyright 1999 all rights reserved The HCI Design Process n User Interfaces are not just built by sitting down and drawing up designs for them n Just like.
Learning and Teaching Conference 2012 Skill integration for students through in-class feedback and continuous assessment. Konstantinos Dimopoulos City.
Interface metaphors & analogies pp pp
Vocabulary of Design Visibility - –how easily a user can see what can be done and how to do it Mappings - –how a control and object are related –suffers.
IS214 Recap. IS214 Understanding Users and Their Work –User and task analysis –Ethnographic methods –Site visits: observation, interviews –Contextual.
 DB&A, Knowledge Management Within and Across Projects June 15, 2012 INNOVATION for a better world.
Human Computer Interaction
From requirements to design
Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.
Chapter 2: Understanding and conceptualizing interaction
User studies. Why user studies? How do we know security and privacy solutions are really usable? Have to observe users! –you may be surprised by what.
Usability 2004 J T Burns1 Usability & Usability Engineering.
Principles and Methods
ICS 463, Intro to Human Computer Interaction Design: 8. Evaluation and Data Dan Suthers.
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
Damian Gordon.  Summary and Relevance of topic paper  Definition of Usability Testing ◦ Formal vs. Informal methods of testing  Testing Basics ◦ Five.
TEACHING INFORMATIVE WRITING FROM SOURCES Chapter 6 Best Practices in Writing Instruction George E Newell Jennifer VanDerHeide Melissa Wilson.
Paper Prototyping Source:
Dr. MaLinda Hill Advanced English C1-A Designing Essays, Research Papers, Business Reports and Reflective Statements.
Chapter 2: Understanding and conceptualizing interaction Question 1.
Unit 2: Engineering Design Process
ITEC224 Database Programming
Team Skill 6: Building the Right System From Use Cases to Implementation (25)
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
The ID process Identifying needs and establishing requirements Developing alternative designs that meet those requirements Building interactive versions.
Visualizing Information in Global Networks in Real Time Design, Implementation, Usability Study.
Understand the Business Function
INTERACTION DESIGN. Today’s objectives Understanding & conceptualizing interaction Control Design Challenge.
Empathy Proto- typing Feedback Process Inventory How are you doing as an organization/in dividual in these three stages? What are you doing already for.
What is Usability? Usability Is a measure of how easy it is to use something: –How easy will the use of the software be for a typical user to understand,
©2010 John Wiley and Sons Chapter 6 Research Methods in Human-Computer Interaction Chapter 6- Diaries.
Interaction Design CMU. Today’s objectives Continue Design approaches (UCD, ACD)  User-Centered Design  Activity-Centered Design.
Crosscutting Concepts Next Generation Science Standards.
Problem Solving Strategies EDU 412/413 Special Thanks to: Matthieu Petit.
Usability Testing & Web Design by Alex Andujar. What is Usability? Usability measures the quality of a user's experience when interacting with a Web site,
AVI/Psych 358/IE 340: Human Factors Interfaces and Interaction September 22, 2008.
Sakai Tools Designing a User-Centered Sakai Tool Sakai Tools Team Rob Lowden, Daphne Ogle.
Early Behaviours and What to Look For EARLY READING BEHAVIOURS…
Observing Users (finishing up) CS352. Announcements, Activity Notice upcoming due dates (web page) Discussion: –Did your observations have enough detail.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 40 Observing.
Strategies for Using Media Effectively in the Classroom.
Software Engineering User Interface Design Slide 1 User Interface Design.
The Structure of Information Retrieval Systems LBSC 708A/CMSC 838L Douglas W. Oard and Philip Resnik Session 1: September 4, 2001.
Software Engineering1  Verification: The software should conform to its specification  Validation: The software should do what the user really requires.
Quality: A Business Perspective In quality management, the ratio of improvement effort to benefits varies greatly. Sometimes, a single change in a process.
TRAINING PACKAGE The User Action Framework Reliability Study July 1999.
Design, prototyping and construction(Chapter 11).
#1 Make sense of problems and persevere in solving them How would you describe the problem in your own words? How would you describe what you are trying.
Introducing Evaluation Chapter 12. What is Evaluation?  Assessing and judging  Reflecting on what it is to be achieved  Assessing the success  Identifying.
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
William H. Bowers – Conceptual Design and Architecture Torres 11.
LECTURE 10: THE RIGHT TOOL FOR THE JOB April 18, 2016 SDS136: Communicating with Data.
Lesson Objectives 1) Review the steps involved in problem solving 2) Review the stages of the System Life Cycle 3) Describe what prototyping is and the.
The aims Show how design & evaluation are brought together in the development of interactive products. Show how different combinations of design & evaluation.
Welcome to M301 P2 Software Systems & their Development
Digital media & interaction design
SDLC: System Development Life Cycle
CS 641 – Requirements Engineering
CS 641 – Requirements Engineering
Software Requirements analysis & specifications
Design, prototyping and construction
Chapter 11 Design, prototyping and construction 1.
Design, prototyping and construction
Presentation transcript:

INTERACTION DESIGN

Today’s objectives Understanding & conceptualizing interaction Control Design Challenge

Four basic activities in Interaction Design 1. Establishing requirements 2. Designing alternatives 3. Prototyping 4. Evaluating

User-Centered Design Process 1.Identifying needs (the problem space) 2.Establish requirements 3.Develop alternative designs to meet needs 4.Build prototypes that can be communicated and assessed 5.Evaluate what is being built throughout the process and the user experience it offers

Conceptualizing design space describe what system will do for users. outline what people can do with product what concepts are needed to understand how to interact with it. Conceptualize the design space using a conceptual model

Lots of data When trying to understanding the problem (problem space) and conceptualizing the design space, you collect lots of information. Notes. Pictures. Audio and video recordings. Impressions. Observations. Can be overwhelming and confusing. Must be turned into something that designers, product team, and stakeholders-can understand and use. Source: Shaffer, D. (2010). Designing for Interaction, pp

40% of our users own android 43% of our users own iphone 60% want multi-modal interface control Failure rate on existing control is 45% Process flow breaks down at point X Turned data into something that designers, product team, and stakeholders-can understand and use.

Source: Shaffer, D. (2010). Designing for Interaction, pp Make the Data Visual & Physical Usually, research data will be fragmented and exist in any number of places. Make them visual and physical. Source:

Manipulating the Data Once data are visual and physical, manipulating them: Clustering similar pieces of data Combining/collapsing redundant pieces of data Juxtaposing related pieces of data Naming data clusters Juxtaposing unrelated pieces of data XYZ ABC JKL CDE

Manipulating the Data When manipulating the data, you are mainly looking for patterns. 80% of user paths 10% of user paths

Organizing data Some standard ways of organizing data: Alphabetical Numerical Chronological By frequency By subject 80% of user paths 10% of user paths Source: Shaffer, D. (2010). Designing for Interaction, pp

Analyzing the Data Ways to go about analyzing the data: Analysis Summation Extrapolation Abstraction Source: Shaffer, D. (2010). Designing for Interaction, pp

Analysis Analysis, how you examine data. Deconstruction of a whole process, activity, object, or environment into its component parts. Alignment Diagram Breaks a process down into its discrete steps then indicates the problems and issues with each step, as well as the tools available to help users complete that stage of the activity. Source: Shaffer, D. (2010). Designing for Interaction, pp

What’s the process here?

Touchpoint List Type of analysis that lists all points of contact. Check in at an airport, touchpoints include agent, kiosk, ticket itself, ticket sleeve, and the counter. Touchpoints can include: Physical locations Specific parts of locations Hardware Software Signage Objects

What are the Touchpoints?

Process Map Analysis - shows a high-level view of a service, steps, and boundaries of the project.

Task Analysis A raw list of activities that the final design will have to support.

What are the tasks?

Summation Taking pieces of data and making them add up to a conclusion. Noting that 75 percent of research subjects did a particular activity can be a powerful piece of persuasion to demonstrate the need to support that activity. Source: Shaffer, D. (2010). Designing for Interaction, pp

Extrapolation Opposite of analysis Extrapolation seeks to make a new, different whole. Designer extrapolates a product from what she knows about the users. Source: Shaffer, D. (2010). Designing for Interaction, pp

Abstraction Abstraction involves removing data until only the most relevant data points remain. Those data points can be visualized as conceptual models. Read Giles Colborne, (2010). Simple and Usable Web, Mobile, and Interaction Design (Voices That Matter) New Riders. Source: Shaffer, D. (2010). Designing for Interaction, pp

Conceptual model The outcome of abstraction is usually a conceptual model. Best models of design research show (either implicitly or explicitly) three things: Pain points. Where are there difficulties in the process? What don't users like? What is creating unnecessary effort? What is inefficient or unpleasant? Opportunities. What are the opportunities for improvement? Where is a tool missing that might help users? What areas have been neglected that could be improved? Calls to action. What needs to be done in order to ameliorate the pain points and capitalize on the opportunities? What are the big design tasks that need to be done? Source: Shaffer, D. (2010). Designing for Interaction, pp

Problems with interface metaphors (Nelson, 1990) Break conventional and cultural rules e.g., recycle bin placed on desktop Can constrain designers in the way they conceptualize a problem space Conflict with design principles Forces users to only understand the system in terms of the metaphor Designers can inadvertently use bad existing designs and transfer the bad parts over Limits designers’ imagination in coming up with new conceptual models

Activity A company has been asked to design a computer-based system that will encourage autistic children to communicate and express themselves better. What type of interaction would be appropriate to use at the interface for this particular user group?