Skip to content

Commit 3882acf

Browse files
committed
GLS edit of UX-empathy-map completed
1 parent 3019f63 commit 3882acf

File tree

1 file changed

+40
-44
lines changed

1 file changed

+40
-44
lines changed

docs/slides/content/ux.md

Lines changed: 40 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@ TL500 <!-- {.element: class="title-color"} -->
55

66

77

8-
### Exercise - Do you know what is....
8+
### Exercise - What does it mean?
99

1010
![UserTopics](images/ux/ux_topics.png) <!-- {.element: class="" style="border:none; box-shadow:none;"} -->
1111

1212
![Excercise](images/ux/exercise.png) <!-- {.element: class="" style="border:none; box-shadow:none; height:100px; float:left; margin-left:100px;"} -->
1313
1. Break out into teams and research a topic [5mins]
14-
2. Generate a presentation with graphic [5mins]
14+
2. Generate a presentation with a graphic [5mins]
1515
3. Playback your findings [3mins]
1616

1717

@@ -41,16 +41,16 @@ TL500 <!-- {.element: class="title-color"} -->
4141
#### Foundation or Discovery?
4242
_You can use Empathy Mapping at various times in the product lifecycle_
4343

44-
We use empathy maps during the facilitation of product discovery, user research, getting early feedback on conceptual design, prototypes, and visual designs. It can also be used to capture feedback regarding the user testing of developed application features.
44+
We use empathy maps during the facilitation of product discovery, for user research, getting early feedback on conceptual design, prototypes, and visual designs. Empathy mapping can also be used to capture feedback regarding the user testing of developed application features.
4545

4646

4747

4848
### Pop Quiz
4949

5050
![Question](images/ux/question.png) <!-- {.element: class="" style="border:none; box-shadow:none; height:300px; float:left;"} -->
51-
<p align="left">The main responsibility of a UX designer is to create nice looking user interfaces?</p><!-- {.element: class="" style="margin-top: 120px;"} -->
51+
<p align="left">The main responsibility of a UX designer is to create nice-looking user interfaces.</p><!-- {.element: class="" style="margin-top: 120px;"} -->
5252

53-
<p align="left">TRUE **or** FALSE</p>
53+
<p align="left">TRUE? or FALSE?</p>
5454

5555

5656

@@ -59,7 +59,7 @@ We use empathy maps during the facilitation of product discovery, user research,
5959
![LightBulb](images/ux/light-bulb.png) <!-- {.element: class="" style="border:none; box-shadow:none; height:300px; float:left;"} -->
6060
<p align="left">I’m a designer.</p><!-- {.element: class="" style="margin-top: 120px;"} -->
6161

62-
<p align="left">**No**, I don’t just make things pretty.</p>
62+
<p align="left">FALSE - No, I don’t just make things pretty.</p>
6363

6464

6565

@@ -76,24 +76,20 @@ We use empathy maps during the facilitation of product discovery, user research,
7676

7777

