SlideShare a Scribd company logo
The hitchhiker’s guide
To UXing without a UXer
Wednesday, 1 May 13
Chrissy Welsh
Senior UX Consultant
Wednesday, 1 May 13
Why do this talk?
Wednesday, 1 May 13
The ELEPHANT in the room!
Wednesday, 1 May 13
“I want to build great
things... I start out with
good intentions but it
always turns out rubbish...
what happened?”
Wednesday, 1 May 13
A B
Wednesday, 1 May 13
A B
Wednesday, 1 May 13
A B
Great Experience
Easy Interfaces
Happy Users
Wednesday, 1 May 13
A B
Great Experience
Easy Interfaces
Happy Users
Wednesday, 1 May 13
Wednesday, 1 May 13
What will you learn?
Wednesday, 1 May 13
What will you learn?
• How important it is to have one vision
• How to think like a user
• Why you should wireframe and how to do it
• How to make a throwaway prototype
• How to evaluate your work
• & Finally when to scrap it and start again
Wednesday, 1 May 13
“A journey of a thousand miles begins with one small step.”
Wednesday, 1 May 13
The Vision
Wednesday, 1 May 13
The Vision - Do you have one?
Wednesday, 1 May 13
Print this out...
Wednesday, 1 May 13
Print this out...
“What one thing do
you want it to do well?”
Wednesday, 1 May 13
Wednesday, 1 May 13
The User - Who are they?
Wednesday, 1 May 13
The User - Who are they?
• Really think & write out
who will use your app/
website
• Write out their age,
education job etc.
• Name them - for
example Arthur Dent
Wednesday, 1 May 13
The User - What are they doing?
Wednesday, 1 May 13
The User - What are they doing?
• Where are they going?
• What are they trying to
achieve?
Wednesday, 1 May 13
Why, crazy lady, are you
making me name
imaginary people?
Wednesday, 1 May 13
Wednesday, 1 May 13
Example “I just want to buy what I want and get out”
James Dent
32 years old
Product Manager
Key Goals
Knows what he wants to buy
Doesn't want to browse
Behaviors
Gets bored quickly
Wants quality products
We Must
Clearly show key features
Show only relevant offers
We must never
Provide fluffy product descriptions
Overwhelm with choice
Wednesday, 1 May 13
What does it look like in real life?
Wednesday, 1 May 13
This?
Wednesday, 1 May 13
...or this?
Wednesday, 1 May 13
Wireframes
Wednesday, 1 May 13
Why wireframe?
Wednesday, 1 May 13
Why wireframe?
• Fast layouts
• Easy to see if you have everything you need
• Fast to iterate on
• Cheaper than changing code
Wednesday, 1 May 13
Why wireframe?
Wednesday, 1 May 13
Why wireframe?
Having one
idea is great
Wednesday, 1 May 13
Why wireframe?
Having one
idea is great
Iterating on an
idea is better
Wednesday, 1 May 13
Why wireframe?
Having one
idea is great
Iterating on an
idea is better
Trying multiple
ideas gives you
the best solution
Wednesday, 1 May 13
What does it look like... really?
Wednesday, 1 May 13
What does it turn into?
Wednesday, 1 May 13
What if I want to use software?
Wednesday, 1 May 13
Some Tools - listed
• Pen & Paper - Super Fast
• Balsamiq Mockups - Fast if you’re scared of paper
• Axure - Less fast but High Fidelity
• Photoshop - Use if a client is going to look at it
• Illustrator - If you dont like Photoshop
• InvisionApp - Link those bad boys!
Wednesday, 1 May 13
Prototypes
Wednesday, 1 May 13
Prototypes - also for mobile!
Wednesday, 1 May 13
Real Examples
Wednesday, 1 May 13
What if I want to use software?
Wednesday, 1 May 13
Evaluate - Put on the shoes
Wednesday, 1 May 13
Other ways to gather data?
Wednesday, 1 May 13
Wednesday, 1 May 13
“Greatness doesn't
take shortcuts”
Wednesday, 1 May 13
...another cool way
Wednesday, 1 May 13
What if I can’t evaluate it fairly?
Wednesday, 1 May 13
Find a friend!
Wednesday, 1 May 13
Here’s what it looks like
Wednesday, 1 May 13
And when it doesn’t go as expected?
Wednesday, 1 May 13
And when it doesn’t go as expected?
Wednesday, 1 May 13
Keep it or bin it?
Wednesday, 1 May 13
Wednesday, 1 May 13
The end?
Wednesday, 1 May 13
• How important it is to have one vision
• How to think like a user
• Why you should wireframe and how to do it
• How to make a throwaway prototype
• How to evaluate your work
• & Finally when to scrap it and start again
What we have covered
Wednesday, 1 May 13
Chrissy Welsh (@chrissywelsh)
Question Time
Wednesday, 1 May 13
Wednesday, 1 May 13

