Scenarios, Requirements, and Frameworks Foundations of Design - - PowerPoint PPT Presentation
Scenarios, Requirements, and Frameworks Foundations of Design Design Deliver Discover 1 5 7 8 9 10 11 2 3 4 Intro Scenarios, Usability Visual Evaluation Lifecycle Presentation Research Interviews Modeling Requirements,
Course Outline 2
2
Research & Discovery
3
Interviews
4
Modeling Users
9
Evaluation
10
Lifecycle
11
Presentation
5
Scenarios, Requirements, Frameworks
7
Usability Concepts
8
Visual Design
1
Intro
6
Midterm
12
Final Exam
3
4
Persona Product Environment Biz & Tech
5
Context Scenarios - Before design Key-path Scenarios - During design Validation Scenarios - After design
6
Design Validity?
Context Scenarios
Personas
7
8
How might we... … remove the language barrier and enhance cultural exchange? … help travelers feel safe to explore and take risks? … find places with no internet? … help travelers explore the similarities and differences between themselves and locals? Translator Language Classes Maps Time Machine Rating System Tour Guide Mobile Phone GPS Internet Black Market
9
Travelers want to {goal(s)} but have {needs and frustrations} because {obstacles to achieving goal}.
The new product or service will help travelers {achieve goal(s)} by {giving them capabilities} and {alleviating current needs or frustrations}.
10
A mental model is what the user believes about the system at hand.
Related experiences that influence their mental models Expectations about how things behave How personas think about basic units of data
11
12
13
What is the setting in which the product will be used? Will it be used over long periods? Are there frequent interruptions? Are there multiple users of the product? Will the product be used in conjunction with other products? What major things does the persona need to accomplish? What should be the end result?
Sample context scenario for “pre-trip” planning
Jack is thinking about taking a trip to Spain. He sits at his computer and does some preliminary research on Google Maps, Trip Advisor, and Wikitravel to get a general “lay of the land” and some of the more popular places to go. Once he’s armed with the basics, he’s ready to get the inside scoop. Jack connects to his Global Neighborhood Ambassador (GNA) network and focusses his attention on Spain and the surrounding areas. He then looks for locals that are interested in the things that he wants to find out more about, in this case, “local culture”. He also culls his list by some demographic data so he can be sure to get
There are several ambassadors that match his criteria, so he prioritizes by their level of trust. This leaves five local ambassadors.
14
Sample context scenario for “pre-trip” planning
Jack asks, “Should I leave a tip at a restaurant and typically what percentage?” to all five ambassadors. The ambassadors receive: “¿Debo dejar propina en un restaurante y por lo general qué porcentaje?” His wife interrupts and calls him away for dinner. While eating, Jack is alerted to three responders to his question through the iPhone version of the service. He finishes dessert and then resumes his discussion. Of the three responses, he’s curious about #2’s response which was different than #1 and #3. He pulls all three responders into the conversation and asks for them to compare their responses. A lively debate ensues. Jack thanks all three responders and ends the discussion. He lets the community know that all three responders were a big help to him by giving them all five star ratings. He then saves all three in his contacts for future reference.
15
Sample context scenario for “pre-trip” planning 16
17
Data needs Functional needs General considerations and constraints
18
19
Interaction design framework Visual design framework Industrial design framework
High-level Structure and Behaviors Form factor, input methods Objects (object-oriented design) Navigation and posture
21
“Top-down” Approach
22
23
Object
Attribute 1 Attribute 2 … Attribute n Action 1 Action 2 … Action n
24
Abstract
Easier to Change
Detailed
Harder to Change
Flow Charts Object-oriented Design Storyboards Rough Wireframes Functional Grouping & Organization of Objects Interface Sketches (Balsamiq) High-fidelity Mockups Based on Keypath Scenarios, Principles, & Design Patterns Based on Context Scenarios
25
26
27
28
29
Kick the Tires
s s
Meet Stanley Vehicle Details
s s
The Challenge Race Details
30
When you’re dedicating time to an activity.
31
When you’re performing a quick operation.
32
33
34