Last time… Conceptual models –To what is it similar? What metaphors do they bring to bear? –What actions can one perform on or with a web page?

Slides:



Advertisements
Similar presentations
Understanding users.
Advertisements

Chapter 2, part 3 Human Aspects: Interface Metaphors and Conceptual Models... What is a metaphor? Traditionally, metaphors were used in speech where things.
Design, prototyping and construction
Chapter 11 Designing the User Interface
”SEO” Search engine optimization Webmanagement training - Dar es Salaam 2008.
User-Centered Design and Development Instructor: Franz J. Kurfess Computer Science Dept. Cal Poly San Luis Obispo FJK 2005.
Understanding and conceptualizing interaction. Understanding the problem space –What do you want to create? –What are your assumptions? –Will it achieve.
Metaphor and Metonymy Lecture 7.  She loves Picasso.  Does he own any Shakespeare?  The sax has the flu today.
Chapter 3: Understanding users. Overview What is cognition? What are users good and bad at? Describe how cognition has been applied to interaction design.
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.
The Psychopathology of Everyday Things
Web E’s goal is for you to understand how to create an initial interaction design and how to evaluate that design by studying a sample. Web F’s goal is.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
Spatial Hypermedia and Augmented Reality
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 10, 2005.
Chapter 3 Understanding users (adapted from the text’s materials)
SIMS 213: User Interface Design & Development
ID Conceptual Models (Mental Models) Summary
Understanding and Conceptualizing Interaction Chapter 2.
Interaction Design Session 11 LBSC 790 / INFM 718B Building the Human-Computer Interface.
Chapter 2: Understanding and conceptualizing interaction
Chapter 13: Designing the User Interface
FIRST COURSE Computer Concepts Internet and Microsoft Office Get to Know Your Computer.
Exploring the Basics of Windows XP
Establishing Successful Business Online Alexei Kouleshov.
Chapter 2: Understanding and conceptualizing interaction Question 1.
Microsoft Windows LEARNING HOW USE AN OPERATING SYSTEM 1.
Conceptual Models & Interface Metaphors. Objectives By the end of this class, you will be able to… Define conceptual model Identify instances where the.
Concepts We Live By Metaphor is for most people a device of the poetic imagination and the rhetorical flourish – a matter of extraordinary rather than.
CMPT 880/890 Writing labs.
1 Conceptual Metaphor Topics in Linguistics © 2007 Juno Lin.
Week 11 Practical: Microsoft Word Theory: Midterm situations.
©2011 1www.id-book.com Cognitive aspects Chapter 3.
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.
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.
My Daily Tasks. Game My Daily Tasks a simulation & immersion game of everyday tasks that new immigrants to the U.S. may encounter.
Mestrado em Informática Médica SIntS 13/14 – T5 Design Concepts Miguel Tavares Coimbra.
How to use the internet The internet is a wide ranging network that thousands of people use everyday. It is a useful tool in modern society that once one.
CS CS 5150 Software Engineering Lecture 11 Usability 1.
AVI/Psych 358/IE 340: Human Factors Interfaces and Interaction September 22, 2008.
Understanding and conceptualizing interaction
Metaphors We Live By George Lakoff & Mark Johnston,
Heat and TemperatureSection 1 Section 1: Temperature Preview Key Ideas Think-Pair-Share Temperature and Energy Temperature Scales Math Skills Relating.
Understanding Users Cognition & Cognitive Frameworks
1 Cognitive aspects Chapter 3. 2 Overview What is cognition? What are users good and bad at? Describe how cognition has been applied to interaction design.
Sight Words.
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
Chapter 3: Understanding users. Overview What is cognition? What are users good and bad at? Describe how cognition has been applied to interaction design.
Barbara white : interaction design Understanding users cognitive social affective.
Chapter 3: Understanding users Modified by E. Kraemer, 10/4/07.
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
Metaphors Informing the user what to do Lecture 10 Gabriel Spitz 1.
Conceptual Model Design Informing the user what to do Lecture # 10 (b) Gabriel Spitz.
Systems and User Interface Software. Types of Operating System  Single User  Multi User  Multi-tasking  Batch Processing  Interactive  Real Time.
Module 6 Problems Unit 2 If you tell him the truth now, you will show that you are honest. ask for advice give advice.
Today We Will Review: Operating Systems (Windows) (week 3 & 4) Starting up MS Windows Desktop and its contents Functions of the desktop components Brain.
Chapter 3: Understanding users
How to think about interaction
Activity Flow Design - or - Organizing the users’ Work
The User Lecture 2 DeSiaMore
Design, prototyping and construction
Chapter 3: Understanding users
LITB4 AQA Critical Anthology pp.8-10;
The study of metaphor
Design, prototyping and construction
Presentation transcript:

Last time… Conceptual models –To what is it similar? What metaphors do they bring to bear? –What actions can one perform on or with a web page?

