Post on 05-Sep-2014
description
transcript
Becky Carrie Fiona Summer Wendy Xiaowen
1 2 3
Contextual Interview Survey
LAST TIME… Observe Customers
Focus Group
Interpreting Session
Then, we got into the Interpreting Session and Affinity Diagram building part.
Affinity Diagram
Interpreting Session
Then, we got into the Interpreting Session and Affinity Diagram building part.
User Interface
Function
Navigation System
Network
Strength
Affinity Diagram
Interpreting Session
Then, we got into the Interpreting Session and Affinity Diagram building part.
User Interface
Function
Navigation System
Network
Strength
Affinity Diagram
Interpreting Session
Then, we got into the Interpreting Session and Affinity Diagram building part.
User Interface
Function
Navigation System
Network
Strength
Affinity Diagram
Interpreting Session
Then, we got into the Interpreting Session and Affinity Diagram building part.
User Interface
Function
Navigation System
Network
Strength
Affinity Diagram
Interpreting Session
Then, we got into the Interpreting Session and Affinity Diagram building part.
User Interface
Function
Navigation System
Network
Strength
Affinity Diagram
Susan21,female, studentBad sense of direction
She goes shopping with friends, but can’t find theplace they meet.
Catherine23,female, studentBad sense of direction
She is invited to a party and needs to find the apartment of her friends.
Paul23, male, studentGood sense of direction
He needs to handle interim identity card in Fo Tan. Today is the deadline.
Stella23, female, studentGood sense of direction
She has a date with her boyfriend. They decide to meet at a restaurant where she doesn’t know at all.
THIS TIME…
We are going to solve these problems.
Frame and Measure Success
Prototype and Build
• Persona and Scenario• Prioritization of Personas• Scenario Metrics
• Contextual Interview• Focus Group• Survey• Affinity Diagram• Persona and Scenario
• Refine Storyboards• Paper prototype• Usability Test• Emotion Measurement• Refine Prototype• Usability Test
• Brainstorming Session• Affinity Diagram(Generate
Multiple Solutions)• Storyboarding
GoogleMaps
Observe Customers
Consider Multiple Solutions
Frame and Measure Success
Consider Multiple Solutions
Prototype and Build
Conclusion
CONTEN
T
Personas and Scenarios
Frame and Measure Success
Prioritization of Personas
Scenario Metrics
1
Persona and Scenario
Because we met some problems in the actual
practice, we modified our personas and scenarios.
Based on their degree of familiarity to Google Maps.
Light userAverage userHeavy user
Frame and Measure Success
Paul23, male, studentUse Google Map regularly
He needs to handle interim identity card in Fo Tan. Today is the deadline.
Susan21,female, studentSeldom use Google Maps.
She goes shopping with friends, but can’t find theplace they meet. She doesn’t know how to use Google Maps.
Catherine23,female, studentVery familiar with Google MapShe travels to Macao and needs to meet her friends there. She wants to find the best food in Macao.
Light User Average User Heavy User
eg. [Susan] Susan is a girl who totally has no sense of direction and not good at digital things. Today, she is going shopping with friends. They agreed to meet at the counter of Lancôme in Sha Tin, but she can’t remember the way. She spends a lot of time dressing up before leaving and finds it a little late. Susan opens Google Maps for help. She doesn’t know how to use Google Maps since she is unfamiliar with it at all.
<Magic happens>A few minutes later, she can use the Google Maps smoothly. But when she looks at the map, she finds that it is so confused that she can’t understand the route. She even tries different types of map such as satellite mode but finds it’s really complicated and useless. Since she doesn’t have 4G network, the location is not accurate. She is very distressed and doesn’t know which direction is correct. Can she find the right way?
<Magic happens> She finds the right way. But soon she feels frustrated because she finds that there are too many alleys in Fo Tan. For the reason that Google Maps fails to show all the alleys and roads, Susan is quite uncertain about which way to go. Misfortune never comes singly, the voice guide stops working with no reason at this moment. Now she feels helpless.
<Magic happens> She figures out the correct way and finds her friend.
Prioritization of Personas
In order to know the prioritization of personas, we conducted a survey.
Frame and Measure Success
What is the percentage of three kinds of users.
What are the problems they pay most attention to?
SusanLight User
Weight =32
PaulAverage User
Weight=48
CatherineHeavy UserWeight=20
Weighted Priority
UI 4.35 3.81 3.46 391.28
Navigation system 3.68 4.28 3.95 402.20
Multiple Functions 2.80 3.06 3.17 299.88
Prioritization of Personas
Frame and Measure Success
1 5Strongly
UndervaluedStrongly Valued
Scenario Metrics
Frame and Measure Success
• User PerformanceHow long did it take for the user to finish the task?
<elapsed time, target 48 seconds>
• User PerceptionWhat emotions did they feel and why?-Questionnaire
<scale of 1 to 5, target 4.5>
• Test pass, Bug countsDid they meet problems?
Brainstorming
Consider Multiple Solutions
Affinity Diagram Storyboarding
2
Brainstorming
Consider Multiple Solutions
Brainstorming
Affinity Diagram
Consider Multiple Solutions
Affinity Diagram
Consider Multiple Solutions
UI Function
Improve the
display of map
Function buttons
should be clear
User-defined
interface
Improve indoors
navigation system
Report to Google Maps
Provide multiple modes
Re-locationand re-
navigation function
Link to other
software
Show the route clearly
Add assistant
sign
Function buttons are clear
Users can define the interface
Improve indoors
navigation system
Report mistakes
Report changed
information
Users can change the
levels of detail to
adjust the data
consumption
Re-locationand re-
navigation function
Link to websites providing
online reviews
Link to clouded software
Link to SNS
Storyboarding
Consider Multiple Solutions
Each group member drew one set of
Storyboard including all the three scenarios.
Refine Storyboards
Prototype and Build
Paper prototype
Usability Test
3EmotionMeasurement
Prototype Refine
Usability Test Again
Refine Storyboards
Prototype and Build
Select Two to Three best solutions for each problem.
Scenario Task 1
Task 2
Task 3
Refine Storyboards
Prototype and Build
Paper prototype
Prototype and Build
Prototype 1 Prototype 2
Prototype 1 Prototype 2
Usability Test
Prototype and Build
Light user Average user Heavy user
Prototype 1 Prototype 2
Usability Test
Prototype and Build
Usability Test
Prototype and Build
Scenario User Performance
User Perception
Test Pass Comment
You go shopping in Wang Jiao. You get lost since there are too many alleys. You download Google Maps and need to learn how to use it quickly.
P1 “更多”選項中的部分較常用功能可以直接拖到介面上。
P2 我會全部點一遍,肯定不會看教學功能。
You need to buy an iPhone as quick as possible because you need to catch a flight.
P1 “語音”和“試試手氣”選項是什麼意思?我認為一般應該自動把時間最短的放在第一個選項。
P2 我不知道導航模式下面是可以點的。室內導航有些迷惑。
You go traveling to HK. You need to meet your friend in HK without data and find a good hotel in HK.
P1 更多裡放了太多功能,很難找到“周邊設施”和“點評”會引起誤解,表達可以更明確一些。
P2 我覺得酒店應該按評價由高到低排列我保存路線之後要如何查看?
LightUser
AverageUser
HeavyUser
Emotion Measurement
Prototype and Build
Surprise
Interested
Excited
Disappointed
Surprise
Satisfied
Acceptance
Excited
Surprise
Interested
Satisfied
Disappointed
Excited
Irritable
Disappointed
Surprise
Satisfied
Acceptance
Excited
Surprise
Satisfied
Irritable
Irritable
Irritable
Interested
Bored
Disappointed
Prototype 1 Prototype 2
Acceptance
Light user Average User Heavy User Light user Average User Heavy User
Abandon
Usability Test
Prototype and Build
Prototype 1 Prototype 2
Keep
Add
Sidebar, the “Plus” button
Unhidden button, My location button, Voice navigation, Traffic light reminder
Re-navigation button(2), Indoors navigation(2)
Teaching Tutorial, Automatic route updating
Indoors navigation and 3D indoor map
Open the web version of Google Maps, Simple mode
Refine Prototype
Prototype and Build
Prototype 1
Prototype 2
According to the result of usability test, we combined the two prototypes and designed a new one.
UI Design
UI Design
UI Design
Navigation System
Navigation System
Navigation System
Navigation System
Multiple Function
Multiple Function
Multiple Function
Multiple Function
Scenario Title User Performance
User Perception
Test Pass Comment
You go shopping in Wang Jiao. You get lost since there are too many alleys. You download Google Maps and need to learn how to use it quickly.
介面比較清楚,可以很快找到功能。
You need to buy an iPhone as quick as possible because you need to catch a flight.
You go traveling to HK. You need to meet your friend in HK without data and find a good hotel in HK.
下載離線的時候想先搜索地點再下載離線路線。模式選擇的圖示不是很理解
Usability Test Version 2
Prototype and Build
LightUser
AverageUser
HeavyUser
Limitations
1. Size of the sample regular users is not big enough.
2. The application Google Maps has experienced multiple versions.
3. Lack of the analysis of other map apps, such as Baidu Maps.
The next step is to improve the prototype.
However, since the App of Google Maps is too complicated, the prototype still has many problems and needs to be improved.
Becky Carrie Fiona Summer Wendy Xiaowen