SlideShare une entreprise Scribd logo
1  sur  175
Télécharger pour lire hors ligne
Usability - Veel bezoekers, weinig klanten?
VIGC Academy – 12.5.2016
Goals of this session
•  Introduce a User Experience framework
•  Learn how to do usability tests
User Experience Framework
UX framework
CUSTOMER JOURNEY DESIGN VISION
VALUE PROPOSITION CANVAS CUSTOMER INSIGHT MAP
Product/Service
Needs
Wants
Concerns
Customer
Value proposition
Technology Features
User Experience
Value Proposition Canvas
Customer Experience Business goals
Product/Service
Needs
Wants
Concerns
Customer
Value proposition
Technology Features
User Experience
Value Proposition Canvas
Customer Experience Business goals
“Nobody cares about your
product or service like you do”
Paul Boag – UX Consultant/Author/Speaker
h"p://bit.ly/1SsEYFf
“We zullen internet zijn.
Of we zullen niet zijn”
Philippe Neyt
Commercial Director
“To be or not to be”
Focus on your business goals (aka don’t copy the giants)
Business goals
•  Easy to understand form
•  100% correct pricing
•  Minimum abandon rate
User needs
•  Attractive price
•  Guarantees
•  Customer service
•  Subscribe directly online
10 times more online contracts than expected
Product/Service
Needs
Wants
Concerns
Customer
Value proposition
Technology Features
User Experience
Value Proposition Canvas
Customer Experience Business goals
Product/Service
Needs
Wants
Concerns
Customer
Value proposition
Technology Features
User Experience
Value Proposition Canvas
Customer Experience Business goals
Service: Date:Created by:
Who is / will be involved in delivering the
service?
Who are / will be the key partners, suppliers
and stakeholders?
Through which channels (e.g. online, mobile,
telephone, shop) is / should the service be
available?
Which channels are most cost effective?
Which channels are users like to favour?
Which key activities are required to deliver
the service?
What resources are required for those
activities?
Which are the most important activities?
How will the service deliver an ROI?
What are the costs vs the benefits?
How can the service be delivered more cost
effectively?
How should / do users use the service?
How frequently is / will the service be used?
Why would someone use the service?
What value does the service bring?
Who are / will be the service users?
Who are the most important users?
What current challenges exist?
What challenges do you foresee in the
future?
What other similar services are available?
Who are the key competitors?
What other options do users have?
Which KPIs are / can be used to track the
performance of the service?
What are the key KPIs?
USERS SERVICE DELIVERY PERFORMANCE
RISKS
1. Users 2. Service proposition 5. Actors 6. Key activities 9. ROI
3. Channels 4. Usage
7. Challenges 8. Competitors
10. KPIs
www.uxforthemasses.com
h"p://www.uxforthemasses.com/updated-service-model-canvas/
Organize stakeholder workshops
TRUST THE PROCESS
VALUE PROPOSITION CANVAS
CRITICAL SUCCESS FACTORS
1.  Value Proposition: Match business goals with
user needs
2.  Product/Service: UX comes 1st, technology &
features 2nd
3.  Customers: use a product/service model
canvas
UX framework
CUSTOMER JOURNEY DESIGN VISION
VALUE PROPOSITION CUSTOMER INSIGHT MAP
Activities
&
Tasks
VALUE PROPOSITION
Technology
&
Location
Behavior
&
Emotion
ROLES
Customer insight map
Customer
Experience
Data
&
Information
Activities
&
Tasks
VALUE PROPOSITION
Technology
&
Location
Behavior
&
Emotion
ROLES
Customer insight map
Customer
Experience
Data
&
Information
Silicon Valley’s Youth Problem
http://bit.ly/1LZHgfA
Service safari
Activities
&
Tasks
VALUE PROPOSITION
Technology
&
Location
Behavior
&
Emotion
ROLES
Customer insight map
Customer
Experience
Data
&
Information
No?
Then it’s time to
GOOB
Do you have sufficient answers?
Let's get out of this building…
…and enter into the real world
Meet customers
Do card sortings
CUSTOMER INSIGHT MAP
CRITICAL SUCCESS FACTORS
1.  Stay (or become) extremely well-informed
about what is happening in the world
2.  Go on safari
3.  GOOB
UX framework
CUSTOMER JOURNEY DESIGN VISION
VALUE PROPOSITION CUSTOMER INSIGHT MAP
Customer journey
EXPERIENCE MAP
SERVICE BLUEPRINT
http://bit.ly/1NLh2bZ
http://bit.ly/1RmSB68
Service blueprint
CUSTOMER JOURNEY
CRITICAL SUCCESS FACTORS
1.  Try to anticipate on what will happen, every
step of the way
2.  Create an experience map and a service
blueprint
UX framework
CUSTOMER JOURNEY DESIGN VISION
VALUE PROPOSITION CUSTOMER INSIGHT MAP
h"p://www.higroup.com/wall/do-not-copy-giants
Design vision
USABILITY
PRINCIPLES
DESIGNDESIGN
PRINCIPLES
BASED ON HOW PEOPLE
Feel
Think
HearSee
InteractBehave
Usability principles
Usability principles
Usability
principles
Design theory UX research Project evidence
Scientific foundation for design decisions and interaction design
principles
The psychology of design
how people see, read, remember,
think, focus, interact, feel and decide
Design theory
Heuristic evaluation
Usability goals
learnability, efficiency, memorability,
errors and satisfaction
Design principles
discoverability, feedback, affordances
& signifiers, mapping and conceptual
models
Dr. Susan Weinschenk
•  Behavioral psychologist who has been working
in the field of design and user experience
•  ‘The Brain Lady’, who applies research on brain
science to predict, understand and explains
what motivates people and how they behave
Dr. Jakob ‘we know because we’ve seen it happen’
Nielsen
•  Established the "discount usability engineering"
movement for fast and cheap improvements of user
interfaces
•  Invented several usability methods, including heuristic
evaluation
•  Creator of Nielsen’s Alertbox, over 12 million page
views per year
Widely regarded for his expertise in internet & intranet
design.
Dr. Donald Norman
•  Director of The Design Lab, University of California, San
Diego
•  Co-founder & consultant at Nielsen Norman Group
Widely regarded for his expertise in the fields of design,
usability engineering and cognitive science.
B = MAT Dr. B.J. Fogg, Director of the Persuasive Technology Lab at Stanford University
•  In human speak: when you want a certain behavior from your customer
(buying things), you need:
1.  to have something that motivates him (attractive things he wants)
2.  give him the ability to perform that action (a website)
3.  provide a trigger that will entice him to take action (a voucher)
•  Usability is an essential ingredient of the formula, in particular of the
element ability. Ability without usability is a recipe for failure.
http://behaviormodel.org
•  ‘A behavior (B) will occur when motivation (M), ability (A)
and a trigger (T) are present at the same time and in
sufficient degrees.’
UX research Examples, practices, inspiration, connecting dots,…
h"ps://goo.gl/JADBMw
h"ps://goo.gl/13sXo3
•  Not recognizable as such
•  “Help, they’re moving around” → auto-forwarding
•  Difficult to interact with
Source: Usability Geek - http://bit.ly/YNzTR1
CAROUSEL FAILURES
1.  Stick to a maximum of 4 frames
2.  Show how many frames there are, and where the user is
within the “progression”
3.  Use crisp-looking text and images
4.  Be careful with auto-forward
5.  Present in a creative & useful way
Source: Nielsen Norman Group - http://bit.ly/1ljtqav
CAROUSEL SUCCESS
•  Complex layout
•  Insufficient product information
•  Tiny product images
•  Absence of product videos
•  Poor customer service pages
Source: Usability Geek - http://bit.ly/YNzTR1
PRODUCT PAGE FAILURES
“On the homepage business can do what they like.
But in the funnel, we’re calling the shots.”
Willem	Wijnen	–	Chief	Marke1ng	&	E-commerce	Officer	at	The	S1ng
1.  a recognizable layout: people have learned to use product
pages on other websites, not on yours
2.  elaborate product information: this is the only place on a
website where you can unleash your inner writer – with
moderation
3.  very large product images: in a physical store you don’t decide
on the quality of a product from 2 meters away either, do you?
A GOOD PRODUCT PAGE
4.  product videos: optional today, elementary in the near future
5.  easy accessible customer support: easy to find, just like you
expect from real-life shop assistants
6.  a clear and simple call-to-action (‘add to bag’): how long are
you willing to search for the cash register in a bricks-and-
mortar store?
A GOOD PRODUCT PAGE
Project evidence Experience from projects
1.  People are motivated by mastery, progress &
control
•  People love getting things done. It makes them feel
they’re doing something useful.
•  People love it when they can act autonomously. It
gives them the feeling that they’re smart and
powerful.
•  People love choice. If you give them choice, they feel
they're are in control - which they aren’t.
Usability principles
2.  People believe that things that are close
together belong together
•  If two items are close to each other, people assume
they belong together.
Usability principles
3.  People search for cues that tell them what to
do
•  Modern, flat design trends have made this a lot
worse.
•  You’ll see people start helicoptering and hovering
when they don’t get enough cues.
•  On touch, they get completely lost.
Usability principles
4.  People scan screens based on past
experiences and expectations
•  People are lazy by nature. If no effort is required, no
effort will be done.
•  Look around and translate good experiences in your
design.
•  In the mind of a user, a website is a simple thing:
•  a logo
•  primary navigation
•  a search box
•  utilities
•  content
•  (that’s it)
Usability principles
Design vision
USABILITY
PRINCIPLES
DESIGNDESIGN
PRINCIPLES
1
2
3
Design principles
Principle
Principle
Principle
DESIGN
Usability principles Design principles
1.  People are motivated by
mastery, progress and control
1.  Put the user in control
2.  People believe things that are
close together belong together
2.  Make it simple and clear
3.  People search for cues that tell
them what to do
3.  Don’t make me think
4.  People scan screens based on
previous experiences
4.  Use common patterns
1
2
4
Design principles
Put the user in
control
Use common
patterns
DESIGN
3
Make it simple
and clear
Don’t make me
think
PEOPLE ARE MOTIVATED BY MASTERY, PROGRESS & CONTROL
PEOPLE ARE MOTIVATED BY MASTERY, PROGRESS & CONTROL
PEOPLE SEARCH FOR CUES THAT TELL THEM WHAT TO DO
PEOPLE SEARCH FOR CUES THAT TELL THEM WHAT TO DO
PEOPLE SEARCH FOR CUES THAT TELL THEM WHAT TO DO
DESIGN VISION
CRITICAL SUCCESS FACTORS
1.  Don’t start with sketching, unless you’re building
something really, really simple & straightforward
2.  Familiarize yourself with design theory, UX
research and project evidence
3.  Use usability & design principles to drive the
design process
How to test
Designing = visualising assumptions
Assumptions need to be investigated whether they
are true (or not)
Testing ≈ Lean UX principle
How to validate?
Quantitative tests Qualitative tests
What?
Prove
Statistically significant
Many users
Minimal interaction – A/B testing
Why?
Improve
What needs fixing
Few users
Interactive observation – live testing
https://vwo.com/ab-testing/
A/B testing – what is it?
https://vwo.com/ab-testing/
A/B testing – what can you test?
A/B TESTING
CRITICAL SUCCESS FACTORS
1.  Create well grounded UX-hypotheses
2.  Focus on what drives conversion (home page,
landing page, product page, checkout, CtA’s,
banners, headlines,…)
3.  Make it statistically significant (calculators)
4.  Your A/B test must not kill UX
5.  Don’t use it as an excuse to stop ‘GOOBing’
USERS
Feel
Think
HearSee
Interact
Behave
Live testing
Live testing
•  With real representative users, in the user’s habitat
•  One-on-one
•  Using task-oriented test scripts
•  Via think aloud method
When to test?
How much testing?
5 = 80%
1 > 0
Cold shower, anyone?
Always keep in mind that…
You are NOT your average user
•  Neither is your developer
•  Neither is any other member of your team
(or the company)
Test with REAL users
“In my whole life, I have known
no wise people (over a broad
subject matter area) who didn't
read all the time -- none, zero.”
Charles Thomas Munger - American business magnate, lawyer, investor, and
philanthropist.
Contact us
De Regenboog 11
2800 Mechelen
Belgium
www.higroup.com
+32 (0)15 40 01 38
Follow us
Human Interface Group
@higroup
Human Interface Groupjohan.verhaegen@higroup.com
Thank you and good luck!

