Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects...
-
Upload
asher-mathews -
Category
Documents
-
view
214 -
download
0
Transcript of Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects...
![Page 1: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/1.jpg)
Foundations of User-Centered Design
![Page 2: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/2.jpg)
Questions about the Project?• Done in groups• ~4 members• Projects must have at least two real users (who are
not members of the team)• Find a project that you can get excited about• Find people with shared goals, vision, and work
style• Get started now!
– If you have a project, start selling it
![Page 3: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/3.jpg)
Types of Projects• Induce change:
– Take an existing interaction and make it more efficient or add new capabilities
• Invent new forms– Enable new behaviors
![Page 4: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/4.jpg)
Refrain from• Building from the “ground up”• Investing too much in the “back end”• Yet another attempt at a well known or commonly
pursued interface:
– To do lists, grocery finders, course schedulers, apartment finders, mail or news readers, etc.
![Page 5: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/5.jpg)
Friday
You will conduct a brainstorming activity with a small group.
You don’t NEED to have a specific idea for this.
![Page 6: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/6.jpg)
Next Monday
You will each make a ONE MINUTE pitch of an idea.
You will submit two power point slides prior to class.
![Page 7: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/7.jpg)
Hall of Fame or Shame?
• My task: after taking a cup and filling it with soda, I need to put a lid on the cup
![Page 8: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/8.jpg)
![Page 9: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/9.jpg)
![Page 10: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/10.jpg)
Analysis
• Why is the first one a candidate for Hall of Shame, while the other is a candidate for the Hall of Fame?– Mappings
• But: must consider context
![Page 11: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/11.jpg)
Exercise
• Another taste of what you’ll be doing….
![Page 12: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/12.jpg)
A two-person game• Start with the numbers 1, 2, 3, ..., 9
• Alternate turns, taking one number at a time• Player one Xs out the number they want to take• Payer two circles the number they want to take
• A player wins when they have any 3 numbers that sum to 15– e.g., 1, 3, 9, 5 wins because 1+9+5 equals 15
• If numbers are all used with no winner, the game is a draw
![Page 13: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/13.jpg)
OK, now try it another way
1
2
34
5
67
8
9
![Page 14: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/14.jpg)
Now, observe
• Do you really need the numbers?
• An interface is a representation of a problem/task
• A well-designed interface can wholly transform a task, making it much simpler
![Page 15: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/15.jpg)
Moving On – Today’s Objectives
• “Refresh your memory" of some basic human psychology
• Begin to discuss design principles based on these principles
![Page 16: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/16.jpg)
The Core Process of UI Design
• Understand User Behavior
• Map Behavior to Interaction
• Evaluate
![Page 17: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/17.jpg)
Human Cognition
• It’s Human-Computer Interaction, User Interface Design so we need to understand something about human capabilities
• … so a very brief overview of human cognitive capabilities as relevant to HCI
![Page 18: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/18.jpg)
Human Cognition
• Attention
• Perception and recognition
• Memory
• Learning
• Problem solving and reasoning
![Page 19: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/19.jpg)
Attention
• From the range of available possibilities, select what to concentrate on
• Visual or auditory scanning
• Factors that affect ease of focusing on the right stuff:– Specificity of goals– Information display
![Page 20: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/20.jpg)
Attention – Design Implications
• Information relevant to the current task should be salient
• Graphical techniques – layout, ordering, organization, underlining, color, animation – can be used to achieve this goal
• But don’t visually clutter the interface: plain interfaces can be easier to use
![Page 21: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/21.jpg)
Attention - Example
• My Task – Enter the query “task centered user interface design” into a search engine.
• Consider two interfaces that support web search; evaluate both from the perspective of being able to focus on where to enter your query.
![Page 22: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/22.jpg)
![Page 23: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/23.jpg)
![Page 24: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/24.jpg)
Perception
• Acquiring information from the environment
• Involves using different senses • Vision is dominant sense for sighted people
• Results in internal experience of external events
![Page 25: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/25.jpg)
Perception – Design Implications
• Icons should be designed so users can easily distinguish their meanings
• Sounds should be clearly audible and distinguishable
• Text should be legible and distinguishable from the background
![Page 26: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/26.jpg)
Perception - Example
• My goal is to read the new messages in an online forum
![Page 27: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/27.jpg)
Icons: are their meanings clear?
Attention: easy to focus on the right stuff?
![Page 28: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/28.jpg)
Also true for auditory cues
• Microsoft Money generates the “Exclamation” sound whenever a new transaction is entered into an account.– Annoying in it’s own right– But is this the proper choice of sounds?
![Page 29: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/29.jpg)
Memory• Short-Term Memory
– Instant, effortless recall – Severely limited capacity – “7 plus or minus 2”– “Chunking”– Fragile
• Long-Term Memory– “Unlimited” capacity– Takes time/effort to store and retrieve– Interpretative– Retrieval is context-sensitive– rote memory vs. relationships vs. explanation
![Page 30: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/30.jpg)
Memory (continued)
• People are really good at remembering some things– Visual cues, especially faces
• People are much better at recognizing things than recalling them
• People are good at associative reminding• People remember the typical case and the
exceptions
![Page 31: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/31.jpg)
Memory – Design Implications
• Don’t make users remember complicated procedures
• Limit number of items in text menus• Design interfaces that promote recognition
over recall• Give users resources to help them visually
encode information (colors, icons, time stamps, etc.)
![Page 32: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/32.jpg)
More than 7 +- 2 items in menu – bad?
![Page 33: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/33.jpg)
Groups of Contacts
Icons Representing
Individual contacts
Group Icons
Visual representation of contacts – recognition, not recall
Pictures
Spatial organization of information
![Page 34: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/34.jpg)
Learning
• Acquiring new knowledge or skills
• Exploratory learning – learning by doing
• Scaffolding or “training wheels”
![Page 35: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/35.jpg)
Learning – Design Implications
• Create interfaces that encourage exploration– Easy to try out and undo actions
• Design interfaces that constrain and guide users to select the right action
• Provide multiple, linked representations
![Page 36: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/36.jpg)
Can undo picture editing action
Can learn about actions that are not available in current context
![Page 37: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/37.jpg)
Problem solving and reasoning
• Conscious/reflective activity– Thinking over one’s options– Figuring out the best option or solution– Making a plan– Weighing pros and cons
![Page 38: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/38.jpg)
Problem solving – Design Implications
• Provide the proper information and aids
• But, even better – design to make problem-solving and reasoning unnecessary
![Page 39: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/39.jpg)
Example
• What’s the best flight from Vancouver to Montreal?– Time– Layovers– Plane changes– Price– …
![Page 40: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/40.jpg)
Representation 1
AC 117 Vancouver Calgary 7:00 9:00
Cdn 321 Vancouver Calgary 9:00 12:00
Cdn 355 Calgary Montreal 13:30 19:30
AC 123 Calgary Toronto 12:30 16:30
AC 123 Toronto Montreal 16:45 17:30
* Time zones: van-cal + 1 ; cal – tor, mon + 2
![Page 41: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/41.jpg)
Representation 2
Vancouver
Calgary
Toronto
Montreal
7 9 11 13 15 17
8 10 12 14 16 18
10 12 14 16 18
20
AC 117
AC 123
Cdn 321
Cdn 355
![Page 42: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/42.jpg)
Another Example:Tax Preparation Software
• User doesn’t have to do computation
• User doesn’t have to figure out which form to use
• Instead, software poses questions that users are likely to be able to answer
![Page 43: Foundations of User-Centered Design. Questions about the Project? Done in groups ~4 members Projects must have at least two real users (who are not members.](https://reader034.fdocuments.net/reader034/viewer/2022051621/56649ea85503460f94bab857/html5/thumbnails/43.jpg)
Next Steps
• Reading: – Start reading DOET (Finish by Sept. 9)
• Project:– “It Bugs Me” Activity – Bring to class Friday
– Begin brainstorming ideas – Bring next Monday
• Next class:– Studio : “It Bugs Me” and getting to know each other