Chapter 2: Understanding and conceptualizing interaction Question 1.

Slides:



Advertisements
Similar presentations
Conceptualizing interaction
Advertisements

Understanding and conceptualizing interaction. Recap HCI has moved beyond designing interfaces for desktop machines About extending and supporting all.
Graphical input techniques
Interaction Techniques Level 2 Prepared by: RHR First Prepared on: Nov 23, 2006 Last Modified on: Quality checked by: MOH Copyright 2004 Asia Pacific Institute.
Understanding and conceptualizing interaction. Understanding the problem space –What do you want to create? –What are your assumptions? –Will it achieve.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
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.
Recap HCI has moved beyond designing interfaces for desktop machines
CISB213 Human Computer Interaction Design Principles
User Interface Design Notes p7 T120B pavasario sem.
From requirements to design
ID Conceptual Models (Mental Models) Summary
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
Lecture 7 Date: 23rd February
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Understanding and Conceptualizing Interaction Chapter 2.
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 User interface design l Designing effective interfaces for software systems.
Chapter 2: Understanding and conceptualizing interaction
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
Ch2: Operating Systems Dr. Basel Mahafzah. What is an Operating System? An operating system (OS) is a collection of programs which initializes the hardware.
Other Interaction Styles: Direct Manipulation, Haptic, Multimedia, Multimodal, Virtual Reality, Video Games Dr.s Barnes and Leventhal.
1 FJK User-Centered Design and Development Instructor: Franz J. Kurfess Computer Science Dept. Cal Poly San Luis Obispo.
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
CS305: Fall2008 Mental and Conceptual Models Readings: Chapter 2 of ID-Book.
Soft Skills for a Digital Workplace: Verbal Communication Unit D: Improving Informal Communication.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
1.1 1 Introduction Foundations of Computer Science  Cengage Learning.
1 Direct Manipulation Proposal 17 Direct Manipulation is when physical actions are used instead of commands. E.g. In a word document when the user inputs.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
The ID process Identifying needs and establishing requirements Developing alternative designs that meet those requirements Building interactive versions.
Understanding and conceptualizing interaction. Recap HCI has moved beyond designing interfaces for desktop machines About extending and supporting all.
INTERACTION DESIGN. Today’s objectives Understanding & conceptualizing interaction Control Design Challenge.
CS CS 5150 Software Engineering Lecture 11 Usability 1.
INTERACTION DESIGN. Today’s objectives Understanding & conceptualizing interaction Control Design Challenge.
Conceptual Model Design Informing the user what to do Lecture # 11 Gabriel Spitz.
AVI/Psych 358/IE 340: Human Factors Interfaces and Interaction September 22, 2008.
1 Systems Analysis and Design in a Changing World, Thursday, January 18, 2007.
Evaluation of User Interface Design 4. Predictive Evaluation continued Different kinds of predictive evaluation: 1.Inspection methods 2.Usage simulations.
Understanding and conceptualizing interaction
Software Architecture
Conceptual Models. Conceptual model A conceptual model is: “a high-level description of how a system is organized and operates.” (Johnson and Henderson,
Chapter 2: Understanding and conceptualizing interaction.
1 More about Graphical User Interfaces CIS*2450 Advanced Computing Techniques.
E.g.: MS-DOS interface. DIR C: /W /A:D will list all the directories in the root directory of drive C in wide list format. Disadvantage is that commands.
Chapter 1: What is interaction design?. Bad designs From:
Task Analysis CSCI 4800/6800 Feb 27, Goals of task analysis Elicit descriptions of what people do Represent those descriptions Predict difficulties,
CS 5150 Software Engineering Lecture 9 Usability 1.
User Interface Evaluation Cognitive Walkthrough Lecture #16.
CSCI 1101 INTRODUCTION TO COMPUTERS 5. Basic Computer Architecture.
Conceptual Model Design Informing the user what to do Lecture 10 Gabriel Spitz 1.
Fall 2002CS/PSY Dialog Design 2 Direct Manipulation 1) Continuous visibility of the objects and actions of interest 2) Rapid, reversible, incremental.
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Chapter 5:User Interface Design Concepts Of UI Interface Model Internal an External Design Evaluation Interaction Information Display Software.
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
Chapter 2: Advanced programming concepts Part 3: The user interface Lecture 5 1.
Conceptual Model Design Informing the user what to do Gabriel Spitz 1.
Conceptual Model Design Informing the user what to do Lecture 10a Gabriel Spitz 1.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Conceptual Model Design Informing the user what to do Lecture 10a Gabriel Spitz 1.
Chapter 6 : User interface design
Chapter 2 Understanding and conceptualizing interaction
How to think about interaction
Conceptual Model Design Informing the user what to do
Heuristic Evaluation Jon Kolko Professor, Austin Center for Design.
Dialog Design 2 Direct Manipulation
Models, Metaphor, Paradigms
CIS 375 Bruce R. Maxim UM-Dearborn
Presentation transcript:

Chapter 2: Understanding and conceptualizing interaction Question 1

Understanding the problem space –What do you want to create? –What are your assumptions? –What are your claims? Right – In science it’s usually much easier to define the “problem space” you are working in. In ID, however, understanding “the problem” takes as much time as solving it!

A framework for analyzing the problem space Are there problems with an existing product or user experience? Why do you think there are problems? How do you think your proposed design ideas might overcome these? When designing for a new user experience how will the proposed design extend or change current ways of doing things? Problem: How to help students have a green dorm room? Step 1: How do they try to solve that problem now?

Conceptual model “a high-level description of how a system is organized and operates.” (Johnson and Henderson, 2002, p. 26) Question 2

Main components Metaphors and Analogies. Concepts Relationships Concept  User Experience Goals.

Benefits How do users understand the interaction model? Not to become narrowly focused early on Establish a set of common terms they all understand and agree upon Reduce the chance of misunderstandings and confusion arising later on

A classic conceptual model: the spreadsheet

The Star interface

Interface metaphors Designed to be similar to a physical entity but also has own properties –e.g. desktop metaphor, search engine Question 3

Benefits of interface metaphors Makes learning new systems easier Helps users understand the underlying conceptual model

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

Interaction types Instructing Conversing Manipulating Exploring Right – Good old GNU Emacs – what type is this?

Instructing Where users instruct a system by telling it what to do –e.g., tell the time, print a file, find a photo Very common interaction type underlying a range of devices and systems Question 4 Right - The prototypical Instructing interface – The Linux terminal.

Conversing Like having a conversation with another human Examples include search engines, advice-giving systems and help systems Also included, of course, is having a real conversation with another human, like texting! Question 5 Right – Typical start of a help session in an application.

Manipulating Exploit’s users’ knowledge of how they move and manipulate in the physical world Virtual objects can be manipulated by moving, selecting, opening, and closing them

Direct manipulation Proposes that digital objects be designed so they can be interacted with analogous to how physical objects are manipulated Right – DM in action. The perfectly intuitive interface?

Core principles of DM Continuous representation of objects and actions of interest Physical actions and button pressing instead of issuing commands with complex syntax Rapid reversible actions with immediate feedback on object of interest

Why are DM interfaces so enjoyable? Novices can learn the basic functionality quickly Experienced users can work extremely rapidly to carry out a wide range of tasks, even defining new functions Intermittent users can retain operational concepts over time Error messages rarely needed Immediate feedback Users gain confidence and mastery and feel in control

What are the disadvantages with DM? Not all tasks can be described by objects and not all actions can be done directly Some tasks are better achieved through delegating rather than manipulating –e.g., spell checking Moving a mouse around the screen can be slower than pressing function keys to do same actions

Exploring Involves users moving through virtual or physical environments Question 6

A virtual world

Extra Credit Take a look at and write a review of the proposed mode of interaction. Please turn in a.pdf file by 11:59 PM Friday. Angel – Lessons – Drop Boxes - Extra Credit –Week 9. Question 7

Let’s inspect your project As a team look at your use cases: What is the ideal interaction type to accomplish each use case? –Instructing –Conversing –Manipulating –Exploring

Cartoon of the day From