Contenu connexe

Tendances

User experience doesn't happen on a screen: It happens in the mind.
User experience doesn't happen on a screen: It happens in the mind.User experience doesn't happen on a screen: It happens in the mind.
User experience doesn't happen on a screen: It happens in the mind.John Whalen
 
UX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps WorkshopUX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps WorkshopAlan Colville
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Careerdpanarelli
 
Introduction to Lean Startup & Lean User Experience Design
Introduction to Lean Startup & Lean User Experience Design Introduction to Lean Startup & Lean User Experience Design
Introduction to Lean Startup & Lean User Experience Design William Evans
 
User Experience Design
User Experience DesignUser Experience Design
User Experience DesignJenna Yim
 
UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1Sebastian Tory-Pratt
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobLynn Teo
 
User-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessUser-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessDave Cooksey
 
Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Lynne Polischuik
 
Collaborative Brainstorming for Better UX Workshop
Collaborative Brainstorming for Better UX WorkshopCollaborative Brainstorming for Better UX Workshop
Collaborative Brainstorming for Better UX WorkshopJessica Ivins
 
Intro to Agile and Lean UX
Intro to Agile and Lean UXIntro to Agile and Lean UX
Intro to Agile and Lean UXJacklyn Burgan
 
Reduce Product Failures While Boosting Conversion Rates
Reduce Product Failures While Boosting Conversion RatesReduce Product Failures While Boosting Conversion Rates
Reduce Product Failures While Boosting Conversion RatesUserZoom
 
