SlideShare a Scribd company logo
UX Designer’s Toolkit
Designing a better world
Rachel Liu
April 2014
Objective
• Understand how UX plays a fundamental
part for designing a better world
• Become familiar with the Lean UX process
• How to develop your skills in UX everyday
Rachel Liu
UX Designer
@rachelsliu
rachelsliu@gmail.com
Why Digital Projects Fails
“I can’t find what I want”
“Why is it so hard to use?”
“I’m so confused, what
does this error message
mean?”
“Oh crap, just made a
mistake, how do I undo?”
First impressions
The first 10 seconds of the
page visit are critical for users'
decision to stay or leave
Case Study: Ryanair
Customer’s perceptions
“They have a famous (and
intentional) unattractive and
cluttered website that comes along
with a frustrating user experience”
- Philip Joyce, Designer
Ryanair’s customer experience
What Ryanair could look like
UX Designer's Toolkit - to design a better world
Consumer Sentiment Comparison
Ryanair’s Design Strategy
• Nov 2013: New digital strategy for the ‘new
Ryanair experience’, reducing booking
process from 17 down to 5 clicks
• Feb 2014: Seat allocations, allowing a
second bag, duty free bag rather than
cramming everything into 1 hand luggage
• April 2014: New improved website, aim to
be more intuitive and mobile passes
• June 2014: Mobile app for smartphone and
tablets
"What’s always ‘in’ is good usability and
giving consideration to what a consumer
wants to achieve when they come to the
website - that will never get old”.
-Simply Zesty's head of design Rick Monro
UX to the Rescue!
Every aspect of the user’s interaction with
a product, service, or company that make
up the user’s perceptions of the whole.
User experience design as a discipline is
concerned with all the elements that
together make up that interface,
including layout, visual design, text, brand,
sound, and interaction.
10 Principles of UX
1. Experience belongs to the user
2. UX is holistic
3. Great UX are invisible
4. UX is a lifecycle
5. Context is king
6. Great experience is about control
7. UX is social
8. Psychology is primary
9. UX is a conversation not a one-off
product
10. Great experiences are simple
Case Study: TFL TFL new website
TFL: Putting Users First
• User-centred design approach - putting
customers at the heart of design process
• Beta site launched mid 2013 in parallel to
current site
• Using social media as a feedback forum
• Website officially launched on 25th March
2014
User’s Goals
“What people really wanted was a great
Journey Planner, maps, live travel
information, localised and personalised
content – all on their device of choice.  
We needed to be great at catering for
mobiles, tablets, laptops and desktops”.
- Phil Young, Head of Online at TFL
TFL’s Success
• “New TFL Journey Planner Crowned Best
User Experience of 2013 at UXUK Awards”
• “Award for best Mobile Solution at
International Design for Experience Design”
• 6m pages in 1million visits from over
900,000 customers
UCD Definition
User Centred Design is the discipline of
generating solutions to problems and
opportunities through the act of making
something ‘new’, where the activity is driven by
the needs, desires and context of the people
for whom we design.
1. Research 2. Define 3. Design 4. Evaluate
UCD Process
Why Lean UX?
• Evolution of product design, takes the best
parts of designer’s toolkit with the ever
rapid changing technology and demands of
businesses today
• Not about features or documents, it’s about
how it works: measure what works, learn
and adjust
Lean UX Process
Lean UX = Design thinking + Agile software development + Lean startup
Eric Lies cyclical model Design’s cyclical model
Learn by Doing!
1. Learn
2.Build
3.
Measure
- Empathy map
- User journey
- Concept poster- Show & tell
Goal: Understand the UCD/lean UX process
Brief: Design a service for group holidays
• Get into groups of 4/5
• Choose a customer segment
• Draw customer’s face in the centre
• Give customer a name, demographic
characteristics
• Divide into 6 segments
• Post-its to answer questions
Exercise: Empathy Map
Goal: Understand how product/service will by used
by target audience
Persona example Smart Socialite
Persona example Smart Traditionalist
Exercise: Journey Mapping
• Main steps for the group holiday service
(beginning to end) as headings
• Feelings/emotion under each stage
• Service solution: Find opportunities to solve
pain points and boost joy points
• Use your empathy mapping to guide you,
relating to user’s needs
Goal: Understand all the touch-points across a
product/service from a user’s perspective
Exercise: Visualise the vote
• Everyone has three votes each
• Individually, choose your top three ideas in
your head
• All together, place the dots next to the
solutions
• Tally the dots to select best idea/s
• Select best idea, discuss or re-vote again
Goal: Uncover the strongest ideas or patterns of
interest, building consensus and priorities
Exercise: Concept poster
• Based on best idea, develop the solution
more fully
• Design a concept poster
• Use empathy map and journey map to aid
you
Goal: Create compelling poster that summarises
your product/service idea
Exercise: Show & Tell
Goal: Cross-collaboration, exchanging ideas and
learning from each other
• Each team pair up with another team from a
different customer segment
• Walkthrough the empathy map, journey map
and your poster pitch
• Other team provide feedback on three
things to consider/improve on based on
their customer segment
• Teams swap tasks
Key Takeaways
1. Re-ask the problem and
solve the right problem
2. Design for emotion by
adopting the attitude of:
You?
Humble
Empathetic
Imaginative
Collaborative
Iterative
Curious
3. Practice Lean UX - learn,
build, measure, iterate and
validate with real users
4. Designing great products is the
responsibility of everyone - advocate
cross-functional teams
5. A great designer isn’t a UX
hero but a great facilitator
who advocates collaboration
and team cohesion
“As you navigate through the rest of your life, be open to collaboration.
Other people’s ideas are often better than your own.
Find a group of people who challenge and inspire you, spend a lot of
time with them, and it will change your life”.
-Amy Poehler
Recommended Reading
Goodreads - UX list
Questions?
Rachel Liu
@rachelsliu
rachelsliu@gmail.com