7878
#### _What is it?_
79-
* A tool to capture and visualize what key stakeholders are sensing when in a
80-
particular context or completing a set of tasks
79+
* A tool to capture and visualize what key stakeholders are sensing when in a particular context or completing a set of tasks
8180
* A way to form a better understanding of users and build personas
82-
* Information is captured directly from interviews, observations, and other
83-
facilitated conversation exercises
81+
* Information is captured directly from interviews, observations, and other facilitated conversation exercises
8482
* Senses captured can include what the person is seeing, thinking, doing, and feeling
85-
* Originated from Dave Gray of [XPLANE](http://www.xplane.com/)
83+
84+
Originated by Dave Gray of [XPLANE](http://www.xplane.com/)
8685

8786

8887

8988
#### _Why use it?_
90-
* Captures information and learning directly from the end user affected by the
91-
system/application/solution in question
92-
* Enables a direct connection between important stakeholders and developers, e.g.
93-
developers of an application can learn directly from end users using it
94-
* The tool identifies pain points, opportunities, and starts to form a basis for
95-
improvement and optimization
96-
* The tool can be used to move from user empathy to value propositions
89+
* Captures information and learning directly from the user affected by the system/application/solution in question
90+
* Enables a direct connection between important stakeholders and developers, for example, developers of an application can learn directly from the users
91+
* Identifies pain points, opportunities, and forms a basis for improvement and optimization
92+
* Can be used to move from user empathy to value propositions
9793

9894

9995

@@ -103,19 +99,19 @@ improvement and optimization
10399

104100
<!-- .slide: data-background-image="images/ux/empathy-map.jpg", class="black-style" data-background-opacity="0.15"-->
105101
#### _How do we do it?_
106-
1. Different colour stickies may be used for positive/negative feedback from the user
107-
2. The moderator will ask the user prompting questions, while the group will capture the feedback
108-
3. The "See" quadrant will contain what your user encounters in their daily experiences (people, activities, things)
109-
4. "Say & Do" may include information around the tasks they undertake and how they describe or convay these tasks to their team
102+
1. Use different color sticky notes to capture positive/negative feedback from the user
103+
2. The moderator asks the user prompting questions while the group captures the feedback
104+
3. The "See" quadrant contains what your user encounters in their daily experiences (people, activities, things)
105+
4. "Say & Do" can include information about the tasks they undertake and how they describe or convey these tasks to their team
110106

111107

112108

113109
<!-- .slide: data-background-image="images/ux/empathy-map.jpg", class="black-style" data-background-opacity="0.15"-->
114110
#### _How do we do it?_
115-
5. "Hear" outlines what the user is hearing and how it may influence them (family, friends, media, coworkers)
116-
6. "Think & Feel" what feelings are invoked? Consider positive and negative. What worries them? What are they lacking? What thoughts are triggered?
117-
7. Pains & Gains - What does success and failure look like? Capture the obstacles and aspirations
118-
8. Cluster collaboratively similar notes within the same quadrants, theme and discuss - the team should gain a shared understanding of the user
111+
5. "Hear" outlines what the user is hearing and how it influences them (family, friends, media, coworkers).
112+
6. "Think & Feel" captures the feelings that are invoked. Consider positive and negative feelings. What worries them? What are they lacking? What thoughts are triggered?
113+
7. Pains & Gains identifies what success and failure look like. Capture the obstacles and aspirations.
114+
8. Collaboratively, cluster similar notes within the same quadrants, identify the theme, and discuss. The team should gain a shared understanding of the user.
119115

120116

121117

@@ -124,39 +120,39 @@ improvement and optimization
124120
![Announcement](images/ux/announcement.png) <!-- {.element: class="" style="border:none; box-shadow:none; height:200px; float:left;"} -->
125121

126122
MORNING ROUTINE VENTURES™️ <!-- {.element: class="" style="margin-top: 100px; text-align:left;"} -->
127-
Wants to invest in the people that are late for work market!
123+
Wants to invest in the "people that are late for work" market!
128124

129-
<p align="left">**BIG OPPORTUNITY !** </p>
125+
<p align="left">**BIG OPPORTUNITY!** </p>
130126

131127

132128

133129
### Exercise
134130

135131
![LeanUX](images/ux/lean_ux.jpg) <!-- {.element: class="" style="border:none; box-shadow:none; height:300px; float:right;"} -->
136-
<p align="left" width="200px">Invent a product based on your value slicing excercise information. <!-- {.element: class="" style="width:500px;"} -->
132+
<p align="left" width="200px">Invent a product based on your value slicing exercise information. <!-- {.element: class="" style="width:500px;"} -->
137133

138134
* **Step 1** - User Interview [5 mins]
139135
* **Step 2** - Sketch - Prototype [10 mins]
140136
* **Step 3** - User Testing [5 mins]
141137
* **Step 4** - Build with Lego [15 mins]
142138

143-
<p>Quick Tips - Use an empathy map, Ask 5 ladder technique: WHY?WHY?WHY?WHY?WHY?</p><!--{.element: class="" style="text-align:left; font-size: smaller; font-weight: 100;"} -->
139+
<p>Quick Tips - Use an empathy map, or Ask 5 ladder technique: WHY? WHY? WHY? WHY? WHY?</p><!--{.element: class="" style="text-align:left; font-size: smaller; font-weight: 100;"} -->
144140

145141

146142

147-
### User interview - useful tips
143+
### User Interview - Useful Tips
148144

149-
* Well crafted open questions - Ask question which assist the interviewee to tell a story, avoid binary questions (questions which can be answered by yes/no)
150-
<p> *e.g. <s>Do you like...?</s> What do you like about...?*
151-
* Dig deeper, follow up:
152-
<p> *e.g. you mentioned it was hard, tell me more about why...*
153-
* Ask 'why', try to keep the conversation flowing
154-
* Embrace the awkward silence - Silence is good, it gives the interviewee time to reflect on what they have said
155-
* Do not use jargon
145+
* Well crafted open-ended questions - Ask questions that help the interviewee to tell a story and avoid binary questions (questions that can be answered yes or no)
146+
<p> *For example, <s>Do you like...?</s> What do you like about...?*
147+
* Dig deeper and follow up
148+
<p> *For example, you mentioned it was hard, tell me more about why...*
149+
* Ask "why" and try to keep the conversation flowing.
150+
* Embrace the awkward silence - Silence is good, it gives the interviewee time to reflect on what they have said.
151+
* Do not use jargon.
156152
![LeanUX](images/ux/interview.png) <!-- {.element: class="" style="border:none; box-shadow:none; height:150px; float:right; margin-left:200px;"} -->
157-
* Keep your reaction neutral
158-
* Do not mention the solution until the end
159-
* Inconsistencies can lead to interesting insights
153+
* Keep your reactions neutral.
154+
* Do not mention the solution until the end.
155+
* Inconsistencies can lead to interesting insights.
160156

161157

162158

@@ -167,7 +163,7 @@ Wants to invest in the ‘people that are late for work market’!
167163
* User Interview
168164
* Product
169165
* User Feedback
170-
* Learnings & Future Plans
166+
* Learning & Future Planning
171167

172168

173169

@@ -188,11 +184,11 @@ Wants to invest in the ‘people that are late for work market’!
188184

189185
<!-- .slide: data-background-image="images/chef-background.png", class="white-style" -->
190186
### Related & Used Practices
191-
#### Technical Practices:
187+
#### Technical Practices
192188
- [Blue Green deployments](https://openpracticelibrary.com/practice/blue-green-deployments/)
193189
- [Split Testing or A/B Tests](https://openpracticelibrary.com/practice/split-testing-a-b-testing/)
194190

195-
#### Human Centered Design Practices:
191+
#### Human-Centered Design Practices
196192
- [Empathy Mapping](https://openpracticelibrary.com/practice/empathy-mapping/)
197193
- [AEIOU Observation Framework](openpracticelibrary.com/practice/aeiou-observation-framework/)
198194
- [Proto Persona](openpracticelibrary.com/practice/proto-persona)

0 commit comments

Comments
 (0)