More Related Content

PDF
Don't solve the wrong problem rocketconf may 2016
PPTX
Practicing Customer Development (for Lean Startup Circle Copenhagen)
PDF
So youve talked to some users
PPTX
Hacks to Be Heard
PDF
Lead Generation: Inexpensive Tactics
PPTX
FrontEnd Conf Zurich 2013
PDF
Asking the Right Questions in Evaluations to Promote Change
PPTX
1. communication methods pro forma (1)
Don't solve the wrong problem rocketconf may 2016
Practicing Customer Development (for Lean Startup Circle Copenhagen)
So youve talked to some users
Hacks to Be Heard
Lead Generation: Inexpensive Tactics
FrontEnd Conf Zurich 2013
Asking the Right Questions in Evaluations to Promote Change
1. communication methods pro forma (1)

What's hot (19)

PPT
Power Pointless How To Make An Amazing Presentation
PPTX
3 KEYS TO A GREAT PRESENTATION
PPTX
Apex 2012 2013
PPTX
1. communication methods pro forma(1)
PPTX
BEA Ignite2015 - Taylor
PPTX
Verb tenses and passives part 1
PPTX
Safer internet day 2014 (ACMA)
PDF
Stop the procrastination and start recording
PPTX
1. communication methods 0.2
PPTX
1. communication methods (coke cola)
PPT
The Dynamic Dozen (plus three) Strategic Tools
PPT
Powerpoints
PDF
The Dynamic Dozen (plus three) Strategic Tools
PPTX
Presentation is an Art
PDF
What can you do with a degree in lx?
PDF
Usability Testing & You
PDF
User testing
PDF
Everyone Sucks At Feedback
PDF
before you leap
Power Pointless How To Make An Amazing Presentation
3 KEYS TO A GREAT PRESENTATION
Apex 2012 2013
1. communication methods pro forma(1)
BEA Ignite2015 - Taylor
Verb tenses and passives part 1
Safer internet day 2014 (ACMA)
Stop the procrastination and start recording
1. communication methods 0.2
1. communication methods (coke cola)
The Dynamic Dozen (plus three) Strategic Tools
Powerpoints
The Dynamic Dozen (plus three) Strategic Tools
Presentation is an Art
What can you do with a degree in lx?
Usability Testing & You
User testing
Everyone Sucks At Feedback
before you leap
Ad

Viewers also liked (20)

