SlideShare a Scribd company logo
An Introduction to  User Centred Design Techniques Suze Ingram November 2009
Introduction What is UCD? Techniques Personas and Scenarios Wireframing Paper Prototyping User Testing Contextual enquiries Diary studies User workshops Card sorting Suze Ingram November 2009
What is UCD? The best websites, intranets and applications result from understanding the needs of the people who will use them learn about users and their tasks and goals Inform the vision and direction of a website or intranet Benefits ideas generated early unfavourable ideas ruled out early hidden requirements uncovered final product matches what users need Suze Ingram November 2009
Suze Ingram November 2009 Contextual enquiries
Suze Ingram November 2009 Contextual enquiries Call centre example Shadow the participant  Observe normal, day-to-day tasks Pretend this is my induction Ask what would make their job easier Why do it? you really need to understand the users' work context learning about work practices in domains that you know nothing about
Suze Ingram November 2009 Diary studies
Suze Ingram November 2009 Diary studies Brief the participants and provide a kit Kits can contain a diary, stickers, a camera, a voice recorder, pens, post-it notes, staplers etc Reminders… Follow-up interview Why do it? gather information from users with minimal influence on their actions the process or event takes place intermittently or over a long period
Suze Ingram November 2009 User workshops
Suze Ingram November 2009 User workshops About 2 hours  Collaborative Design your own homepage Bullseye Priotisation Why do it? Brings users into the design process as partners Start to conceptualise the solution
Suze Ingram November 2009 Card sorting
Suze Ingram November 2009 Card sorting Each card contains the name of one content item Sort a set of cards into groups which made sense to them Create labels for each of their card groups Look for patterns in the groups and labels Why do it? Simple Cheap Quick to execute (not analyse) Provides a good foundation
Personas and Scenarios
Personas and Scenarios Analyse outcomes of user research Amalgamate findings from many sources Look for pattern and themes in user needs, beharviours and motivations Why do it? Understand your users, their needs, behaviours and motivations Puts observations and learnings into memorable stories Provides a constant touchstone allowing the project team to maintain focus on the user and their needs throughout the project.
Wireframes
Wireframes Can be handrawn or computer based (Visio, Axure) Creates the layout and functionality of a page  Takes user needs and user journeys into account No colour or decoration invovled Why do it? Provides an early visual that that can be used to review with the client Can be tested with users Saves considerable time and money
Paper prototyping
Paper prototyping Design and testing User performs realistic tasks by interacting with the paper prototype Inclusive nature of paper Users can cut up the design, cross things out and add new features Why do it? helps identify usability problems even before any code is written Cheap and simple
User testing
User testing One person per test session 45min – 1 hour Users work through a set of tasks using the product being evaluated Usability laboratory, at the person's desk or in a room Why do it? Evaluate, from the user's perspective, the ease of use and intuitiveness Discover likes and dislikes Uncover difficulties users may have  Used during redesign or to evaluate an existing product
Recap… Suze Ingram November 2009
Suze Ingram November 2009 Contextual enquiries
Suze Ingram November 2009 Diary studies
Suze Ingram November 2009 User workshops
Suze Ingram November 2009 Card sorting
Personas and Scenarios
Wireframes
Paper prototyping
User testing
If there’s one thing to take away… You are not your audience Add some UCD techniques into your work Suze Ingram November 2009
Keep in touch… [email_address] Mobile  0413 473 151 My blog  (google “suze ingram”) Suze Ingram November 2009
Photo credits Suze Ingram November 2009 Contextual enquiries  http://www.flickr.com/photos/psmithson/44990517/ Diary studies  http://www.flickr.com/photos/jderuna/2312274541/  User workshops  http://www.flickr.com/photos/jbarahona/2033523991/sizes/l/  Card sorting  http://www.flickr.com/photos/yandle/907991950/in/set-72157600662519454/ Personas and scenarios  http://www.flickr.com/photos/katiekills/2271842696/  Wireframes  http://www.flickr.com/photos/collylogic/2715890481/  Paper prototyping  http://www.flickr.com/photos/21218849@N03/2880770542/  User testing  http://www.flickr.com/photos/l-i-n-k/3654390818/in/set-72157620252713653/

More Related Content

What's hot (20)

PPTX
Intro to user centered design
Rebecca Destello
 
PPT
Fundamental principles of Usability and User Centred Design
BART RADKA
 
PDF
The ultimate guide to prototyping
Marcelo Graciolli
 
