The presentation slides for my UX Masterclass July 2017 for CodeFirst:Girls. This is aimed at those new to UX and possibly new to the technology world in general. This presentation covers personas, empathy maps, user journeys/(UI flow diagrams), prototyping and usability testing.

1. Welcome to the
Ran by

2. Thank you to our Sponsors!

4. What is User Experience?
Empathy People CuriosityInclusivity

5. UX is about using dark
colours for screens
used at night

6. Good UX means you
can read what’s on a
presentation from the
back of the room*
And it’s not at the bottom of the screen in tiny writing OR YELLOW*

7. Human Computer Interaction
The study of how people build
relationships and respond to machines
It’s how people personify computers
like Siri or Robots
HCI studies how people can be
persuaded by an interface

8. What is User Experience Not?

9. Let’s start with Personas!
What are personas?
Personas are a way of representing
individual users or segments of
audience
A record of characteristics, behaviours,
people’s needs and skills
Why do we do personas?
Build and share empathy across
teams/team members
To provide a record of user research
insights of actual users, their
behaviours, demographics and
requirements etc.

10. Let’s start with Personas!
What do personas look like? How do we do a persona?
As a ‘business’ we map out our target
audience
Create a person who you think is your
target audience
Draw your persona instead of a photo
Always save these assumptions to clarify
with a user later!

11. Empathy Maps
What are empathy maps?
A way to record situations in which a
user uses your app
Looks into what users are doing,
feeling, smelling, seeing and hearing
when using your app
Another template to present user
research
Why do we do empathy maps?
To understand the environments,
times, and situations users find
themselves
Work out how we build for these
scenarios
- Like stress and poor WiFi when
travelling
- Or parents who are being distracted
To build tailored experiences to achieve

12. Empathy Maps
What do empathy maps look like? How do we do empathy maps?
Take your persona and your app idea
Work out when your persona would be
using your app
- Are they travelling?
- Are they cooking?
- Are they shopping?
Fill in the template with details

13. User Journeys
What are user journeys?
A timeline of pages and interactions of
your app
Show a rough idea of each screen, its
contents and the call-to-actions (CTAs)
a user can take - and where those CTAs
take them
Why do we do user journeys?
To plan out the journey a user takes to
complete a goal
Allows us to brainstorm how journeys
for all the app goals can work with each
other
Provides a visual of what happens after
a user takes an action
Like enters invalid information or goes back

14. User Journeys
What do user journeys look like? How do we do user journeys?
Start with the core journey of your app
and when a user opens the app
Plot down what is on the screen, what
the user can do on the screen and
highlight how a user moves to next
pages

15. LUNCHTIME!

16. Prototypes
What is a prototype?
A ‘hacky’ way to showcase your solution
to a problem
It can be a website, sketches or even a
piece of wood
Why do we build a prototype?
Quick and cheap version of our solution
Iron out issues early on
Test new solutions with users
Show it off to investors for funding

17. Prototypes
What does a prototype look like? How are we building a prototype?
Today we’re building a sketch
prototype!
Draw all the pages on your user journey
timeline
Include all of the content and buttons
Keep the pages in order for testing!

18. User Testing
What is user testing?
Asking users to complete tasks on your
app
Qualitative research: groups or 1-2-1
interviews
Quantitative research: tools like
Google Analytics
Why do we do user testing?
Because you are not your user
Users don’t have context and don’t all
solve problems in the same way
Understand how your tool is being used
Learn to speak to users by speaking to
them
Explore further ideas and solutions

19. User Testing
What can user testing look like? How do we do user testing?
Prepare a discussion guide of tasks,
questions and observations
1 Person moderates the conversation
Others take notes and observe
Ask open-ended and neutral questions
See what users do and then ask
questions

20. BREAK!

21. Regroup!
Share the research
Always aim to share your research
Share the user research insights with
your team members
Quickly discuss the changes you think
you’d need to make in your prototype
Prepare presentations
What is your product/service idea?
Who’s your target audience?
How does your product solve your
persona’s problem?
What did you learn from speaking to a
user?
What would you change now?

22. PRESENTATIONS!

23. Where to next...
Join the UX Community
- Ladies that UX
- UX Crunch
Books/Podcasts/Blogs
Masters Degrees in UX or HCI
Bootcamps
@Echesters | @welshfruit |
@johannavollrath |
Pester me!

24. THANK YOU!