how participant observation makes for killer web design
DESCRIPTION
This is a talk given at the first WooConference in San Fransisco. Anthropological tools can help you craft a website that get to the heart of client stories and craft websites that are strong reflections of their brand.TRANSCRIPT
![Page 1: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/1.jpg)
![Page 2: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/2.jpg)
![Page 3: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/3.jpg)
![Page 4: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/4.jpg)
ANTHROPOLOGY
![Page 6: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/6.jpg)
![Page 8: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/8.jpg)
![Page 9: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/9.jpg)
![Page 10: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/10.jpg)
Qualitative Research
Gather an in-depth understanding of human behavior and the reasons that
govern behavior.
![Page 11: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/11.jpg)
![Page 12: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/12.jpg)
![Page 13: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/13.jpg)
Participant Observation
A way of learning about a culture, involving both observing and participating.
![Page 14: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/14.jpg)
![Page 16: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/16.jpg)
A story…
![Page 17: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/17.jpg)
5 Types of Participant Observation
1 Non-
participatory
2 Passive
3 Moderate
4 Active
5 Complete
![Page 18: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/18.jpg)
5 Types of Participant Observation
1 Non-
participatory
2 Passive
3 Moderate
4 Active
5 Complete
![Page 19: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/19.jpg)
5 Types of Participant Observation
1 Non-
participatory
2 Passive
3 Moderate
4 Active
5 Complete
![Page 20: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/20.jpg)
5 Participant Observation
Tools
![Page 21: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/21.jpg)
Direct Observation
PARTICIPANT OBSERVATION TOOL #1
![Page 22: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/22.jpg)
Eat the Food
![Page 23: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/23.jpg)
Drink the Drink
![Page 24: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/24.jpg)
Wear the Suit
![Page 25: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/25.jpg)
Informal interviews
PARTICIPANT OBSERVATION TOOL #2
![Page 26: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/26.jpg)
Grab Lunch
![Page 27: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/27.jpg)
Grab Drinks
![Page 28: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/28.jpg)
Write a Blog
![Page 29: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/29.jpg)
Produce a Podcast
![Page 30: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/30.jpg)
participate in group life
PARTICIPANT OBSERVATION TOOL #3
![Page 31: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/31.jpg)
Visit
![Page 32: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/32.jpg)
Join Rituals
![Page 33: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/33.jpg)
Show Up to Events
![Page 34: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/34.jpg)
Life histories
PARTICIPANT OBSERVATION TOOL #4
![Page 35: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/35.jpg)
Listen
![Page 36: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/36.jpg)
Read
![Page 37: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/37.jpg)
Read More
![Page 38: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/38.jpg)
Self analysis
PARTICIPANT OBSERVATION TOOL #5
![Page 39: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/39.jpg)
What Did You Do
![Page 40: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/40.jpg)
How Do You Feel?
![Page 41: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/41.jpg)
Why Would You Return?
![Page 42: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/42.jpg)
ANTHROPOLOGY +
WEB DESIGN = ♥
![Page 43: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/43.jpg)
1 Dolcezza Gelato
![Page 44: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/44.jpg)
![Page 45: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/45.jpg)
![Page 46: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/46.jpg)
![Page 47: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/47.jpg)
– Robb Duncan, Dolcezza
“It is never easy to put your vision into someone else’s hands and have the
results surpass the expectations, but this is exactly how things went down with Needmore designing our website.”
![Page 48: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/48.jpg)
2 De La Paz Coffee
![Page 49: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/49.jpg)
![Page 50: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/50.jpg)
![Page 51: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/51.jpg)
![Page 52: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/52.jpg)
![Page 53: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/53.jpg)
![Page 54: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/54.jpg)
![Page 55: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/55.jpg)
![Page 56: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/56.jpg)
![Page 57: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/57.jpg)
3 Picky Bars
![Page 58: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/58.jpg)
![Page 59: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/59.jpg)
![Page 60: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/60.jpg)
![Page 64: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/64.jpg)
![Page 65: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/65.jpg)
![Page 66: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/66.jpg)
![Page 67: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/67.jpg)
“I just rejoined the picky club last night…I was blown away by the
new site. WOW!”
Photo Credit: http://instagram.com/p/tApPMqgn0Z
![Page 68: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/68.jpg)
Why Does it Matter?
![Page 69: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/69.jpg)
😐customer
![Page 70: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/70.jpg)
😐+☕️product
![Page 71: How Participant Observation Makes for Killer Web Design](https://reader030.vdocuments.site/reader030/viewer/2022013011/559ec34f1a28ab45038b47a8/html5/thumbnails/71.jpg)
😐+☕️=😍