More Related Content

PDF
The perfect ux designer toolkit
PDF
UX Design Process 101: Where to start with UX
PDF
User Testing: Adapt to Fit Your Needs
PPTX
Research Ready to Build: Compelling Artefacts that Speak Your Agile Team's La...
PDF
UX Resaecrh
PDF
UXPA 2021: Starting From Scratch: Creating a UX Practice
PDF
Introduction to UX
PDF
LeanUX - Presentation slides
The perfect ux designer toolkit
UX Design Process 101: Where to start with UX
User Testing: Adapt to Fit Your Needs
Research Ready to Build: Compelling Artefacts that Speak Your Agile Team's La...
UX Resaecrh
UXPA 2021: Starting From Scratch: Creating a UX Practice
Introduction to UX
LeanUX - Presentation slides

What's hot (20)

PDF
Tackle the Problem with Design Thinking - GDSC UAD
PDF
ProductTank: What do UX people want from PMs and how can they best work toget...
PDF
Design Toolkit Analysis
PDF
Building a great lean ux team FlowCon SF 2014 - 30min
PDF
UX Research - Overview
PDF
Effective ui
PDF
Website Usability & User Experience: Veel bezoekers, weinig klanten?
PDF
UXPA 2021: How do you know your users feel satisfied
PDF
Richard Marsh, Enterprising User Experience - Flex and the city
PDF
UX STRAT USA, Leo Frishberg and Dr. Charles Lambdin, "Presumptive Design Work...
PDF
A Lean Design Process for Creating Awesome UX
PDF
Heuristics — The Holy Grail of UX
PDF
The UX Design Pocess in Scrum by John Pagonis and Sotiris Sotiropoulos
PPTX
PPTX
Building Products Your Customers Love with Empathy and Human Insights
PDF
What is UX, in 10 Slides
PDF
User Interface and User Experience - A Process and Strategy for Small Teams
PPTX
#flashtest: User Research Live
PDF
UXSG#6 Workshop
PDF
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UX
Tackle the Problem with Design Thinking - GDSC UAD
ProductTank: What do UX people want from PMs and how can they best work toget...
Design Toolkit Analysis
Building a great lean ux team FlowCon SF 2014 - 30min
UX Research - Overview
Effective ui
Website Usability & User Experience: Veel bezoekers, weinig klanten?
UXPA 2021: How do you know your users feel satisfied
Richard Marsh, Enterprising User Experience - Flex and the city
UX STRAT USA, Leo Frishberg and Dr. Charles Lambdin, "Presumptive Design Work...
A Lean Design Process for Creating Awesome UX
Heuristics — The Holy Grail of UX
The UX Design Pocess in Scrum by John Pagonis and Sotiris Sotiropoulos
Building Products Your Customers Love with Empathy and Human Insights
What is UX, in 10 Slides
User Interface and User Experience - A Process and Strategy for Small Teams
#flashtest: User Research Live
UXSG#6 Workshop
Maximizing the impact of UX in an agile environment: Mixing agile and Lean UX
Ad