PDF
Creating a User Centred Design Policy User Vision Breakfast Briefing July 2014
User Vision
 
PDF
What User-Centered Design is Good For
Dan Saffer
 
PPT
User Centered Design 101
Experience Dynamics
 
PDF
Usability Engineering
Easypeasy
 
PDF
What is UX Design?
Baris Erkol
 
PPTX
TryMyUI Collaborative UX Research Webinar
TryMyUI
 
PDF
Introduction to UX Design
Bill Tribble
 
PPTX
Delivering Results: How Do You Report User Research Findings?
Bob Thomas
 
PPTX
Basics of UX Research
The Wisdom Daily
 
PDF
Mouse tracking technique and mouse patterns
silvana churruca
 
KEY
Effective Prototyping Process for Software Creation
Jonathan Arnowitz
 
PPTX
UI/UX Design
sumit singh
 
PPTX
Danforth Media Capabilities
Danforth
 
PPT
Chapter 9 id2e_slides
oopscrash1
 
PDF
Best user experience design company
amandacerry
 
PPT
What is UX and Why should I care in Line of Business Applications?
Will Tschumy
 
PPTX
Engineering UX
The Wisdom Daily
 
Intro to user centered design
Rebecca Destello
 
Fundamental principles of Usability and User Centred Design
BART RADKA
 
The ultimate guide to prototyping
Marcelo Graciolli
 
Creating a User Centred Design Policy User Vision Breakfast Briefing July 2014
User Vision
 
What User-Centered Design is Good For
Dan Saffer
 
User Centered Design 101
Experience Dynamics
 
Usability Engineering
Easypeasy
 
What is UX Design?
Baris Erkol
 
TryMyUI Collaborative UX Research Webinar
TryMyUI
 
Introduction to UX Design
Bill Tribble
 
Delivering Results: How Do You Report User Research Findings?
Bob Thomas
 
Basics of UX Research
The Wisdom Daily
 
Mouse tracking technique and mouse patterns
silvana churruca
 
Effective Prototyping Process for Software Creation
Jonathan Arnowitz
 
UI/UX Design
sumit singh
 
Danforth Media Capabilities
Danforth
 
Chapter 9 id2e_slides
oopscrash1
 
Best user experience design company
amandacerry
 
What is UX and Why should I care in Line of Business Applications?
Will Tschumy
 
Engineering UX
The Wisdom Daily
 

Viewers also liked (20)

PDF
CA Performance Management 2.6 Deep Dive
CA Technologies
 
PDF
CA Performance Management Deep Dive
CA Technologies
 
PDF
User-Centred Design and Personas
Optimal Usability
 
PDF
Pragmatic user-centred design
David Little
 
PDF
User Centred Design For Web2.0 And Beyond
Objective Experience
 
PDF
COMP 4026 Lecture3 Prototyping and Evaluation
Mark Billinghurst
 
PDF
06 robot vision
Tianlu Wang
 
PDF
"Czy ux da się testować" - Ewelina Kroczek, Lucyna Frank
kraqa
 
PPT
Makiety uzytkownikow
Symetria
 
PDF
COMP 4026 Lecture4: Processing and Advanced Interface Technology
Mark Billinghurst
 
PPT
OO Development 2 - Software Development Methodologies
Randy Connolly
 
PPTX
Introduction to software development methodologies- Agile vs Waterfall
Prateek Shrivastava
 
PPT
Lecture 2 Brand Management
Nagesh Pai
 
PDF
Kansei Engineering in User-Centred-Design - Mobina Nouri, City University London
City University London
 
PPTX
software development methodologies and their application
madhusha udayangani
 
PPTX
User Centered Design: Interviews & Surveys.
DCU_MPIUA
 
PPTX
Software Development Methodologies-HSM, SSADM
Nana Sarpong
 
PDF
Software Engineering - chp1- software dev methodologies
Lilia Sfaxi
 
PDF
User Centred Design - Designing Better Experiences - General Assembly - April...
Matt Gibson
 
PPT
Introduction to Android, Architecture & Components
Vijay Rastogi
 
CA Performance Management 2.6 Deep Dive
CA Technologies
 
CA Performance Management Deep Dive
CA Technologies
 
User-Centred Design and Personas
Optimal Usability
 
Pragmatic user-centred design
David Little
 
User Centred Design For Web2.0 And Beyond
Objective Experience
 
COMP 4026 Lecture3 Prototyping and Evaluation
Mark Billinghurst
 
