Date post: | 22-Apr-2015 |
Category: |
Technology |
Upload: | techwellpresentations |
View: | 252 times |
Download: | 4 times |
BT2 Concurrent Session 11/8/2012 10:15 AM
"Creating Great User Experiences: Tips and Techniques"
Presented by:
Jennifer Fraser Macadamian
Brought to you by:
340 Corporate Way, Suite 300, Orange Park, FL 32073 888‐268‐8770 ∙ 904‐278‐0524 ∙ [email protected] ∙ www.sqe.com
Jennifer Fraser Macadamian
Jennifer Fraser is the director of design at Macadamian, a design and development consultancy based in Gatineau, Quebec, Canada. In her more than fourteen years as a user experience designer, Jennifer has designed products for many different markets—creative professionals, large government agencies, and owners of small offices and home offices. She has worked closely with various technology partners, such as Microsoft, HP and Samsung, to understand their requirements and to create designs that meet their—and their customers’—needs. In a former life, Jennifer worked as an architect, which may, or may not, relate to her passion for designing and building cocktails.
2012-10-05
1
CREATING GREAT USER EXPERIENCES: TIPS AND TECHNIQUES
- JENNIFER FRASER
1
2
2012-10-05
2
3
4
2012-10-05
3
! Overview and Introduction
! Personality Types and Communication Styles ! Tips and Techniques ! Questions and Feedback
5
AGENDA
ABOUT THE SPEAKER: Jennifer Fraser
6
Director of Design Macadamian Jennifer Fraser is the Director of Design at Macadamian, a design and development consultancy based in Gatineau, Quebec, Canada. In her more than fourteen years as a User Experience Designer, Jennifer has designed products for many different markets—creative professionals, large government agencies, and owners of small offices and home offices. She has worked closely with various technology partners, such as Microsoft, HP and Samsung, to understand their requirements and to create designs that meet their—and their customers’—needs. In a former life, Jennifer worked as an architect, which may, or may not, relate to her passion for designing and building cocktails.
2012-10-05
4
7
8
Design + Development
2012-10-05
5
9
10
2012-10-05
6
11
12
Ottawa 6 designers 48 developers
San Mateo 4 designers 2 developers
Yerevan 1 designer 42 developers Cluj
0 designers 12 developers
2012-10-05
7
13
Ottawa 6 designers 48 developers
San Mateo 4 designers 2 developers
Yerevan 1 designer 42 developers Cluj
0 designers 12 developers
12 hour time difference
14
= a challenge (for both communication and collaboration)
2012-10-05
8
15
Greatest challenge? • communication • collaboration • lack of a common language
16
“Translation from art speak to technology and back again, very different personalities.”
(source: Macadamian Employee Survey)
2012-10-05
9
PERSONALITY TYPES
MYERS BRIGGS
18
2012-10-05
10
FOCUS & ENERGY
19
(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ )
TAKE IN INFORMATION
20
(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ )
2012-10-05
11
MAKE DECISIONS
21
(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ )
DEADLINES
22
(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ )
2012-10-05
12
MYERS BRIGGS
23
ALICE & SPOCK
24
2012-10-05
13
MYERS BRIGGS – ALICE (ENFP)
25
“They are at their best in fluid situations that allow them to express their creativity and use their charisma.”
(source: http://en.wikipedia.org/wki/ENFP)
MYERS BRIGGS – SPOCK (ISTJ)
26
“…they resist putting energy into things that don't make sense to them, or for which they can't see a practical application.”
(source: http://en.wikipedia.org/wiki/ISTJ )
2012-10-05
14
ALICE & SPOCK
27
PERSONALITY TYPES AND WORK STYLES
28
• Take in and present information in a big picture way
• Make decisions by stepping into the situation and taking an empathetic view
• Get energy from seeing potential in things, but their interest wanes when the “routine” takes over, or if a new, more interesting project comes along
• Determines the values for each solution in terms of how it contributes to the overall whole
• Easily handles and excels in ambiguous situations
• Take in and present information in a step-by-step way
• Make decisions by stepping back from the situation and taking an objective view
• Devote their energy to tasks that they see as important to fulfilling a goal, but resist putting energy into those for which they can't see a practical application
• Meticulous in attention to details and examine things closely to ensure that they are correct
• Excels at handling logical problems in an orderly way
2012-10-05
15
COMMUNICATION TIPS ALICE TO SPOCK (ENFP TO ISTJ)
29
• Design the conversation you want to have so that it happens in a structured way.
• Frame the conversation within the context of the project requirements.
• Provide backing research or data. • Show how the larger pieces break down into the details. • Show examples of the design pattern on the target platform. • If pictures aren’t working, try words or a prototype.
COMMUNICATION TIPS SPOCK TO ALICE (ISTJ TO ENFP)
30
• Invite them to a brainstorming session to explore other design options.
• Frame the conversation within the context of user’s goals. • Include qualitative and emotive details in the conversation. • Show how the specific pieces relate to the overall whole. • Show differing examples of the design pattern on the target
platform. • If words aren’t working, try showing them a prototype or invite
them to your desk to talk about it in-person.
2012-10-05
16
COMMUNICATION TIPS
31
GENERAL COMMUNICATION TIPS
32
1. Explain Yourself: Explain why you did it the way you did it; de-mystify the process
2. Ask questions: What is the issue? Are there other options? What are the trade-offs?
3. Listen: After you ask your question, be quiet and listen; too often we are too busy trying to make sure that we are heard that we forget to listen.
4. Look at it from their perspective: What pressures do they have? What options do they have?
5. Don’t take it personally: Criticism about the project or an idea is not a criticism of you.
6. Assume best intentions: We are all working to deliver the best product for the client.
2012-10-05
17
TIPS AND TECHNIQUES
34
7suggestions
2012-10-05
18
35
1respect
36
respect trust
2012-10-05
19
37
38
2012-10-05
20
39
Step away from your own pre-conceived notions.
40
2012-10-05
21
41
42
2012-10-05
22
43
44
1 respect
2012-10-05
23
45
2dance to the same beat
46
2012-10-05
24
47
Project goals and requirements.
48
2012-10-05
25
49
50
2012-10-05
26
51
Project goals and requirements. Design goals for the project.
52
Project goals and requirements. Design goals for the project. Who we are building the product for, and why.
2012-10-05
27
53
45#years#old#Licensed#CAT3B#[Note:#CAT3A#refers#to#Avionics#Technician]#10#years#of#experience#in#aircraA#maintenance#
Goals#
Who#is#MarFn?#
• Mar$n&has&a&legal&responsibility&to&ensure&the&aircra4&
is&safe&to&fly;&this&is&his&primary&mo$va$on&
• Also&feels&the&pressure&to&prevent&delays&so&the&aircra4&
can&get&back&in&the&air&(on&$me)&
MoFvaFons#
CharacterisFcs#! ‘Gun&slinger’&of&technicians;&either&firefigh$ng&
problems&or&performing&checks&so&aircra4&can&get&
back&in&the&air&as&quickly&as&possible&
! ProcessEoriented;&will&always&follow&procedure&and&if&
he&doesn’t&know&the&procedure,&he&will&look&it&up&
! Mar$n&uses&paper&checklist&and&make¬es&on&paper&
while&performing&maintenance&on&the&aircra4.&&
! Must&be&ready&to&perform&service&checks,&turn&checks&
and&adEhoc&checks&at&any&point&during&his&shi4&
! Very&experienced;&has&been&through&trade&program,&
and&has&a&number&of&years&of&experience&
! Not&overly&comfortable&with&technology;&his&main&
tools&are&a&pen,&radio&and/or&cell&phone&
! Focused&but&curious&&
! ProblemEsolver&
�My#job#is#to#perform#all#the#necessary#checks,#and#fix#any#problems,#before#I#sign#off#that#the#aircra<#is#safe#to#fly.”#
Mar$n:&Aircra4&Maintenance&Technician&(AMT)&
PERSONNA
• Safety&of&the&aircra4&and&its&passengers&are&of&MOST&
importance&
• Try&to&minimize&the&$me&the&aircra4&is&on&the&ground;&
this&means&working&with&&his&colleagues,&supervisor,&&
Maintenance&Control&and&others&to&get&the&job&done&
Skills#and#Knowledge#
! Mar$n&goes&from&gate&to&gate,&troubleshoo$ng&
problems&or&performing&the&necessary&checks.&When&
it&is&busy,&he&has&limited&or&no&access&to&a&computer&
un$l&the&end&of&his&shi4.&&
! On&a&good&day,&Mar$n&can&be&found&in&the&lounge&
with&other&technicians&playing&euchre&or&reading&the&
paper.&&
What#is#his#context?#
54
! He&heads&directly&to&the&cockpit&and&checks&the&log&
book&for&any&new&faults&documented&by&the&pilot&
during&flight&
! Using&his&tablet,&Mar$n&pulls&up&the&service&check&
job&card&for&this&aircra4&&and&begins&following&the&
electronic&checklist&and&performs&the&required&
checks/tasks&
! Checks&off&items&as&he&completes&them&
! Enters¬es&into&the&system&as&necessary&
! Because&a&service&check&is&fairly&extensive,&Mar$n&
con$nues&performing&the&check&for&approx.&2E3&
hours.&&
Note:#this&scenario&splits&into&two&decision&points:&a)&rou$ne&(see&below),&and&b)&nonErou$ne&(see&next&slide)&
MarFn�s# supervisor# has# assigned# him# Gates# 135.# He#noFces# that# tail# #215# that# just# came# in#at#Gate#2# is#due#for#a#service#check.#Since#the#next#flight#for#this#aircraA#is#not# for# another# 6# hours,# # he# collects# his# tools# and# gets#ready#to#perform#a#233#hour#service#check.##
Context#of#Use#Mar$n& is& just& star$ng& his& shi4& and& checking& the& tail&
numbers&that&have&just&arrived&or&are&about&to&arrive&at&his&
assigned& gates.& He& discovers& that& tail& #215& is& due& for& a&
service& check.& Mar$n& collects& his& tools& and& necessary&
papers&and&leaves&the&Line&Maintenance&Office&to&head&to&
the&gate.&
Use#Scenario#1a#
! Using&his&tablet,&Mar$n&iden$fies&tail&#s&coming&in&on&
the&gates&assigned&to&him&and&reviews&the&ETAs&for&
each&
! Searches&for&tail&#s&in&the&system&to&find&out&whether&
they&have&service&checks&due&
! He&iden$fies&one&that&just&came&in&Ensure&he&has&his&
tablet&and/or&cell&phone&
Tasks#Review#assignments#
Tasks#(conFnued)#
! Ensure&he&has&his&tablet&and/or&cell&phone&
! Collects&parts&&&tools,&gets&in&his&truck&and&heads&to&
the&aircra4.&
Collect#necessary#tools/papers#
Perform#Check##
! Mar$n&completes&the&service&check&without&finding&
any&issues&or&faults.&
! Reviewing&the&checklist&on&his&tablet,&he&ensures&
everything&has&been&completed&and&marks&it&as&
complete.&
A)#In#case#of#RouFne#Check#
�I#am#hoping#for#a#rouAne#service#check;#this#plane#needs#to#be#in#the#air#in#6#hours.�#
Mar$n:&Service#Check#(RouAne)&
USAGE SCENARIOS
2012-10-05
28
55
1 respect 2 dance to the same beat
56
3communicate
2012-10-05
29
57
3communicate often and early
58
3communicate often and early
2012-10-05
30
59
Less is not more… in this case
60
2012-10-05
31
61
Daily scrum calls.
62
Less than 15 minutes in length. 3 questions: What did you do yesterday? What are you doing today? Is there anything blocking you?
2012-10-05
32
63
64
2012-10-05
33
65
66
Less than 15 minutes in length. 3 questions: What did you do yesterday? What are you doing today? Is there anything blocking you?
2012-10-05
34
67
68
3communicate often and early
2012-10-05
35
69
3communicate often and early
70
2012-10-05
36
71
Idea.
72
2012-10-05
37
73
You are going to need to change 80% of your first idea.
74
1 respect 2 dance to the same beat 3 communicate
2012-10-05
38
75
4think global
76
think global …even at the expense of local
2012-10-05
39
77
78
Ottawa 6 designers 48 developers
San Mateo 4 designers 2 developers
Yerevan 1 designer 42 developers Cluj
0 designers 12 developers
2012-10-05
40
79
80
Ottawa 6 designers 48 developers
San Mateo 4 designers 2 developers
Yerevan 1 designer 42 developers Cluj
0 designers 12 developers
2012-10-05
41
81
82
Ottawa 5:00pm Yerevan 2:00am =
2012-10-05
42
83
Ottawa 1:00am Yerevan 10:00am =
84
2012-10-05
43
85
1 respect 2 dance to the same beat 3 communicate 4 think global
86
5show me yours…
2012-10-05
44
87
88
2012-10-05
45
89
Demo Demo Demo
90
1 respect 2 dance to the same beat 3 communicate 4 think global 5 show me yours
2012-10-05
46
91
6sh*t happens
92
2012-10-05
47
93
Change = Bad
94
Model and sketch by: Christian Kliegel
2012-10-05
48
95
96
2012-10-05
49
97
98
2012-10-05
50
99
You are going to need to change 80% of your first idea.
100
Things are going to change.
2012-10-05
51
101
1 respect 2 dance to the same beat 3 communicate 4 think global 5 show me yours 6 sh*t happens
102
7lather, rinse, repeat.
2012-10-05
52
103
1 respect 2 dance to the same beat 3 communicate 4 think global 5 show me yours… 6 sh*t happens 7 lather, rinse, repeat
104
Lather, rinse, and repeat.
2012-10-05
53
105
1 respect 2 dance to the same beat 3 communicate 4 think global 5 show me yours… 6 sh*t happens 7 lather, rinse, repeat
106
Ottawa 6 designers 48 developers
San Mateo 4 designers 2 developers
Yerevan 1 designer 42 developers Cluj
0 designers 12 developers
2012-10-05
54
ALICE & SPOCK
107
108
“…collaboration makes the whole better than the sum of the parts.”
(source: Macadamian Employee Survey)
2012-10-05
55
CONTACT ME
109
Jennifer Fraser Director of Design [email protected]@jlfraser
Questions? Thoughts? Feedback?