Viewers also liked (20)

PPTX
Service Design Tool - Design Activities
PDF
Resilience Design Toolkit. 50 Ingredients for Sustainable Business Model Inno...
PDF
Service Design Thinking for Business
PDF
Business Design Toolkit - Design Sojourn
PDF
Social Design toolkit
PDF
Design for public good may 2013
PDF
Co-Design Toolkit & Report: Working with Dyslexia
PDF
Service Design 201: Innovating and Improving the Customer Experience
PPTX
Measurement System Analysis (MSA)
PDF
Gamification Decks: Structure Gamification Projects with Design Thinking
PDF
The Platform Design Tookit 2.0 Draft Launch - Executive Summary
PDF
Co design (NUX4)
PPTX
ملتقى التميز المؤسسي 2015 - اليوم الثاني - طريقة عملية لتطبيق معايير الجودة
PDF
NG BB 40 Solution Selection
PPT
D10 Project Management
PDF
The Startup Design Toolkit - a design-thinking approach to startups and produ...
PDF
FutureBrand | BTO 2016 | Branding and destination marketing
PDF
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
PDF
The Platform Design Toolkit v 0.1
PDF
Melt Frame Course no 1
Service Design Tool - Design Activities
Resilience Design Toolkit. 50 Ingredients for Sustainable Business Model Inno...
Service Design Thinking for Business
Business Design Toolkit - Design Sojourn
Social Design toolkit
Design for public good may 2013
Co-Design Toolkit & Report: Working with Dyslexia
Service Design 201: Innovating and Improving the Customer Experience
Measurement System Analysis (MSA)
Gamification Decks: Structure Gamification Projects with Design Thinking
The Platform Design Tookit 2.0 Draft Launch - Executive Summary
Co design (NUX4)
ملتقى التميز المؤسسي 2015 - اليوم الثاني - طريقة عملية لتطبيق معايير الجودة
NG BB 40 Solution Selection
D10 Project Management
The Startup Design Toolkit - a design-thinking approach to startups and produ...
FutureBrand | BTO 2016 | Branding and destination marketing
Methodes de design UX : revolutionnez votre coffre à outils ! - Soiree TLMUX ...
The Platform Design Toolkit v 0.1
Melt Frame Course no 1
Ad

Similar to UX Designer's Toolkit - to design a better world (20)

PPTX
Ux
PPTX
UI UX Process for SaaS Product Design Success
PDF
UX? WTF? - Intro To User Experience Design Pt. 1
PPTX
UIUX Powerpoint presentation - The basic
PDF
Design academy lecture & workshop
PDF
Startup Institute: UX & User-Centered Design
PPTX
User Experience Fission Team Training
PPTX
User Experience Basics
PPTX
Mobile UX-COE
PDF
Lean UX Workshop
PDF
Introduction to User experience design for beginner
PDF
Niiu digital - UX is your secret weapon
PPTX
i/o extended: Intro to <UX> Design
PPTX
HCI - 5-6 -Design Process Interaksi Manusi Komputer.pptx
PDF
UX Within Design Agencies - UX Cambridge 2017
PDF
Proof That UI UX Really Works
PPTX
IxD13 Redux
PDF
Introduction to UX Design
PPTX
What is UX v2
PPTX
Ux Overview
Ux
UI UX Process for SaaS Product Design Success
UX? WTF? - Intro To User Experience Design Pt. 1
UIUX Powerpoint presentation - The basic
Design academy lecture & workshop
Startup Institute: UX & User-Centered Design
User Experience Fission Team Training
User Experience Basics
Mobile UX-COE
Lean UX Workshop
Introduction to User experience design for beginner
Niiu digital - UX is your secret weapon
i/o extended: Intro to <UX> Design
HCI - 5-6 -Design Process Interaksi Manusi Komputer.pptx
UX Within Design Agencies - UX Cambridge 2017
Proof That UI UX Really Works
IxD13 Redux
Introduction to UX Design
What is UX v2
Ux Overview

