Welcome to the
Ran by
Thank you to our Sponsors!
What is User Experience?
Empathy People CuriosityInclusivity
UX is about using dark
colours for screens
used at night
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*
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
What is User Experience Not?
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.
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!
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
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
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
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
LUNCHTIME!
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
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!
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
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
BREAK!
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?
PRESENTATIONS!
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!
THANK YOU!

UX Masterclass Presentation

  • 1.
  • 2.
    Thank you toour Sponsors!
  • 4.
    What is UserExperience? Empathy People CuriosityInclusivity
  • 5.
    UX is aboutusing dark colours for screens used at night
  • 6.
    Good UX meansyou 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 Thestudy 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 UserExperience Not?
  • 9.
    Let’s start withPersonas! 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 withPersonas! 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 areempathy 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 doempathy 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 areuser 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 douser 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.
  • 16.
    Prototypes What is aprototype? 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 aprototype 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 isuser 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 canuser 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.
  • 21.
    Regroup! Share the research Alwaysaim 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.
  • 23.
    Where to next... Jointhe UX Community - Ladies that UX - UX Crunch Books/Podcasts/Blogs Masters Degrees in UX or HCI Bootcamps @Echesters | @welshfruit | @johannavollrath | Pester me!
  • 24.