ProductTank: What do UX people want from PMs and how can they best work toget...
ProductTank: What do UX people want from PMs and how can they best work toget...ProductTank: What do UX people want from PMs and how can they best work toget...
ProductTank: What do UX people want from PMs and how can they best work toget...Mind the Product
 
NoVA UX Responsive Design
NoVA UX Responsive DesignNoVA UX Responsive Design
NoVA UX Responsive DesignUXMattFiore
 
Massuel Louis portfolio 2017
Massuel Louis portfolio 2017Massuel Louis portfolio 2017
Massuel Louis portfolio 2017Louis Massuel
 
The perfect ux designer toolkit
The perfect ux designer toolkitThe perfect ux designer toolkit
The perfect ux designer toolkitcxpartners
 
UX Design: An Introduction
UX Design: An IntroductionUX Design: An Introduction
UX Design: An IntroductionSmitha Prasadh
 
An Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) FundamentalsAn Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) FundamentalsChris LaRoche
 

Tendances (20)

User experience doesn't happen on a screen: It happens in the mind.
User experience doesn't happen on a screen: It happens in the mind.User experience doesn't happen on a screen: It happens in the mind.
User experience doesn't happen on a screen: It happens in the mind.
 
Web Usability for Dummies
Web Usability for Dummies Web Usability for Dummies
Web Usability for Dummies
 
UX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps WorkshopUX Cambridge 2017- Three Steps Workshop
UX Cambridge 2017- Three Steps Workshop
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
 
Introduction to Lean Startup & Lean User Experience Design
Introduction to Lean Startup & Lean User Experience Design Introduction to Lean Startup & Lean User Experience Design
Introduction to Lean Startup & Lean User Experience Design
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1UX? WTF? - Intro To User Experience Design Pt. 1
UX? WTF? - Intro To User Experience Design Pt. 1
 
Portfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the JobPortfolios Matter: Building the Portfolio to Win the Job
Portfolios Matter: Building the Portfolio to Win the Job
 
User-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessUser-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design Process
 
Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012
 
Collaborative Brainstorming for Better UX Workshop
Collaborative Brainstorming for Better UX WorkshopCollaborative Brainstorming for Better UX Workshop
Collaborative Brainstorming for Better UX Workshop
 
Intro to Agile and Lean UX
Intro to Agile and Lean UXIntro to Agile and Lean UX
Intro to Agile and Lean UX
 
Reduce Product Failures While Boosting Conversion Rates
Reduce Product Failures While Boosting Conversion RatesReduce Product Failures While Boosting Conversion Rates
Reduce Product Failures While Boosting Conversion Rates
 
ProductTank: What do UX people want from PMs and how can they best work toget...
ProductTank: What do UX people want from PMs and how can they best work toget...ProductTank: What do UX people want from PMs and how can they best work toget...
ProductTank: What do UX people want from PMs and how can they best work toget...
 
NoVA UX Responsive Design
NoVA UX Responsive DesignNoVA UX Responsive Design
NoVA UX Responsive Design
 
UX workshop
UX workshopUX workshop
UX workshop
 
Massuel Louis portfolio 2017
Massuel Louis portfolio 2017Massuel Louis portfolio 2017
Massuel Louis portfolio 2017
 
The perfect ux designer toolkit
The perfect ux designer toolkitThe perfect ux designer toolkit
The perfect ux designer toolkit
 
UX Design: An Introduction
UX Design: An IntroductionUX Design: An Introduction
UX Design: An Introduction
 
An Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) FundamentalsAn Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) Fundamentals
 

En vedette

Curriculum Vitae Aspiannur updated July 2016
Curriculum Vitae Aspiannur updated July 2016Curriculum Vitae Aspiannur updated July 2016
Curriculum Vitae Aspiannur updated July 2016Aspiannur ian
 
Animales en via de extinción
Animales en via de extinciónAnimales en via de extinción
Animales en via de extinciónportatilmas
 
The Evolution Of Data Breaches From 2013 To 2016
The Evolution Of Data Breaches From 2013 To 2016The Evolution Of Data Breaches From 2013 To 2016
The Evolution Of Data Breaches From 2013 To 2016UNLOQ
 
Профессиональная коммуникация
Профессиональная коммуникацияПрофессиональная коммуникация
Профессиональная коммуникацияChristyna Chemerska
 
Jan. - April 2015 Union Bug Corinne
Jan. - April 2015 Union Bug  CorinneJan. - April 2015 Union Bug  Corinne
Jan. - April 2015 Union Bug CorinneCorinne Fiacco
 
Jake l laboratorio
Jake l laboratorioJake l laboratorio
Jake l laboratorioJake Lopez
 

En vedette (8)

Curriculum Vitae Aspiannur updated July 2016
Curriculum Vitae Aspiannur updated July 2016Curriculum Vitae Aspiannur updated July 2016
Curriculum Vitae Aspiannur updated July 2016
 
Animales en via de extinción
Animales en via de extinciónAnimales en via de extinción
Animales en via de extinción
 
The Evolution Of Data Breaches From 2013 To 2016
The Evolution Of Data Breaches From 2013 To 2016The Evolution Of Data Breaches From 2013 To 2016
The Evolution Of Data Breaches From 2013 To 2016
 
CV ayu terbaru
CV ayu terbaruCV ayu terbaru
CV ayu terbaru
 
Профессиональная коммуникация
Профессиональная коммуникацияПрофессиональная коммуникация
Профессиональная коммуникация
 
Cutech
CutechCutech
Cutech
 
Jan. - April 2015 Union Bug Corinne
Jan. - April 2015 Union Bug  CorinneJan. - April 2015 Union Bug  Corinne
Jan. - April 2015 Union Bug Corinne
 
Jake l laboratorio
Jake l laboratorioJake l laboratorio
Jake l laboratorio
 

Similaire à VIGC Academy

Making UX happen in the world of PR
Making UX happen in the world of PRMaking UX happen in the world of PR
Making UX happen in the world of PRIan Campbell
 
UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team Guilherme Rodrigues
 
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan VerhaegenConversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan VerhaegenHuman Interface Group
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really wantleisa reichelt
 
NELAUX Presents: UX Strategies for Startups
NELAUX Presents: UX Strategies for StartupsNELAUX Presents: UX Strategies for Startups
NELAUX Presents: UX Strategies for StartupsJon Fox
 
User Research When You Can’t Reach Your Users NERD 20140913
User Research When You Can’t Reach Your Users NERD 20140913User Research When You Can’t Reach Your Users NERD 20140913
User Research When You Can’t Reach Your Users NERD 20140913Heather Staudt
 
User research when you can’t reach your users
User research when you can’t reach your usersUser research when you can’t reach your users
User research when you can’t reach your usersDesign for Drupal, Boston
 
User Research When You Can't Reach Your Users 20140802
User Research When You Can't Reach Your Users 20140802User Research When You Can't Reach Your Users 20140802
User Research When You Can't Reach Your Users 20140802Heather Staudt
 
The Power of the UX Evaluation
The Power of the UX EvaluationThe Power of the UX Evaluation
The Power of the UX EvaluationJon Fukuda
 