PDF
UX im Unternehmen
PDF
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
PDF
Challenges of B2B User Experience Design
PDF
UX Erklaert 01 / UX Overview 01
PDF
ux kundenworkshop
PDF
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
PDF
Designing for Cross Channel User Experience
PDF
Erfolgsfaktoren für UX Consulting im eGovernment (German UPA 2013)
PDF
Einführung in die User Experience (Lean-UX-Ansatz)
PDF
Nutzer, Silos, KPIs und Momente der Wahrheit - Customer Journey Mapping im Pr...
PDF
UX Maturity Models
PDF
User Experience Design: The Past, The Present, The Future
PDF
Ux is not UI
PDF
Digital Transformation and the Customer Experience
PDF
GE User Experience Playbook
PDF
What is UX?
PDF
User Experience Design: The Missing Ingredient
PDF
IOT - UX IS COMING HOME
PDF
Service Design meets UX Design
PDF
Nutzerfreude im Fokus
UX im Unternehmen
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Challenges of B2B User Experience Design
UX Erklaert 01 / UX Overview 01
ux kundenworkshop
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
Designing for Cross Channel User Experience
Erfolgsfaktoren für UX Consulting im eGovernment (German UPA 2013)
Einführung in die User Experience (Lean-UX-Ansatz)
Nutzer, Silos, KPIs und Momente der Wahrheit - Customer Journey Mapping im Pr...
UX Maturity Models
User Experience Design: The Past, The Present, The Future
Ux is not UI
Digital Transformation and the Customer Experience
GE User Experience Playbook
What is UX?
User Experience Design: The Missing Ingredient
IOT - UX IS COMING HOME
Service Design meets UX Design
Nutzerfreude im Fokus
Ad

Similar to Hitchikers guide to Ux'ing without a Ux'er (20)

PDF
The hitchhiker's guide to UXing without a UXer - Chrissy Welsh - Codemotion M...
PDF
It's not your fault
PDF
Using BuddyPress as a Directory - BuddyCamp Minneapolis 2013
PDF
BlogWest: Blog Content Strategies
PDF
PDF
Everyone Sucks at Feedback
PDF
Android DevCon 2013 Design
PDF
Social Media Brass Tacks
PDF
Reinventing Yourself
PDF
Designing for special needs slide share 11.13
PDF
Starting and Positioning Your Business
PDF
Columbus Startup Weekend 3.1.13 - Hustle Town deck
PDF
Crowdsourcing for Educators
PDF
Wc abq presentation
PDF
Minimum Viable User Experience
PPTX
Don’t make me think
PDF
Ccu presentation
PDF
IA Summit 2013: Collaborative Design
PDF
Freelancing talk-done
PPT
Impromptu speaking workshop
The hitchhiker's guide to UXing without a UXer - Chrissy Welsh - Codemotion M...
It's not your fault
Using BuddyPress as a Directory - BuddyCamp Minneapolis 2013
BlogWest: Blog Content Strategies
Everyone Sucks at Feedback
Android DevCon 2013 Design
Social Media Brass Tacks
Reinventing Yourself
Designing for special needs slide share 11.13
Starting and Positioning Your Business
Columbus Startup Weekend 3.1.13 - Hustle Town deck
Crowdsourcing for Educators
Wc abq presentation
Minimum Viable User Experience
Don’t make me think
Ccu presentation
IA Summit 2013: Collaborative Design
Freelancing talk-done
Impromptu speaking workshop

Recently uploaded (20)

PDF
Urban Design Final Project-Context
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
DOCX
The story of the first moon landing.docx
PDF
Africa 2025 - Prospects and Challenges first edition.pdf
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPT
UNIT I- Yarn, types, explanation, process
PPTX
An introduction to AI in research and reference management
PPTX
6- Architecture design complete (1).pptx
PPTX
building Planning Overview for step wise design.pptx
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPT
pump pump is a mechanism that is used to transfer a liquid from one place to ...
PPT
Package Design Design Kit 20100009 PWM IC by Bee Technologies
PPTX
12. Community Pharmacy and How to organize it
PPTX
Implications Existing phase plan and its feasibility.pptx
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
Urban Design Final Project-Site Analysis
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
Urban Design Final Project-Context
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
mahatma gandhi bus terminal in india Case Study.pptx
The story of the first moon landing.docx
Africa 2025 - Prospects and Challenges first edition.pdf
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
UNIT I- Yarn, types, explanation, process
An introduction to AI in research and reference management
6- Architecture design complete (1).pptx
building Planning Overview for step wise design.pptx
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
pump pump is a mechanism that is used to transfer a liquid from one place to ...
Package Design Design Kit 20100009 PWM IC by Bee Technologies
12. Community Pharmacy and How to organize it
Implications Existing phase plan and its feasibility.pptx
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
Urban Design Final Project-Site Analysis
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf

Hitchikers guide to Ux'ing without a Ux'er