06 robot vision
Tianlu Wang
 
"Czy ux da się testować" - Ewelina Kroczek, Lucyna Frank
kraqa
 
Makiety uzytkownikow
Symetria
 
COMP 4026 Lecture4: Processing and Advanced Interface Technology
Mark Billinghurst
 
OO Development 2 - Software Development Methodologies
Randy Connolly
 
Introduction to software development methodologies- Agile vs Waterfall
Prateek Shrivastava
 
Lecture 2 Brand Management
Nagesh Pai
 
Kansei Engineering in User-Centred-Design - Mobina Nouri, City University London
City University London
 
software development methodologies and their application
madhusha udayangani
 
User Centered Design: Interviews & Surveys.
DCU_MPIUA
 
Software Development Methodologies-HSM, SSADM
Nana Sarpong
 
Software Engineering - chp1- software dev methodologies
Lilia Sfaxi
 
User Centred Design - Designing Better Experiences - General Assembly - April...
Matt Gibson
 
Introduction to Android, Architecture & Components
Vijay Rastogi
 
Ad

Similar to An Introduction To User Centred Design Techniques (20)

PPT
DIY Usability
Jan Moons
 
PDF
Joe Johnston - FLEXperience - putting the Flex in UX
360|Conferences
 
ZIP
FLEXperience
Joe Johnston
 
PDF
Intro to User Centered Design Workshop
Patrick McNeil
 
PDF
UX Prototyping and Personas 9-5-14
Shilpa Thanawala
 
PDF
UX Prototyping and Personas 11 20-15
Shilpa Thanawala
 
PDF
UX Prototyping and Personas 9 25-15
Shilpa Thanawala
 
PDF
IxD Works Miniworkshop: Introduction
InteractionDesign
 
PPTX
Hci user centered design 11
Anwal Mirza
 
PDF
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
taranenkovictoria
 
PPT
INTRODUCTION to USER EXPERIENCE
chenjyu
 
PDF
Incorporating UX into Your Projects
Karl Kaufmann
 
PPT
What id can_learn_from_ux_122011
Barbara Holmes
 
PPT
What id can_learn_from_ux_122011
Barbara Holmes
 
PDF
Basic Principles of Interface design
Zdeněk Lanc
 
PDF
User experience design process
Mike McCoy
 
PDF
Low Fidelity Prototyping with Paper
Valeria Gasik
 
PPTX
Introduction to user-centric design process
European Innovation Academy
 
PPT
Usability principles 1
Sameer Chavan
 
PDF
UX Prototyping and Personas 11-14-14
Shilpa Thanawala
 
DIY Usability
Jan Moons
 
Joe Johnston - FLEXperience - putting the Flex in UX
360|Conferences
 
FLEXperience
Joe Johnston
 
Intro to User Centered Design Workshop
Patrick McNeil
 
UX Prototyping and Personas 9-5-14
Shilpa Thanawala
 
UX Prototyping and Personas 11 20-15
Shilpa Thanawala
 
UX Prototyping and Personas 9 25-15
Shilpa Thanawala
 
IxD Works Miniworkshop: Introduction
InteractionDesign
 
Hci user centered design 11
Anwal Mirza
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
taranenkovictoria
 
INTRODUCTION to USER EXPERIENCE
chenjyu
 
Incorporating UX into Your Projects
Karl Kaufmann
 
What id can_learn_from_ux_122011
Barbara Holmes
 
What id can_learn_from_ux_122011
Barbara Holmes
 
Basic Principles of Interface design
Zdeněk Lanc
 
User experience design process
Mike McCoy
 
Low Fidelity Prototyping with Paper
Valeria Gasik
 
Introduction to user-centric design process
European Innovation Academy
 
Usability principles 1
Sameer Chavan
 
UX Prototyping and Personas 11-14-14
Shilpa Thanawala
 
Ad

Recently uploaded (20)

PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
PDF
Newgen Beyond Frankenstein_Build vs Buy_Digital_version.pdf
darshakparmar
 
PDF
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
PDF
Mastering Financial Management in Direct Selling
Epixel MLM Software
 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
PDF
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PDF
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
PDF
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
PDF
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
Newgen Beyond Frankenstein_Build vs Buy_Digital_version.pdf
darshakparmar
 
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
Mastering Financial Management in Direct Selling
Epixel MLM Software
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
From Code to Challenge: Crafting Skill-Based Games That Engage and Reward
aiyshauae
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
"Beyond English: Navigating the Challenges of Building a Ukrainian-language R...
Fwdays
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 