Prototyping for web and mobile workshop
Prototyping for web and mobile workshopPrototyping for web and mobile workshop
Prototyping for web and mobile workshopSimon Phillips
 
Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015Melanie O'Donnell
 
UX Design with Limited Resources
UX Design with Limited ResourcesUX Design with Limited Resources
UX Design with Limited ResourcesZeke Franco
 
Conducting User Research
Conducting User ResearchConducting User Research
Conducting User ResearchJeremy Horn
 
Design Learnings
Design LearningsDesign Learnings
Design LearningsQuikr
 
Designing With Usability In Mind
Designing With Usability In MindDesigning With Usability In Mind
Designing With Usability In MindCenergyDave
 
Selling UX in Your Organization - Stir Trek 2012
Selling UX in Your Organization - Stir Trek 2012Selling UX in Your Organization - Stir Trek 2012
Selling UX in Your Organization - Stir Trek 2012Carol Smith
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA International
 
UX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better worldUX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better worldRachel Liu
 

Similaire à VIGC Academy (20)

Making UX happen in the world of PR
Making UX happen in the world of PRMaking UX happen in the world of PR
Making UX happen in the world of PR
 
UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team
 
Designing the user experience
Designing the user experienceDesigning the user experience
Designing the user experience
 
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan VerhaegenConversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
 
What's Next For UX?
What's Next For UX?What's Next For UX?
What's Next For UX?
 
Improving your site's usability - what users really want
Improving your site's usability - what users really wantImproving your site's usability - what users really want
Improving your site's usability - what users really want
 
NELAUX Presents: UX Strategies for Startups
NELAUX Presents: UX Strategies for StartupsNELAUX Presents: UX Strategies for Startups
NELAUX Presents: UX Strategies for Startups
 
User Research When You Can’t Reach Your Users NERD 20140913
User Research When You Can’t Reach Your Users NERD 20140913User Research When You Can’t Reach Your Users NERD 20140913
User Research When You Can’t Reach Your Users NERD 20140913
 
User research when you can’t reach your users
User research when you can’t reach your usersUser research when you can’t reach your users
User research when you can’t reach your users
 
User Research When You Can't Reach Your Users 20140802
User Research When You Can't Reach Your Users 20140802User Research When You Can't Reach Your Users 20140802
User Research When You Can't Reach Your Users 20140802
 
The Power of the UX Evaluation
The Power of the UX EvaluationThe Power of the UX Evaluation
The Power of the UX Evaluation
 
Prototyping for web and mobile workshop
Prototyping for web and mobile workshopPrototyping for web and mobile workshop
Prototyping for web and mobile workshop
 
Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015
 
UX Design with Limited Resources
UX Design with Limited ResourcesUX Design with Limited Resources
UX Design with Limited Resources
 
Conducting User Research
Conducting User ResearchConducting User Research
Conducting User Research
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
Designing With Usability In Mind
Designing With Usability In MindDesigning With Usability In Mind
Designing With Usability In Mind
 
Selling UX in Your Organization - Stir Trek 2012
Selling UX in Your Organization - Stir Trek 2012Selling UX in Your Organization - Stir Trek 2012
Selling UX in Your Organization - Stir Trek 2012
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
 
UX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better worldUX Designer's Toolkit - to design a better world
UX Designer's Toolkit - to design a better world
 

Plus de Human Interface Group

Widen your focus: from screens to experiences
Widen your focus: from screens to experiencesWiden your focus: from screens to experiences
Widen your focus: from screens to experiencesHuman Interface Group
 
3 things you need to now about people and technology - J. Verhaegen
3 things you need to now about people and technology - J. Verhaegen3 things you need to now about people and technology - J. Verhaegen
3 things you need to now about people and technology - J. VerhaegenHuman Interface Group
 
3 things you need to know about people & technology
3 things you need to know about people & technology3 things you need to know about people & technology
3 things you need to know about people & technologyHuman Interface Group
 
How to use a UX Framework to improve conversion
How to use a UX Framework to improve conversionHow to use a UX Framework to improve conversion
How to use a UX Framework to improve conversionHuman Interface Group
 
Digital transformation without customer-centric transformation makes no sense
Digital transformation without customer-centric transformation makes no senseDigital transformation without customer-centric transformation makes no sense
Digital transformation without customer-centric transformation makes no senseHuman Interface Group
 
VIGC Web-to-Print 2015 - Think first, design next.
VIGC Web-to-Print 2015 - Think first, design next.VIGC Web-to-Print 2015 - Think first, design next.
VIGC Web-to-Print 2015 - Think first, design next.Human Interface Group
 
Mobile Day 2015 - Why screen design is the second -not the first- step in app...
Mobile Day 2015 - Why screen design is the second -not the first- step in app...Mobile Day 2015 - Why screen design is the second -not the first- step in app...
Mobile Day 2015 - Why screen design is the second -not the first- step in app...Human Interface Group
 
Digital First 2015 - Great User Experience, an essential part of your digital...
Digital First 2015 - Great User Experience, an essential part of your digital...Digital First 2015 - Great User Experience, an essential part of your digital...
Digital First 2015 - Great User Experience, an essential part of your digital...Human Interface Group
 
Successful online insurance – superb customer satisfaction with the help of g...
Successful online insurance – superb customer satisfaction with the help of g...Successful online insurance – superb customer satisfaction with the help of g...
Successful online insurance – superb customer satisfaction with the help of g...Human Interface Group
 
