SlideShare a Scribd company logo
Visual Data Collection: Collecting data
through a straw (instead of a firehose)
Michael Morgan
Sr. UX Researcher
Bloomberg L.P.
https://www.publicdomainpictures.net/en/view-image.php?image=268080&picture=plastic-straws
Agenda
● About me
● We collect LOTS of data (and so…)
● Note-taking tools and techniques
● Method details: Visual data collection (or, “VDC” for short)
● Let’s try it out!
About Me
● Experience: IT industry for 20 years; UX research for 10.
● Writings: UX research methods and strategy.
Columnist for UX Matters. Contributor to Boxes and Arrows,
UX Collective, JTBD.info Sr. UX Researcher, Bloomberg LP
https://pixabay.com/en/write-plan-desk-notes-pen-writing-593333/
https://pixabay.com/en/coffee-write-table-notebook-writing-cup--1246511/
https://pixabay.com/en/computer-laptop-technology-office-3368242/
We collect LOTS of data
https://cdn.pixabay.com/photo/2017/07/21/23/14/bag-2527318_960_720.png
By Ildar Sagdejev (Specious) [GFDL (http://www.gnu.org/copyleft/fdl.html) or CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0)],
from Wikimedia Commons - https://commons.wikimedia.org/wiki/File:2011-02-12_Fire_hydrant_flushing_2.jpg
https://pixabay.com/en/session-science-
pictogram-fatigue-1989711/
https://pixabay.com/en/dog-boxer-boxer-dog-
pet-dog-look-snout-d-1639528/
https://cdn.pixabay.com/photo/2017/08/16/16/
10/stopwatch-2648253_960_720.jpg
Visual Data Collection (or, VDC for short)
 Stay focused on your research goals
 Deliver reporting faster
 More easily traceable notes
Another satisfied stakeholder
https://cdn.pixabay.com/photo/2018/09/10/19/21/bulldog-
3667825__340.jpg
Note-taking tools and techniques
Spreadsheets
Airtable
Note-taking
(free-form)
Less
structure
More
structure
Physical tools
“Power tools”
Content of this slide adapted from:
https://www.wqusability.com/handouts/notes&analysis.pdf
https://cdn.pixabay.com/photo/2016/01/15/09/01/paper-
1141308__340.jpg
https://cdn.pixabay.com/photo/2015/07/17/22/42/whiteboard-
849810__340.jpg
https://cdn.pixabay.com/photo/2015/01/08/11/57/pieces-
of-the-puzzle-592798__340.jpg
Note-taking tools and techniques (cont’d)
Topical note https://www.nngroup.com/articles/group-
notetaking/
Affinity diagram (aka KJ Method)
https://uxdict.io/design-thinking-methods-affinity-diagrams-357bd8671ad4
Note-taking tools and techniques (cont’d)
Chronological logs
https://www.nngroup.com/articles/group
-notetaking/
Path analysis
https://www.wqusability.com/handouts/notes&analysis.pdf
What is Visual Data Collection (“VDC”)?
A technique for logging data that includes a visual depiction of the stimuli being
tested with corresponding questions and consistent use of annotations.
A visual depiction of
the stimulus (usually
screenshots of the
prototype)
Pre-defined questions
and responses
• What search term do they use?
• Do they understand what “Roll
the Dice” means?
• Do they mention the ghost text?
What is Visual Data Collection (“VDC”)? (cont’d)
Annotation key
Visual Data Collection Guide: a working example
Task: Search for the latest news on your favorite celebrity.
Home screen
• What search term do they use?
Bruce Willis
• Do they understand what “Roll
the Dice” means?
They had no idea
• Do they mention the ghost text?
No
Search results screen
• How many results do they
expect to view?
…
Annotation Key
A visual depiction of the
stimulus (usually screenshots of
the prototype)
Pre-defined questions and
responses
Bruce Willis
Tally sheet: making connections across participants
Participant 1 Participant 3
Tally Sheet
Challenges with the VDC method
• Prototypes or applications with multiple “happy paths”
become difficult to design guides for.
• With larger sample sizes, you may run out of writing
space on your tally sheets.
• Subject matter without a UI (e.g. exploratory questions)
may require further detail, transcription and coding.
Fun activity time!
Video Demo
Scenario:
The product and design team for a
meal ordering website called
Meal Pilot is interested in conducting
some UX research with potential
customers using an early-phase
prototype.
Participants are asked to complete the
following task:
Today’s Thursday. Order a sushi meal
for Friday’s lunch. Pick it up between
1:15pm-130pm.
Prototype walkthrough “happy path”
https://bloombergux.invisionapp.com/
Video Demo
Scenario:
The product and design team for a
meal ordering website called
Meal Pilot is interested in conducting
some UX research with potential
customers using an early-phase
prototype.
Participants are asked to complete the
following task:
Today’s Thursday. Order a sushi meal
for Friday’s lunch. Pick it up between
1:15pm-130pm.
Time to try it yourself!
Your job will be to take notes using the Visual Data Collection method.
Data collection guides along with annotation keys and pencils are at each of the
tables.
Discussion & Share
Discuss with your partner
● Pair off and compare results!
● Walk-through each other’s notes
● See if you captured similar things
Discuss with your table
● What did you like about the experience? Dislike?
● When would you use this technique? When would you not?
Future directions
● Can this method be useful for summative studies? (usability testing)
● How about research where the stimulus does not have a UI?
(e.g. conversational UIs)
● Can this method prove to be a sustainable way to do research?
Thanks!
Email: michael.a.morgan@gmail.com
Twitter: @mmorganux
LinkedIn: https://www.linkedin.com/in/michael-morgan-mba-ms-cua-945945/
bloomberg.com/ux

More Related Content

Similar to Visual Data Collection: Collecting data through a straw (instead of a firehose)

Visual Data Collection: Collecting data through a straw (instead of a firehose)
Visual Data Collection: Collecting data through a straw (instead of a firehose)Visual Data Collection: Collecting data through a straw (instead of a firehose)
Visual Data Collection: Collecting data through a straw (instead of a firehose)Michael Morgan
 
Data-Driven Design for User Experience
Data-Driven Design for User Experience Data-Driven Design for User Experience
Data-Driven Design for User Experience Emi Kwon
 
User Experience Bootcamp for Developers
User Experience Bootcamp for DevelopersUser Experience Bootcamp for Developers
User Experience Bootcamp for DevelopersCatherine Robson
 
Mozilla Browsing History Design Challenge
Mozilla Browsing History Design ChallengeMozilla Browsing History Design Challenge
Mozilla Browsing History Design ChallengeKatie McCurdy
 
UX Bootcamp - August 2016
UX Bootcamp - August 2016UX Bootcamp - August 2016
UX Bootcamp - August 2016Jacklyn Burgan
 
2016 AR Summer School - Lecture4
2016 AR Summer School - Lecture42016 AR Summer School - Lecture4
2016 AR Summer School - Lecture4Mark Billinghurst
 
Helping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered ProcessHelping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered ProcessZack Naylor
 
Digital learning martin bazley gem conference swansea
Digital learning martin bazley gem conference swanseaDigital learning martin bazley gem conference swansea
Digital learning martin bazley gem conference swanseaMartin Bazley
 
New Ideas for Designing Mobile Web Applications
New Ideas for Designing Mobile Web ApplicationsNew Ideas for Designing Mobile Web Applications
New Ideas for Designing Mobile Web ApplicationsUXPA International
 
UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14Shilpa Thanawala
 
COMP 4026 Lecture3 Prototyping and Evaluation
COMP 4026 Lecture3 Prototyping and EvaluationCOMP 4026 Lecture3 Prototyping and Evaluation
COMP 4026 Lecture3 Prototyping and EvaluationMark Billinghurst
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product ExperiencesJeremy Johnson
 
Session 5 - Measuring UX + Getting Into UX
Session 5  - Measuring UX + Getting Into UXSession 5  - Measuring UX + Getting Into UX
Session 5 - Measuring UX + Getting Into UXLeanna Gingras
 
"Open" includes users - Leverage their input
"Open" includes users - Leverage their input"Open" includes users - Leverage their input
"Open" includes users - Leverage their inputRandy Earl
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design WorkshopPatrick McNeil
 
Bazley Developing And Evaluating Online Resources
Bazley Developing And Evaluating Online ResourcesBazley Developing And Evaluating Online Resources
Bazley Developing And Evaluating Online ResourcesMartin Bazley
 
090511 Appleby Magna Overview Presentation
090511 Appleby Magna Overview Presentation090511 Appleby Magna Overview Presentation
090511 Appleby Magna Overview PresentationMartin Bazley
 

Similar to Visual Data Collection: Collecting data through a straw (instead of a firehose) (20)

Visual Data Collection: Collecting data through a straw (instead of a firehose)
Visual Data Collection: Collecting data through a straw (instead of a firehose)Visual Data Collection: Collecting data through a straw (instead of a firehose)
Visual Data Collection: Collecting data through a straw (instead of a firehose)
 
Maker Boot Camp
Maker Boot CampMaker Boot Camp
Maker Boot Camp
 
Data-Driven Design for User Experience
Data-Driven Design for User Experience Data-Driven Design for User Experience
Data-Driven Design for User Experience
 
User Experience Bootcamp for Developers
User Experience Bootcamp for DevelopersUser Experience Bootcamp for Developers
User Experience Bootcamp for Developers
 
Mozilla Browsing History Design Challenge
Mozilla Browsing History Design ChallengeMozilla Browsing History Design Challenge
Mozilla Browsing History Design Challenge
 
UX Bootcamp - August 2016
UX Bootcamp - August 2016UX Bootcamp - August 2016
UX Bootcamp - August 2016
 
2016 AR Summer School - Lecture4
2016 AR Summer School - Lecture42016 AR Summer School - Lecture4
2016 AR Summer School - Lecture4
 
IA workshop
IA workshopIA workshop
IA workshop
 
Helping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered ProcessHelping Your Company Adopt a User-Centered Process
Helping Your Company Adopt a User-Centered Process
 
Digital learning martin bazley gem conference swansea
Digital learning martin bazley gem conference swanseaDigital learning martin bazley gem conference swansea
Digital learning martin bazley gem conference swansea
 
Parents
ParentsParents
Parents
 
New Ideas for Designing Mobile Web Applications
New Ideas for Designing Mobile Web ApplicationsNew Ideas for Designing Mobile Web Applications
New Ideas for Designing Mobile Web Applications
 
UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14UX Prototyping and Personas 11-14-14
UX Prototyping and Personas 11-14-14
 
COMP 4026 Lecture3 Prototyping and Evaluation
COMP 4026 Lecture3 Prototyping and EvaluationCOMP 4026 Lecture3 Prototyping and Evaluation
COMP 4026 Lecture3 Prototyping and Evaluation
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
 
Session 5 - Measuring UX + Getting Into UX
Session 5  - Measuring UX + Getting Into UXSession 5  - Measuring UX + Getting Into UX
Session 5 - Measuring UX + Getting Into UX
 
"Open" includes users - Leverage their input
"Open" includes users - Leverage their input"Open" includes users - Leverage their input
"Open" includes users - Leverage their input
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
Bazley Developing And Evaluating Online Resources
Bazley Developing And Evaluating Online ResourcesBazley Developing And Evaluating Online Resources
Bazley Developing And Evaluating Online Resources
 
090511 Appleby Magna Overview Presentation
090511 Appleby Magna Overview Presentation090511 Appleby Magna Overview Presentation
090511 Appleby Magna Overview Presentation
 

Recently uploaded

Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionPixel poets
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdffabianavillanib
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxadityakushalsaha
 
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 themmadhavlakhanpal29
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfSudhanshuMandlik
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasanasabutalha2013
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxAlecAnidul
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designerbitwgin12
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyJaime Brown
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 

Recently uploaded (14)

Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
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
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 

Visual Data Collection: Collecting data through a straw (instead of a firehose)

  • 1. Visual Data Collection: Collecting data through a straw (instead of a firehose) Michael Morgan Sr. UX Researcher Bloomberg L.P. https://www.publicdomainpictures.net/en/view-image.php?image=268080&picture=plastic-straws
  • 2. Agenda ● About me ● We collect LOTS of data (and so…) ● Note-taking tools and techniques ● Method details: Visual data collection (or, “VDC” for short) ● Let’s try it out!
  • 3. About Me ● Experience: IT industry for 20 years; UX research for 10. ● Writings: UX research methods and strategy. Columnist for UX Matters. Contributor to Boxes and Arrows, UX Collective, JTBD.info Sr. UX Researcher, Bloomberg LP
  • 5. https://cdn.pixabay.com/photo/2017/07/21/23/14/bag-2527318_960_720.png By Ildar Sagdejev (Specious) [GFDL (http://www.gnu.org/copyleft/fdl.html) or CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0)], from Wikimedia Commons - https://commons.wikimedia.org/wiki/File:2011-02-12_Fire_hydrant_flushing_2.jpg
  • 7. Visual Data Collection (or, VDC for short)  Stay focused on your research goals  Deliver reporting faster  More easily traceable notes Another satisfied stakeholder https://cdn.pixabay.com/photo/2018/09/10/19/21/bulldog- 3667825__340.jpg
  • 8. Note-taking tools and techniques Spreadsheets Airtable Note-taking (free-form) Less structure More structure Physical tools “Power tools” Content of this slide adapted from: https://www.wqusability.com/handouts/notes&analysis.pdf https://cdn.pixabay.com/photo/2016/01/15/09/01/paper- 1141308__340.jpg https://cdn.pixabay.com/photo/2015/07/17/22/42/whiteboard- 849810__340.jpg
  • 10. Note-taking tools and techniques (cont’d) Topical note https://www.nngroup.com/articles/group- notetaking/ Affinity diagram (aka KJ Method) https://uxdict.io/design-thinking-methods-affinity-diagrams-357bd8671ad4
  • 11. Note-taking tools and techniques (cont’d) Chronological logs https://www.nngroup.com/articles/group -notetaking/ Path analysis https://www.wqusability.com/handouts/notes&analysis.pdf
  • 12. What is Visual Data Collection (“VDC”)? A technique for logging data that includes a visual depiction of the stimuli being tested with corresponding questions and consistent use of annotations. A visual depiction of the stimulus (usually screenshots of the prototype) Pre-defined questions and responses • What search term do they use? • Do they understand what “Roll the Dice” means? • Do they mention the ghost text?
  • 13. What is Visual Data Collection (“VDC”)? (cont’d) Annotation key
  • 14. Visual Data Collection Guide: a working example Task: Search for the latest news on your favorite celebrity. Home screen • What search term do they use? Bruce Willis • Do they understand what “Roll the Dice” means? They had no idea • Do they mention the ghost text? No Search results screen • How many results do they expect to view? … Annotation Key A visual depiction of the stimulus (usually screenshots of the prototype) Pre-defined questions and responses Bruce Willis
  • 15. Tally sheet: making connections across participants Participant 1 Participant 3 Tally Sheet
  • 16. Challenges with the VDC method • Prototypes or applications with multiple “happy paths” become difficult to design guides for. • With larger sample sizes, you may run out of writing space on your tally sheets. • Subject matter without a UI (e.g. exploratory questions) may require further detail, transcription and coding.
  • 18. Video Demo Scenario: The product and design team for a meal ordering website called Meal Pilot is interested in conducting some UX research with potential customers using an early-phase prototype. Participants are asked to complete the following task: Today’s Thursday. Order a sushi meal for Friday’s lunch. Pick it up between 1:15pm-130pm.
  • 19. Prototype walkthrough “happy path” https://bloombergux.invisionapp.com/
  • 20. Video Demo Scenario: The product and design team for a meal ordering website called Meal Pilot is interested in conducting some UX research with potential customers using an early-phase prototype. Participants are asked to complete the following task: Today’s Thursday. Order a sushi meal for Friday’s lunch. Pick it up between 1:15pm-130pm.
  • 21. Time to try it yourself! Your job will be to take notes using the Visual Data Collection method. Data collection guides along with annotation keys and pencils are at each of the tables.
  • 22. Discussion & Share Discuss with your partner ● Pair off and compare results! ● Walk-through each other’s notes ● See if you captured similar things Discuss with your table ● What did you like about the experience? Dislike? ● When would you use this technique? When would you not?
  • 23. Future directions ● Can this method be useful for summative studies? (usability testing) ● How about research where the stimulus does not have a UI? (e.g. conversational UIs) ● Can this method prove to be a sustainable way to do research?
  • 24. Thanks! Email: michael.a.morgan@gmail.com Twitter: @mmorganux LinkedIn: https://www.linkedin.com/in/michael-morgan-mba-ms-cua-945945/ bloomberg.com/ux