An Introduction To User Centred Design Techniques

  • 1. An Introduction to User Centred Design Techniques Suze Ingram November 2009
  • 2. Introduction What is UCD? Techniques Personas and Scenarios Wireframing Paper Prototyping User Testing Contextual enquiries Diary studies User workshops Card sorting Suze Ingram November 2009
  • 3. What is UCD? The best websites, intranets and applications result from understanding the needs of the people who will use them learn about users and their tasks and goals Inform the vision and direction of a website or intranet Benefits ideas generated early unfavourable ideas ruled out early hidden requirements uncovered final product matches what users need Suze Ingram November 2009
  • 4. Suze Ingram November 2009 Contextual enquiries
  • 5. Suze Ingram November 2009 Contextual enquiries Call centre example Shadow the participant Observe normal, day-to-day tasks Pretend this is my induction Ask what would make their job easier Why do it? you really need to understand the users' work context learning about work practices in domains that you know nothing about
  • 6. Suze Ingram November 2009 Diary studies
  • 7. Suze Ingram November 2009 Diary studies Brief the participants and provide a kit Kits can contain a diary, stickers, a camera, a voice recorder, pens, post-it notes, staplers etc Reminders… Follow-up interview Why do it? gather information from users with minimal influence on their actions the process or event takes place intermittently or over a long period
  • 8. Suze Ingram November 2009 User workshops
  • 9. Suze Ingram November 2009 User workshops About 2 hours Collaborative Design your own homepage Bullseye Priotisation Why do it? Brings users into the design process as partners Start to conceptualise the solution
  • 10. Suze Ingram November 2009 Card sorting
  • 11. Suze Ingram November 2009 Card sorting Each card contains the name of one content item Sort a set of cards into groups which made sense to them Create labels for each of their card groups Look for patterns in the groups and labels Why do it? Simple Cheap Quick to execute (not analyse) Provides a good foundation
  • 13. Personas and Scenarios Analyse outcomes of user research Amalgamate findings from many sources Look for pattern and themes in user needs, beharviours and motivations Why do it? Understand your users, their needs, behaviours and motivations Puts observations and learnings into memorable stories Provides a constant touchstone allowing the project team to maintain focus on the user and their needs throughout the project.
  • 15. Wireframes Can be handrawn or computer based (Visio, Axure) Creates the layout and functionality of a page Takes user needs and user journeys into account No colour or decoration invovled Why do it? Provides an early visual that that can be used to review with the client Can be tested with users Saves considerable time and money
  • 17. Paper prototyping Design and testing User performs realistic tasks by interacting with the paper prototype Inclusive nature of paper Users can cut up the design, cross things out and add new features Why do it? helps identify usability problems even before any code is written Cheap and simple
  • 19. User testing One person per test session 45min – 1 hour Users work through a set of tasks using the product being evaluated Usability laboratory, at the person's desk or in a room Why do it? Evaluate, from the user's perspective, the ease of use and intuitiveness Discover likes and dislikes Uncover difficulties users may have Used during redesign or to evaluate an existing product
  • 20. Recap… Suze Ingram November 2009
  • 21. Suze Ingram November 2009 Contextual enquiries
  • 22. Suze Ingram November 2009 Diary studies
  • 23. Suze Ingram November 2009 User workshops
  • 24. Suze Ingram November 2009 Card sorting
  • 29. If there’s one thing to take away… You are not your audience Add some UCD techniques into your work Suze Ingram November 2009
  • 30. Keep in touch… [email_address] Mobile 0413 473 151 My blog (google “suze ingram”) Suze Ingram November 2009
  • 31. Photo credits Suze Ingram November 2009 Contextual enquiries http://www.flickr.com/photos/psmithson/44990517/ Diary studies http://www.flickr.com/photos/jderuna/2312274541/ User workshops http://www.flickr.com/photos/jbarahona/2033523991/sizes/l/ Card sorting http://www.flickr.com/photos/yandle/907991950/in/set-72157600662519454/ Personas and scenarios http://www.flickr.com/photos/katiekills/2271842696/ Wireframes http://www.flickr.com/photos/collylogic/2715890481/ Paper prototyping http://www.flickr.com/photos/21218849@N03/2880770542/ User testing http://www.flickr.com/photos/l-i-n-k/3654390818/in/set-72157620252713653/