Usability in e-commerce - a design framework
Usability in e-commerce - a design frameworkUsability in e-commerce - a design framework
Usability in e-commerce - a design frameworkHuman Interface Group
 
ADM: Mobile banking and trading website - Keytrade Bank
ADM: Mobile banking and trading website - Keytrade BankADM: Mobile banking and trading website - Keytrade Bank
ADM: Mobile banking and trading website - Keytrade BankHuman Interface Group
 
'Get well sooner with myUZ' - User Experience Showcase as presented on eChal...
'Get well sooner with myUZ' -  User Experience Showcase as presented on eChal...'Get well sooner with myUZ' -  User Experience Showcase as presented on eChal...
'Get well sooner with myUZ' - User Experience Showcase as presented on eChal...Human Interface Group
 

Plus de Human Interface Group (20)

Widen your focus: from screens to experiences
Widen your focus: from screens to experiencesWiden your focus: from screens to experiences
Widen your focus: from screens to experiences
 
3 things you need to now about people and technology - J. Verhaegen
3 things you need to now about people and technology - J. Verhaegen3 things you need to now about people and technology - J. Verhaegen
3 things you need to now about people and technology - J. Verhaegen
 
3 things you need to know about people & technology
3 things you need to know about people & technology3 things you need to know about people & technology
3 things you need to know about people & technology
 
161121 ASML UX Event
161121 ASML UX Event161121 ASML UX Event
161121 ASML UX Event
 
ASML UX Event
ASML UX EventASML UX Event
ASML UX Event
 
How to use a UX Framework to improve conversion
How to use a UX Framework to improve conversionHow to use a UX Framework to improve conversion
How to use a UX Framework to improve conversion
 
Digital transformation without customer-centric transformation makes no sense
Digital transformation without customer-centric transformation makes no senseDigital transformation without customer-centric transformation makes no sense
Digital transformation without customer-centric transformation makes no sense
 
VIGC Web-to-Print 2015 - Think first, design next.
VIGC Web-to-Print 2015 - Think first, design next.VIGC Web-to-Print 2015 - Think first, design next.
VIGC Web-to-Print 2015 - Think first, design next.
 
Mobile Day 2015 - Why screen design is the second -not the first- step in app...
Mobile Day 2015 - Why screen design is the second -not the first- step in app...Mobile Day 2015 - Why screen design is the second -not the first- step in app...
Mobile Day 2015 - Why screen design is the second -not the first- step in app...
 
Digital First 2015 - Great User Experience, an essential part of your digital...
Digital First 2015 - Great User Experience, an essential part of your digital...Digital First 2015 - Great User Experience, an essential part of your digital...
Digital First 2015 - Great User Experience, an essential part of your digital...
 
Successful online insurance – superb customer satisfaction with the help of g...
Successful online insurance – superb customer satisfaction with the help of g...Successful online insurance – superb customer satisfaction with the help of g...
Successful online insurance – superb customer satisfaction with the help of g...
 
Marketing Automation Summit 2015
Marketing Automation Summit 2015Marketing Automation Summit 2015
Marketing Automation Summit 2015
 
Usability in e-commerce - a design framework
Usability in e-commerce - a design frameworkUsability in e-commerce - a design framework
Usability in e-commerce - a design framework
 
Change mangement
Change mangementChange mangement
Change mangement
 
Mobile ux sot a and challenges
Mobile ux sot a and challengesMobile ux sot a and challenges
Mobile ux sot a and challenges
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
You need a design vision
You need a design visionYou need a design vision
You need a design vision
 
ADM: Mobile banking and trading website - Keytrade Bank
ADM: Mobile banking and trading website - Keytrade BankADM: Mobile banking and trading website - Keytrade Bank
ADM: Mobile banking and trading website - Keytrade Bank
 
How the cloud will change your life
How the cloud will change your lifeHow the cloud will change your life
How the cloud will change your life
 
'Get well sooner with myUZ' - User Experience Showcase as presented on eChal...
'Get well sooner with myUZ' -  User Experience Showcase as presented on eChal...'Get well sooner with myUZ' -  User Experience Showcase as presented on eChal...
'Get well sooner with myUZ' - User Experience Showcase as presented on eChal...
 

