October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Tangible User Experience
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 1
Introductions
Jason Cooper
Lead Architect – User Experience at IPL
Have worked across multiple channels and industry from
award winning apps for banks to touch screen desktop
applications for telecommunications.
jason.cooper@ipl.com
@JasonMeCooper
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 2
Introductions
Therese Gruneberger
UX Designer
Experienced User Researcher, who has worked with users of a
wide range of background and ages.
therese.gruneberger@ipl.com
@gruneberger
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 3
Contents
• Understanding UX
• The user research role
• Why is it vital to user centric design?
• Practical techniques
• Examples from the field
– Contracts Finder
– HE EAST
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
UX is NOT UI
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 5
UI is how it looks,
UX is how it works
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 6
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 7
• Field research
• Face to face interviewing
• Creation and administering of tests
• Gathering, organizing, and
presenting statistics
• Documentation of personas and
findings
• Product design
• Feature writing
• Requirement writing
• Graphic arts
• Interaction design
• Information Architecture
• Usability
• Prototyping
• Interface layout
• Interface design
• Visual design
• Taxonomy creation
• Terminology creation
• Copy writing
• Presentation and speaking
• Working tightly with
programmers
• Brainstorm coordination
• Company culture evangelism
• Communication to
stakeholders
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 8
UX can be considered ‘intangible’
but
how we achieve it is ‘tangible’
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 9
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 10
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
UX Process
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
GDS
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 13
Government Digital Service
Context
We help government make digital
services and information simpler, clearer
and faster. We put users' needs before the
needs of government.
Government Digital Service
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 14
User research
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 15
The user research role
Definition
Involved in all stages of the project
Develop understanding
and empath for end users
Analyse existing research
and conduct further
research where needed
Work closely with the design and development team
providing guidance based on knowledge of users’ needs
and behaviours
Help answer outstanding questions about the users and the
design of the service being created
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 16
User surveys
Remote
usability testing
Lab based
testing
Remote
usability testing
Focus groups
One-to-one
interviews
Heuristics
Guerrilla testing
Desk research
Ethnography
Focus groups
Card sorting
User surveys
Techniques based on GDS timeline
Discovery Alpha Beta Live
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 17
Where they lay on the landscape
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Engage
Discovery, Personas and User Journey
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 19
Personas
• Output from discovery phase
• Data and research driven
representatives of the users and their
wants and needs
• Act as proxies since can’t run every
decision past actual end users.
• Determines behaviours, motivations,
and limits of the system (must do,
must not)
• Helps development teams relate to the
end user
Practical techniques
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 20
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Customer Journey
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Design
Information Architecture, Common Components,
Lo-fi Prototypes
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Information architecture
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Information architecture
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Common Components
Tables
Toggle buttons
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
IPL’s Content Catalogue
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
IPL’s Content Catalogue CC_01 = Coffee House
CC_01 = Coffee Home
Generates
resource files
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Lo-fi Prototypes
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Build
Style Guide, Hi-fi prototypes
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Style Guide
• Visual appearance of
the screens and
common components
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Accessibility
• All for one and one for all…
• Web Content Accessibility Guidelines – Aim for AA by standard by default
• Nationwide Building Society
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
Hi-fi Prototypes
• Defining design
iteratively
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 33
Lab based user testing
• Provides qualitative data
• User completes specified, realistic
tasks
• Find pain points
• Not the best for understanding how
the user behaves
Practical techniques
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 34
Ethnographic research
• Observation
• Helps gather insights
• Can provide extremely rich insight
into ‘real life’ behaviour.
• Most valuable at the beginning of
a project
• More realistic data
Practical techniques
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 35
Guerrilla testing
• Faster, cheaper and less formal
research method
• Meaningful data at low cost
• Quick validation
• Short sessions
• Participants not recruited
• Rich and insightful qualitative
output
• Participants may not always match
the target audience
Practical techniques
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 36
Contracts Finder
Example from the field
• Competitor research to analyse how other countries and
procurement services currently provide a similar service
• Lab based user testing conducted with real users sourced
from Government bodies
• Guerrilla testing conducted on a small sample of public
participants
• Heuristic evaluation conducted throughout to ensure
intuitive design and accessibility
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 37
HE EAST
Example from the field
• Personas, 5 persona types each with a specific need
within the system
• Card sorting to develop Alpha sitemap
• Workshops to help discover user requirements and
develop stories
• Guerrilla testing conducted regarding user interface
elements
• Going forward:
– Lab based user testing
– Guerrilla testing with more targeted user groups as
specialised product
– Heuristic evaluations conducted throughout the design
process
October 2015
Tangible UX – It’s not what you do, it’s the way you do it! 38
In Summary
• UX is not UI
• Engage, Design, Build - Engage, Design, Build - Engage, Design, Build - Engage, Design, Build
• Simpler, clearer and faster
• The role of the user research – not just for Christmas…
• Use the right tool for the right job
• Content is King, But Context is Queen
October 2015
Tangible UX – It’s not what you do, it’s the way you do it!
COMPANY CONFIDENTIAL
Q&A