Last time… Conceptual models –What will the users be doing when carrying out their tasks? –How will they think about the task? –What concepts and metaphors will they bring with them to the system? –What interaction modes will be most useful?

Conceptual models based on activities Giving instructions –issuing commands using keyboard and function keys and selecting options via menus Conversing –interacting with the system as if having a conversation (e.g., AskJeeves) Manipulating –acting on objects and interacting with virtual objects (e.g., pong, MS Word) Browsing –Looking through lists, poking around, etc.

Conceptual models based on objects Usually based on an analogy with something in the physical world Examples include books, tools, vehicles Classic: Star Interface based on office objects Johnson et al (1989)

Interface metaphors Interface designed to be similar to a physical entity but also has own properties Can be based on activity, object or a combination of both Exploit user’s familiar knowledge, helping them to understand ‘the unfamiliar’

W W W

Another Internet metaphor WWW as planet earth The “superhighway” An atlas –Web sites are: Towns Points of interest –Links are roads There are “vacation spots” and places we go to work Every site has an address Sites like Yahoo! provide a yellow pages for locating goods and services Search engines are somewhere between a yellow pages and visitor center or information desk

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

Problems with interface metaphors Break conventional and cultural rules –e.g. recycle bin placed on desktop Can constrain designers in the way they conceptualize a problem space 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

However, for the most part, metaphor is an extremely useful tool in constructing user interfaces.

Metaphor is fundamental to how we think - George Lakoff & Mark Johnson

Argument is War Your claims are indefensible He attacked every weak point in my argument Her criticisms were right on target I demolished his argument. I’ve never won an argument with her. You disagree? Okay, shoot! If you use that strategy, she’ll wipe you out. He shot down all of my arguments.

More is up/good is up I’m feeling up. That boosted my spirits. Get up. Wake up. She rises early. He’s at the peak of health. I am on top of the situation. He is under my power. My income rose last year.

Future is forward, past is back In the weeks ahead of us… That’s all behind us…

The conduit metaphor –Ideas are objects –Linguistic expressions are containers –Communication is sending

The conduit metaphor (cont’d) It’s difficult to put my ideas into words. It’s hard to get that idea across to him You’re reasons came through to us. His words carry little meaning. Your words seem hollow. The idea is buried in terribly dense paragraphs.

If you’re interested Metaphors We Live By, George Lakoff and Mark Johnson Women, Fire, and Dangerous Things, George Lakoff

A conceptual model is what we target as designers Metaphor is useful in building conceptual models A “mental model” is how an individual in our audience actually perceives what we have built.

Mental models Users develop an understanding of a system through learning & using it This type of understanding is often described as a mental model –How to use the system (what to do next) –What to do with unfamiliar systems or unexpected situations (how the system works) People make inferences using mental models of how to carry out tasks

Mental models Craik (1943) described mental models as internal constructions of some aspect of the external world enabling predictions to be made Involves unconscious and conscious processes, where images and metaphors are activated Deep versus shallow models (e.g. how to drive a car and how it works)

Everyday reasoning & mental models (a)You arrive home on a cold winter’s night to a cold house. How do you use the thermostat to get the house to warm up as quickly as possible?

Everyday reasoning & mental models (b) You arrive home very hungry. You look in the fridge and find all that is left is an uncooked pizza. Do you set the oven to bake at 375 degrees (as specified by the instructions) or turn the oven up higher to try to warm it up quicker?

Heating up a room or oven that is thermostat-controlled Many people have erroneous mental models (Kempton, 1996) Why? –General valve theory, where ‘more is more’ principle is generalized to different settings (e.g. gas pedal, tap, radio volume) –Thermostats based on model of on-off switch model

Heating up a room or oven that is thermostat-controlled Same is often true for understanding how interactive devices and computers work: –Poor, often incomplete, easily confusable, based on inappropriate analogies and superstition (Norman, 1983) –e.g. frozen cursor/screen - most people will bash all manner of keys

How does Google work? Write down the steps you believe Google follows in finding and ranking search results for a query you submit.

Now answer the following questions What will be the characteristics of the top result for the query? – dog food Does your mental model predict a difference in top results for the queries: –dog food organic –food dog organic –organic dog food –“organic dog food”

Exercise: ATMs Write down the steps you believe an ATM (cash machine) goes through in order to enable you to get money.

Exercise: ATMs Answer the following: –How much money are you allowed to take out? –If you took this out and then went to another machine and tried the same what would happen? –What denominations are allowed? –What information is on the strip on your card? How is this used? –What happens if you enter the wrong PIN? –Why are there pauses between the steps of a transaction? What happens if you try to type during them? Can you type ahead? –Do you count the money? Why?

How did you fare? Your mental model –How accurate? –How similar? –How shallow? Payne (1991) did a similar study and found that people frequently resort to analogies to explain how they work People’s accounts greatly varied and were often ad hoc