More from Rachel Liu (10)

PDF
Beyond Learning Experiences
PDF
Co creating with kids talk at The Research Thing
PDF
Expanding the UX Role to Solve Cross-Cultural Business Problems
PDF
How Culture Shock Made Me a Lifelong Learner
PDF
Cultural Nuances and Design in Far East Asia
PDF
Cultural Nuance & Design for China's Education Market
PDF
Innovate with design thinking
PDF
The Power of Sketching
PDF
Ideation Workshop
PDF
100 Design Projects
Beyond Learning Experiences
Co creating with kids talk at The Research Thing
Expanding the UX Role to Solve Cross-Cultural Business Problems
How Culture Shock Made Me a Lifelong Learner
Cultural Nuances and Design in Far East Asia
Cultural Nuance & Design for China's Education Market
Innovate with design thinking
The Power of Sketching
Ideation Workshop
100 Design Projects

Recently uploaded (20)

PPTX
CLASSIFICATION OF YARN- process, explanation
PDF
Urban Design Final Project-Context
PPTX
Media And Information Literacy for Grade 12
PDF
Chalkpiece Annual Report from 2019 To 2025
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PDF
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
PDF
Test slideshare presentation for blog post
PDF
THEORY OF ID MODULE (Interior Design Subject)
PPTX
a group casestudy on architectural aesthetic and beauty
PPT
robotS AND ROBOTICSOF HUMANS AND MACHINES
PPTX
rapid fire quiz in your house is your india.pptx
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PPTX
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PDF
intro_to_rust.pptx_123456789012446789.pdf
PPTX
Evolution_of_Computing_Presentation (1).pptx
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
CLASSIFICATION OF YARN- process, explanation
Urban Design Final Project-Context
Media And Information Literacy for Grade 12
Chalkpiece Annual Report from 2019 To 2025
321 LIBRARY DESIGN.pdf43354445t6556t5656
ART & DESIGN HISTORY OF VEDIC CIVILISATION.pdf
Test slideshare presentation for blog post
THEORY OF ID MODULE (Interior Design Subject)
a group casestudy on architectural aesthetic and beauty
robotS AND ROBOTICSOF HUMANS AND MACHINES
rapid fire quiz in your house is your india.pptx
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
VERNACULAR_DESIGN_PPT FINAL WITH PROPOSED PLAN.pptx
DOC-20250430-WA0014._20250714_235747_0000.pptx
Architecture Design Portfolio- VICTOR OKUTU
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
intro_to_rust.pptx_123456789012446789.pdf
Evolution_of_Computing_Presentation (1).pptx
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx

UX Designer's Toolkit - to design a better world

  • 1. UX Designer’s Toolkit Designing a better world Rachel Liu April 2014
  • 2. Objective • Understand how UX plays a fundamental part for designing a better world • Become familiar with the Lean UX process • How to develop your skills in UX everyday
  • 4. Why Digital Projects Fails “I can’t find what I want” “Why is it so hard to use?” “I’m so confused, what does this error message mean?” “Oh crap, just made a mistake, how do I undo?”
  • 5. First impressions The first 10 seconds of the page visit are critical for users' decision to stay or leave
  • 7. Customer’s perceptions “They have a famous (and intentional) unattractive and cluttered website that comes along with a frustrating user experience” - Philip Joyce, Designer
  • 9. What Ryanair could look like
  • 12. Ryanair’s Design Strategy • Nov 2013: New digital strategy for the ‘new Ryanair experience’, reducing booking process from 17 down to 5 clicks • Feb 2014: Seat allocations, allowing a second bag, duty free bag rather than cramming everything into 1 hand luggage • April 2014: New improved website, aim to be more intuitive and mobile passes • June 2014: Mobile app for smartphone and tablets
  • 13. "What’s always ‘in’ is good usability and giving consideration to what a consumer wants to achieve when they come to the website - that will never get old”. -Simply Zesty's head of design Rick Monro
  • 14. UX to the Rescue! Every aspect of the user’s interaction with a product, service, or company that make up the user’s perceptions of the whole. User experience design as a discipline is concerned with all the elements that together make up that interface, including layout, visual design, text, brand, sound, and interaction.
  • 15. 10 Principles of UX 1. Experience belongs to the user 2. UX is holistic 3. Great UX are invisible 4. UX is a lifecycle 5. Context is king 6. Great experience is about control 7. UX is social 8. Psychology is primary 9. UX is a conversation not a one-off product 10. Great experiences are simple
  • 16. Case Study: TFL TFL new website
  • 17. TFL: Putting Users First • User-centred design approach - putting customers at the heart of design process • Beta site launched mid 2013 in parallel to current site • Using social media as a feedback forum • Website officially launched on 25th March 2014
  • 18. User’s Goals “What people really wanted was a great Journey Planner, maps, live travel information, localised and personalised content – all on their device of choice.   We needed to be great at catering for mobiles, tablets, laptops and desktops”. - Phil Young, Head of Online at TFL
  • 19. TFL’s Success • “New TFL Journey Planner Crowned Best User Experience of 2013 at UXUK Awards” • “Award for best Mobile Solution at International Design for Experience Design” • 6m pages in 1million visits from over 900,000 customers
  • 20. UCD Definition User Centred Design is the discipline of generating solutions to problems and opportunities through the act of making something ‘new’, where the activity is driven by the needs, desires and context of the people for whom we design.
  • 21. 1. Research 2. Define 3. Design 4. Evaluate UCD Process
  • 22. Why Lean UX? • Evolution of product design, takes the best parts of designer’s toolkit with the ever rapid changing technology and demands of businesses today • Not about features or documents, it’s about how it works: measure what works, learn and adjust
  • 23. Lean UX Process Lean UX = Design thinking + Agile software development + Lean startup Eric Lies cyclical model Design’s cyclical model
  • 24. Learn by Doing! 1. Learn 2.Build 3. Measure - Empathy map - User journey - Concept poster- Show & tell Goal: Understand the UCD/lean UX process
  • 25. Brief: Design a service for group holidays
  • 26. • Get into groups of 4/5 • Choose a customer segment • Draw customer’s face in the centre • Give customer a name, demographic characteristics • Divide into 6 segments • Post-its to answer questions Exercise: Empathy Map Goal: Understand how product/service will by used by target audience
  • 28. Persona example Smart Traditionalist
  • 29. Exercise: Journey Mapping • Main steps for the group holiday service (beginning to end) as headings • Feelings/emotion under each stage • Service solution: Find opportunities to solve pain points and boost joy points • Use your empathy mapping to guide you, relating to user’s needs Goal: Understand all the touch-points across a product/service from a user’s perspective
  • 30. Exercise: Visualise the vote • Everyone has three votes each • Individually, choose your top three ideas in your head • All together, place the dots next to the solutions • Tally the dots to select best idea/s • Select best idea, discuss or re-vote again Goal: Uncover the strongest ideas or patterns of interest, building consensus and priorities
  • 31. Exercise: Concept poster • Based on best idea, develop the solution more fully • Design a concept poster • Use empathy map and journey map to aid you Goal: Create compelling poster that summarises your product/service idea
  • 32. Exercise: Show & Tell Goal: Cross-collaboration, exchanging ideas and learning from each other • Each team pair up with another team from a different customer segment • Walkthrough the empathy map, journey map and your poster pitch • Other team provide feedback on three things to consider/improve on based on their customer segment • Teams swap tasks
  • 34. 1. Re-ask the problem and solve the right problem
  • 35. 2. Design for emotion by adopting the attitude of: You? Humble Empathetic Imaginative Collaborative Iterative Curious
  • 36. 3. Practice Lean UX - learn, build, measure, iterate and validate with real users
  • 37. 4. Designing great products is the responsibility of everyone - advocate cross-functional teams
  • 38. 5. A great designer isn’t a UX hero but a great facilitator who advocates collaboration and team cohesion
  • 39. “As you navigate through the rest of your life, be open to collaboration. Other people’s ideas are often better than your own. Find a group of people who challenge and inspire you, spend a lot of time with them, and it will change your life”. -Amy Poehler