VIGC Academy

  • 1. Usability - Veel bezoekers, weinig klanten? VIGC Academy – 12.5.2016
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Goals of this session •  Introduce a User Experience framework •  Learn how to do usability tests
  • 8.
  • 10. UX framework CUSTOMER JOURNEY DESIGN VISION VALUE PROPOSITION CANVAS CUSTOMER INSIGHT MAP
  • 11. Product/Service Needs Wants Concerns Customer Value proposition Technology Features User Experience Value Proposition Canvas Customer Experience Business goals
  • 12. Product/Service Needs Wants Concerns Customer Value proposition Technology Features User Experience Value Proposition Canvas Customer Experience Business goals
  • 13. “Nobody cares about your product or service like you do” Paul Boag – UX Consultant/Author/Speaker
  • 15.
  • 16. “We zullen internet zijn. Of we zullen niet zijn” Philippe Neyt Commercial Director “To be or not to be” Focus on your business goals (aka don’t copy the giants)
  • 17.
  • 18. Business goals •  Easy to understand form •  100% correct pricing •  Minimum abandon rate User needs •  Attractive price •  Guarantees •  Customer service •  Subscribe directly online
  • 19. 10 times more online contracts than expected
  • 20. Product/Service Needs Wants Concerns Customer Value proposition Technology Features User Experience Value Proposition Canvas Customer Experience Business goals
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34. Product/Service Needs Wants Concerns Customer Value proposition Technology Features User Experience Value Proposition Canvas Customer Experience Business goals
  • 35. Service: Date:Created by: Who is / will be involved in delivering the service? Who are / will be the key partners, suppliers and stakeholders? Through which channels (e.g. online, mobile, telephone, shop) is / should the service be available? Which channels are most cost effective? Which channels are users like to favour? Which key activities are required to deliver the service? What resources are required for those activities? Which are the most important activities? How will the service deliver an ROI? What are the costs vs the benefits? How can the service be delivered more cost effectively? How should / do users use the service? How frequently is / will the service be used? Why would someone use the service? What value does the service bring? Who are / will be the service users? Who are the most important users? What current challenges exist? What challenges do you foresee in the future? What other similar services are available? Who are the key competitors? What other options do users have? Which KPIs are / can be used to track the performance of the service? What are the key KPIs? USERS SERVICE DELIVERY PERFORMANCE RISKS 1. Users 2. Service proposition 5. Actors 6. Key activities 9. ROI 3. Channels 4. Usage 7. Challenges 8. Competitors 10. KPIs www.uxforthemasses.com h"p://www.uxforthemasses.com/updated-service-model-canvas/
  • 37.
  • 38.
  • 39.
  • 41. VALUE PROPOSITION CANVAS CRITICAL SUCCESS FACTORS 1.  Value Proposition: Match business goals with user needs 2.  Product/Service: UX comes 1st, technology & features 2nd 3.  Customers: use a product/service model canvas
  • 42. UX framework CUSTOMER JOURNEY DESIGN VISION VALUE PROPOSITION CUSTOMER INSIGHT MAP
  • 47.
  • 49.
  • 50.
  • 51.
  • 53. No? Then it’s time to GOOB Do you have sufficient answers?
  • 54. Let's get out of this building…
  • 55. …and enter into the real world
  • 57.
  • 59.
  • 60. CUSTOMER INSIGHT MAP CRITICAL SUCCESS FACTORS 1.  Stay (or become) extremely well-informed about what is happening in the world 2.  Go on safari 3.  GOOB
  • 61. UX framework CUSTOMER JOURNEY DESIGN VISION VALUE PROPOSITION CUSTOMER INSIGHT MAP
  • 63.
  • 64.
  • 65.
  • 67.
  • 68.
  • 69.
  • 71.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81. CUSTOMER JOURNEY CRITICAL SUCCESS FACTORS 1.  Try to anticipate on what will happen, every step of the way 2.  Create an experience map and a service blueprint
  • 82.
  • 83. UX framework CUSTOMER JOURNEY DESIGN VISION VALUE PROPOSITION CUSTOMER INSIGHT MAP
  • 86. BASED ON HOW PEOPLE Feel Think HearSee InteractBehave Usability principles
  • 88. Scientific foundation for design decisions and interaction design principles The psychology of design how people see, read, remember, think, focus, interact, feel and decide Design theory Heuristic evaluation Usability goals learnability, efficiency, memorability, errors and satisfaction Design principles discoverability, feedback, affordances & signifiers, mapping and conceptual models
  • 89. Dr. Susan Weinschenk •  Behavioral psychologist who has been working in the field of design and user experience •  ‘The Brain Lady’, who applies research on brain science to predict, understand and explains what motivates people and how they behave
  • 90. Dr. Jakob ‘we know because we’ve seen it happen’ Nielsen •  Established the "discount usability engineering" movement for fast and cheap improvements of user interfaces •  Invented several usability methods, including heuristic evaluation •  Creator of Nielsen’s Alertbox, over 12 million page views per year Widely regarded for his expertise in internet & intranet design.
  • 91. Dr. Donald Norman •  Director of The Design Lab, University of California, San Diego •  Co-founder & consultant at Nielsen Norman Group Widely regarded for his expertise in the fields of design, usability engineering and cognitive science.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98. B = MAT Dr. B.J. Fogg, Director of the Persuasive Technology Lab at Stanford University •  In human speak: when you want a certain behavior from your customer (buying things), you need: 1.  to have something that motivates him (attractive things he wants) 2.  give him the ability to perform that action (a website) 3.  provide a trigger that will entice him to take action (a voucher) •  Usability is an essential ingredient of the formula, in particular of the element ability. Ability without usability is a recipe for failure. http://behaviormodel.org •  ‘A behavior (B) will occur when motivation (M), ability (A) and a trigger (T) are present at the same time and in sufficient degrees.’
  • 99.
  • 100. UX research Examples, practices, inspiration, connecting dots,…
  • 103. •  Not recognizable as such •  “Help, they’re moving around” → auto-forwarding •  Difficult to interact with Source: Usability Geek - http://bit.ly/YNzTR1 CAROUSEL FAILURES
  • 104.
  • 105.
  • 106.
  • 107.
  • 108.
  • 109.
  • 110.
  • 111.
  • 112.
  • 113.
  • 114. 1.  Stick to a maximum of 4 frames 2.  Show how many frames there are, and where the user is within the “progression” 3.  Use crisp-looking text and images 4.  Be careful with auto-forward 5.  Present in a creative & useful way Source: Nielsen Norman Group - http://bit.ly/1ljtqav CAROUSEL SUCCESS
  • 115. •  Complex layout •  Insufficient product information •  Tiny product images •  Absence of product videos •  Poor customer service pages Source: Usability Geek - http://bit.ly/YNzTR1 PRODUCT PAGE FAILURES
  • 116.
  • 117.
  • 118.
  • 119.
  • 120.
  • 121.
  • 122.
  • 123.
  • 124.
  • 125.
  • 126.
  • 127.
  • 128.
  • 129.
  • 130.
  • 131.
  • 132.
  • 133. “On the homepage business can do what they like. But in the funnel, we’re calling the shots.” Willem Wijnen – Chief Marke1ng & E-commerce Officer at The S1ng
  • 134.
  • 135. 1.  a recognizable layout: people have learned to use product pages on other websites, not on yours 2.  elaborate product information: this is the only place on a website where you can unleash your inner writer – with moderation 3.  very large product images: in a physical store you don’t decide on the quality of a product from 2 meters away either, do you? A GOOD PRODUCT PAGE
  • 136. 4.  product videos: optional today, elementary in the near future 5.  easy accessible customer support: easy to find, just like you expect from real-life shop assistants 6.  a clear and simple call-to-action (‘add to bag’): how long are you willing to search for the cash register in a bricks-and- mortar store? A GOOD PRODUCT PAGE
  • 137. Project evidence Experience from projects
  • 138. 1.  People are motivated by mastery, progress & control •  People love getting things done. It makes them feel they’re doing something useful. •  People love it when they can act autonomously. It gives them the feeling that they’re smart and powerful. •  People love choice. If you give them choice, they feel they're are in control - which they aren’t. Usability principles
  • 139. 2.  People believe that things that are close together belong together •  If two items are close to each other, people assume they belong together. Usability principles
  • 140. 3.  People search for cues that tell them what to do •  Modern, flat design trends have made this a lot worse. •  You’ll see people start helicoptering and hovering when they don’t get enough cues. •  On touch, they get completely lost. Usability principles
  • 141. 4.  People scan screens based on past experiences and expectations •  People are lazy by nature. If no effort is required, no effort will be done. •  Look around and translate good experiences in your design. •  In the mind of a user, a website is a simple thing: •  a logo •  primary navigation •  a search box •  utilities •  content •  (that’s it) Usability principles
  • 142.
  • 143.
  • 146. Usability principles Design principles 1.  People are motivated by mastery, progress and control 1.  Put the user in control 2.  People believe things that are close together belong together 2.  Make it simple and clear 3.  People search for cues that tell them what to do 3.  Don’t make me think 4.  People scan screens based on previous experiences 4.  Use common patterns
  • 147. 1 2 4 Design principles Put the user in control Use common patterns DESIGN 3 Make it simple and clear Don’t make me think
  • 148.
  • 149. PEOPLE ARE MOTIVATED BY MASTERY, PROGRESS & CONTROL
  • 150. PEOPLE ARE MOTIVATED BY MASTERY, PROGRESS & CONTROL
  • 151.
  • 152. PEOPLE SEARCH FOR CUES THAT TELL THEM WHAT TO DO
  • 153. PEOPLE SEARCH FOR CUES THAT TELL THEM WHAT TO DO
  • 154. PEOPLE SEARCH FOR CUES THAT TELL THEM WHAT TO DO
  • 155. DESIGN VISION CRITICAL SUCCESS FACTORS 1.  Don’t start with sketching, unless you’re building something really, really simple & straightforward 2.  Familiarize yourself with design theory, UX research and project evidence 3.  Use usability & design principles to drive the design process
  • 157. Designing = visualising assumptions Assumptions need to be investigated whether they are true (or not) Testing ≈ Lean UX principle
  • 158. How to validate? Quantitative tests Qualitative tests What? Prove Statistically significant Many users Minimal interaction – A/B testing Why? Improve What needs fixing Few users Interactive observation – live testing
  • 161.
  • 162.
  • 163.
  • 164.
  • 165.
  • 166. A/B TESTING CRITICAL SUCCESS FACTORS 1.  Create well grounded UX-hypotheses 2.  Focus on what drives conversion (home page, landing page, product page, checkout, CtA’s, banners, headlines,…) 3.  Make it statistically significant (calculators) 4.  Your A/B test must not kill UX 5.  Don’t use it as an excuse to stop ‘GOOBing’
  • 168. Live testing •  With real representative users, in the user’s habitat •  One-on-one •  Using task-oriented test scripts •  Via think aloud method
  • 170. How much testing? 5 = 80% 1 > 0
  • 172. Always keep in mind that… You are NOT your average user •  Neither is your developer •  Neither is any other member of your team (or the company) Test with REAL users
  • 173. “In my whole life, I have known no wise people (over a broad subject matter area) who didn't read all the time -- none, zero.” Charles Thomas Munger - American business magnate, lawyer, investor, and philanthropist.
  • 174.
  • 175. Contact us De Regenboog 11 2800 Mechelen Belgium www.higroup.com +32 (0)15 40 01 38 Follow us Human Interface Group @higroup Human Interface Groupjohan.verhaegen@higroup.com Thank you and good luck!