SlideShare a Scribd company logo
Design as part of
user engagement
User Experience and User-centred Design




@ElaineMcVicar | www.eqtr.com
Design for the user
How do we go about it?
•   Find out...
    •   ...who they are
    •   ...what they want


•   Design to make the experience good for them
How do we go about it?
1   Research
    Is that the part of the project where you
    just surf the internet all day?
1 2 3 4


Research
•   Understand the user
•   Define who the users are
    •   Personas
    •   User needs and goals
    •   User journeys
•   Understand the business & technology
1 2 3 4


Macdonald Hotels
Case study – www.macdonaldhotels.co.uk

What did we research?

   •   No real budget for user research
   •   Find out about the users
        • Feedback questionnaires provided by client
        • Usability study from previous site provided by client
        • Spoke to people about their hotel booking experiences
   •   Client workshops
        • Talked to them about their customers and their business
2   Design
    Don’t you guys just colour in?
1 2 3 4


Design
•   Bring the research together to define the project
    •   It must satisfy the user, the business objectives and technical
        requirements


•   Create a good user experience
    •   Content
    •   Interaction
    •   Look & feel
1 2 3 4


Macdonald Hotels
Case study – www.macdonaldhotels.co.uk

A good user experience?

   •   Content – Users want to see images and see useful information
   •   Interaction – A simple booking process
   •   Look and feel – Fits in with the brand and the target market
1 2 3 4


Macdonald Hotels
Case study
3   Evaluate
    It’s rubbish. Do it again, but this time make it good!
1 2 3 4


User testing
•   Find out early on what isn’t working
•   Test throughout the process
•   Only test what you need to
1 2 3 4


Macdonald Hotels
Case study - www.macdonaldhotels.co.uk

User testing
 •   Initial search component



 •   Revised search component
4   Measure
    It’s gone live! We never have to think about it again 
1 2 3 4


Measure
•   Are users completing the tasks you want them to?
    •   Site analytics
    •   Site search queries


•   Create a good start point to develop user engagement
What does this mean for you?
What does this mean for you?
•   Think about the user
•   Think about the client
•   Everyone works together
What does this mean for you?
•   Increase your knowledge
•   Show demonstrable results
•   Become an expert
The end
              Thank you for listening!




@ElaineMcVicar | www.eqtr.com

More Related Content

Similar to Design as part of user engagement

Startupcamp Basel: Rapid Prototyping & User Testing
Startupcamp Basel: Rapid Prototyping & User TestingStartupcamp Basel: Rapid Prototyping & User Testing
Startupcamp Basel: Rapid Prototyping & User Testing
Reto Laemmler
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information Architecture
Abby Covert
 
Web Usability
Web UsabilityWeb Usability
Web Usability
blacktelephone
 
Ux people 042010
Ux people 042010Ux people 042010
Ux people 042010Robert Fein
 
User Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & GoalsUser Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & Goals
Laura B
 
Understanding The Value Of User Research, Usability Testing, and Information ...
Understanding The Value Of User Research, Usability Testing, and Information ...Understanding The Value Of User Research, Usability Testing, and Information ...
Understanding The Value Of User Research, Usability Testing, and Information ...
Kyle Soucy
 
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveMarcy Kellar
 
Pre Class Meeting
Pre Class MeetingPre Class Meeting
Pre Class Meetingnuvention
 
Product design - a designer's perspective
Product design - a designer's perspectiveProduct design - a designer's perspective
Product design - a designer's perspective
tianfei00
 
Design Products People Love
Design Products People LoveDesign Products People Love
Design Products People Love
UXDXConf
 
How to Overhaul Your Design Without Upsetting Your Users
How to Overhaul Your Design Without Upsetting Your Users How to Overhaul Your Design Without Upsetting Your Users
How to Overhaul Your Design Without Upsetting Your Users Mary Piontkowski
 
Ux and strategy design
Ux and strategy designUx and strategy design
Ux and strategy design
LMarine
 
Design Thinking and the Business Model Canvas for the Mobile Economy
Design Thinking and the Business Model Canvas for the Mobile EconomyDesign Thinking and the Business Model Canvas for the Mobile Economy
Design Thinking and the Business Model Canvas for the Mobile Economy
Serge Van Oudenhove
 
Jackman Reinvents: Design Thinking Workshop at HumberLaunch
Jackman Reinvents: Design Thinking Workshop at HumberLaunchJackman Reinvents: Design Thinking Workshop at HumberLaunch
Jackman Reinvents: Design Thinking Workshop at HumberLaunch
Jackman Reinvents
 
Agile & UX What changes and other C.R.A.P.
Agile & UX What changes and other C.R.A.P.Agile & UX What changes and other C.R.A.P.
Agile & UX What changes and other C.R.A.P.
LeanDog
 
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Robert Stribley
 
Prototyping for web and mobile workshop
Prototyping for web and mobile workshopPrototyping for web and mobile workshop
Prototyping for web and mobile workshopSimon Phillips
 
Physical Evidence and Servicescape.pdf
Physical Evidence and Servicescape.pdfPhysical Evidence and Servicescape.pdf
Physical Evidence and Servicescape.pdf
RitikSharma251462
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012
Samantha Bailey
 
Merriam in-context-video-on-street-market-research
Merriam in-context-video-on-street-market-researchMerriam in-context-video-on-street-market-research
Merriam in-context-video-on-street-market-research
Merriam Associates, LLC
 