Tangible User Experience

  • 1.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Tangible User Experience
  • 2.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 1 Introductions Jason Cooper Lead Architect – User Experience at IPL Have worked across multiple channels and industry from award winning apps for banks to touch screen desktop applications for telecommunications. jason.cooper@ipl.com @JasonMeCooper
  • 3.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 2 Introductions Therese Gruneberger UX Designer Experienced User Researcher, who has worked with users of a wide range of background and ages. therese.gruneberger@ipl.com @gruneberger
  • 4.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 3 Contents • Understanding UX • The user research role • Why is it vital to user centric design? • Practical techniques • Examples from the field – Contracts Finder – HE EAST
  • 5.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! UX is NOT UI
  • 6.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 5 UI is how it looks, UX is how it works
  • 7.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 6
  • 8.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 7 • Field research • Face to face interviewing • Creation and administering of tests • Gathering, organizing, and presenting statistics • Documentation of personas and findings • Product design • Feature writing • Requirement writing • Graphic arts • Interaction design • Information Architecture • Usability • Prototyping • Interface layout • Interface design • Visual design • Taxonomy creation • Terminology creation • Copy writing • Presentation and speaking • Working tightly with programmers • Brainstorm coordination • Company culture evangelism • Communication to stakeholders
  • 9.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 8 UX can be considered ‘intangible’ but how we achieve it is ‘tangible’
  • 10.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 9
  • 11.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 10
  • 12.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! UX Process
  • 13.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! GDS
  • 14.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 13 Government Digital Service Context We help government make digital services and information simpler, clearer and faster. We put users' needs before the needs of government. Government Digital Service
  • 15.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 14 User research
  • 16.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 15 The user research role Definition Involved in all stages of the project Develop understanding and empath for end users Analyse existing research and conduct further research where needed Work closely with the design and development team providing guidance based on knowledge of users’ needs and behaviours Help answer outstanding questions about the users and the design of the service being created
  • 17.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 16 User surveys Remote usability testing Lab based testing Remote usability testing Focus groups One-to-one interviews Heuristics Guerrilla testing Desk research Ethnography Focus groups Card sorting User surveys Techniques based on GDS timeline Discovery Alpha Beta Live
  • 18.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 17 Where they lay on the landscape
  • 19.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Engage Discovery, Personas and User Journey
  • 20.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 19 Personas • Output from discovery phase • Data and research driven representatives of the users and their wants and needs • Act as proxies since can’t run every decision past actual end users. • Determines behaviours, motivations, and limits of the system (must do, must not) • Helps development teams relate to the end user Practical techniques
  • 21.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 20
  • 22.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Customer Journey
  • 23.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Design Information Architecture, Common Components, Lo-fi Prototypes
  • 24.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Information architecture
  • 25.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Information architecture
  • 26.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Common Components Tables Toggle buttons
  • 27.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! IPL’s Content Catalogue
  • 28.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! IPL’s Content Catalogue CC_01 = Coffee House CC_01 = Coffee Home Generates resource files
  • 29.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Lo-fi Prototypes
  • 30.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Build Style Guide, Hi-fi prototypes
  • 31.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Style Guide • Visual appearance of the screens and common components
  • 32.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Accessibility • All for one and one for all… • Web Content Accessibility Guidelines – Aim for AA by standard by default • Nationwide Building Society
  • 33.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! Hi-fi Prototypes • Defining design iteratively
  • 34.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 33 Lab based user testing • Provides qualitative data • User completes specified, realistic tasks • Find pain points • Not the best for understanding how the user behaves Practical techniques
  • 35.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 34 Ethnographic research • Observation • Helps gather insights • Can provide extremely rich insight into ‘real life’ behaviour. • Most valuable at the beginning of a project • More realistic data Practical techniques
  • 36.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 35 Guerrilla testing • Faster, cheaper and less formal research method • Meaningful data at low cost • Quick validation • Short sessions • Participants not recruited • Rich and insightful qualitative output • Participants may not always match the target audience Practical techniques
  • 37.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 36 Contracts Finder Example from the field • Competitor research to analyse how other countries and procurement services currently provide a similar service • Lab based user testing conducted with real users sourced from Government bodies • Guerrilla testing conducted on a small sample of public participants • Heuristic evaluation conducted throughout to ensure intuitive design and accessibility
  • 38.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 37 HE EAST Example from the field • Personas, 5 persona types each with a specific need within the system • Card sorting to develop Alpha sitemap • Workshops to help discover user requirements and develop stories • Guerrilla testing conducted regarding user interface elements • Going forward: – Lab based user testing – Guerrilla testing with more targeted user groups as specialised product – Heuristic evaluations conducted throughout the design process
  • 39.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! 38 In Summary • UX is not UI • Engage, Design, Build - Engage, Design, Build - Engage, Design, Build - Engage, Design, Build • Simpler, clearer and faster • The role of the user research – not just for Christmas… • Use the right tool for the right job • Content is King, But Context is Queen
  • 40.
    October 2015 Tangible UX– It’s not what you do, it’s the way you do it! COMPANY CONFIDENTIAL Q&A