Similar to Design as part of user engagement (20)

Startupcamp Basel: Rapid Prototyping & User Testing
Startupcamp Basel: Rapid Prototyping & User TestingStartupcamp Basel: Rapid Prototyping & User Testing
Startupcamp Basel: Rapid Prototyping & User Testing
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information Architecture
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
Ux people 042010
Ux people 042010Ux people 042010
Ux people 042010
 
User Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & GoalsUser Experience Design Fundamentals - Part 1: Users & Goals
User Experience Design Fundamentals - Part 1: Users & Goals
 
Understanding The Value Of User Research, Usability Testing, and Information ...
Understanding The Value Of User Research, Usability Testing, and Information ...Understanding The Value Of User Research, Usability Testing, and Information ...
Understanding The Value Of User Research, Usability Testing, and Information ...
 
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
 
Pre Class Meeting
Pre Class MeetingPre Class Meeting
Pre Class Meeting
 
Product design - a designer's perspective
Product design - a designer's perspectiveProduct design - a designer's perspective
Product design - a designer's perspective
 
Design Products People Love
Design Products People LoveDesign Products People Love
Design Products People Love
 
How to Overhaul Your Design Without Upsetting Your Users
How to Overhaul Your Design Without Upsetting Your Users How to Overhaul Your Design Without Upsetting Your Users
How to Overhaul Your Design Without Upsetting Your Users
 
Ux and strategy design
Ux and strategy designUx and strategy design
Ux and strategy design
 
Design Thinking and the Business Model Canvas for the Mobile Economy
Design Thinking and the Business Model Canvas for the Mobile EconomyDesign Thinking and the Business Model Canvas for the Mobile Economy
Design Thinking and the Business Model Canvas for the Mobile Economy
 
Jackman Reinvents: Design Thinking Workshop at HumberLaunch
Jackman Reinvents: Design Thinking Workshop at HumberLaunchJackman Reinvents: Design Thinking Workshop at HumberLaunch
Jackman Reinvents: Design Thinking Workshop at HumberLaunch
 
Agile & UX What changes and other C.R.A.P.
Agile & UX What changes and other C.R.A.P.Agile & UX What changes and other C.R.A.P.
Agile & UX What changes and other C.R.A.P.
 
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
 
Prototyping for web and mobile workshop
Prototyping for web and mobile workshopPrototyping for web and mobile workshop
Prototyping for web and mobile workshop
 
Physical Evidence and Servicescape.pdf
Physical Evidence and Servicescape.pdfPhysical Evidence and Servicescape.pdf
Physical Evidence and Servicescape.pdf
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012
 
Merriam in-context-video-on-street-market-research
Merriam in-context-video-on-street-market-researchMerriam in-context-video-on-street-market-research
Merriam in-context-video-on-street-market-research
 

Recently uploaded

Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
PlanitIsrael
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
madhavlakhanpal29
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
TeeFusion
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 

Recently uploaded (20)

Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Top Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdfTop Israeli Products and Brands - Plan it israel.pdf
Top Israeli Products and Brands - Plan it israel.pdf
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 

Design as part of user engagement

  • 1. Design as part of user engagement User Experience and User-centred Design @ElaineMcVicar | www.eqtr.com
  • 3. How do we go about it? • Find out... • ...who they are • ...what they want • Design to make the experience good for them
  • 4. How do we go about it?
  • 5. 1 Research Is that the part of the project where you just surf the internet all day?
  • 6. 1 2 3 4 Research • Understand the user • Define who the users are • Personas • User needs and goals • User journeys • Understand the business & technology
  • 7. 1 2 3 4 Macdonald Hotels Case study – www.macdonaldhotels.co.uk What did we research? • No real budget for user research • Find out about the users • Feedback questionnaires provided by client • Usability study from previous site provided by client • Spoke to people about their hotel booking experiences • Client workshops • Talked to them about their customers and their business
  • 8. 2 Design Don’t you guys just colour in?
  • 9. 1 2 3 4 Design • Bring the research together to define the project • It must satisfy the user, the business objectives and technical requirements • Create a good user experience • Content • Interaction • Look & feel
  • 10. 1 2 3 4 Macdonald Hotels Case study – www.macdonaldhotels.co.uk A good user experience? • Content – Users want to see images and see useful information • Interaction – A simple booking process • Look and feel – Fits in with the brand and the target market
  • 11. 1 2 3 4 Macdonald Hotels Case study
  • 12. 3 Evaluate It’s rubbish. Do it again, but this time make it good!
  • 13. 1 2 3 4 User testing • Find out early on what isn’t working • Test throughout the process • Only test what you need to
  • 14. 1 2 3 4 Macdonald Hotels Case study - www.macdonaldhotels.co.uk User testing • Initial search component • Revised search component
  • 15. 4 Measure It’s gone live! We never have to think about it again 
  • 16. 1 2 3 4 Measure • Are users completing the tasks you want them to? • Site analytics • Site search queries • Create a good start point to develop user engagement
  • 17. What does this mean for you?
  • 18. What does this mean for you? • Think about the user • Think about the client • Everyone works together
  • 19. What does this mean for you? • Increase your knowledge • Show demonstrable results • Become an expert
  • 20. The end Thank you for listening! @ElaineMcVicar | www.eqtr.com