UX as a Team Sport
-
Upload
shawn-pucknell -
Category
Internet
-
view
177 -
download
0
Transcript of UX as a Team Sport
![Page 2: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/2.jpg)
![Page 3: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/3.jpg)
![Page 4: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/4.jpg)
![Page 5: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/5.jpg)
![Page 6: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/6.jpg)
PROJECT HOURS
WorkDamage control
:(
![Page 7: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/7.jpg)
THE EPIC PROCESS FAIL
![Page 8: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/8.jpg)
Collaboration
![Page 9: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/9.jpg)
As designers, we don’t always control the project’s process
![Page 10: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/10.jpg)
But we can choose how we work
![Page 11: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/11.jpg)
FIVE COLLABORATIVE
TECHNIQUES
![Page 12: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/12.jpg)
Why is collaboration
important?
![Page 13: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/13.jpg)
Why is collaboration
important?
KNOWLEDGE
![Page 14: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/14.jpg)
Why is collaboration
important?DESIGN THINKING
KNOWLEDGE
![Page 15: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/15.jpg)
Being involved from the beginning gives me a
greater sense of ownership over a project. I'm not
just implementing a drawing someone hands
me, I'm helping real people solve real problems…M AT T W O N D R A , S E N I O R D E V E L O P E R , A P A R T M E N T T H E R A P Y
![Page 16: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/16.jpg)
…This not only makes me happier in my work, it
also motivates me to make sure every detail is
done just right.
M AT T W O N D R A , S E N I O R D E V E L O P E R , A P A R T M E N T T H E R A P Y
![Page 17: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/17.jpg)
EMPATHY MAPPINGTECHNIQUE #1
![Page 18: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/18.jpg)
![Page 19: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/19.jpg)
FEATURE FIRST
![Page 20: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/20.jpg)
FEATURE FIRST PEOPLE FIRST
![Page 21: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/21.jpg)
Getting teammates with different backgrounds
together was incredibly valuable. We surfaced far
more insights and arrived at more robust
prototype ideas together than any of us could
have done by ourselvesB R YA N R A H I J A , S E N I O R P R O D U C T M A R K E T I N G M A N A G E R , E T S Y
![Page 22: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/22.jpg)
Image from Gamestorming.
![Page 23: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/23.jpg)
Image from “How to Use Persona Empathy Mapping” by Nikki Knox
![Page 24: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/24.jpg)
Empathy maps ftw
![Page 25: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/25.jpg)
5 min Intro
5 min Review user profile
5 min Introduce scenarios
10 min Individually write sticky notes for do/think/feel
15 min Share notes with team
5 min Thematically group findings
15 min Present back to larger group
EMPATHY MAPPING AGENDA
![Page 26: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/26.jpg)
Review user profile
5 MIN
![Page 27: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/27.jpg)
User profile overview
$2456^ fake data
![Page 28: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/28.jpg)
Introduce scenarios
5 MIN
![Page 29: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/29.jpg)
29
EMPATHY MAP SCENARIO 1
Robbi sells her original paintings on Etsy. After a strong year of sales, she decides to create a line of tote bags with her art. She places an order with
a local screenprinter and has to list 5 different totes in her store.
69
![Page 30: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/30.jpg)
Do/think/feel
10 MIN
![Page 31: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/31.jpg)
REGISTERING FOR SPOTLIGHT UX
DO
FEEL
THINK
• See email from FITC
• Look at conference website
• Read speaker abstracts and bios
• Ask manager for budget
• Get company credit card from office manager
• Purchase ticket
• Add event to Google calendar
• How much are tickets?
• Can I convince my manager to let me go?
• Will the speakers be relevant to me?
• Ok, this looks right up my alley
• Nervous. Hate asking manager for budget
• Relieved, conversation was easy
• Excited! Purchased my ticket!
![Page 32: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/32.jpg)
Share and summarize notes
20 MIN
![Page 33: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/33.jpg)
![Page 34: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/34.jpg)
EMPATHY MAPPING
• Establishes people-first approach
• Uncovers pain points and opportunities
• Creates buy-in from team
![Page 35: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/35.jpg)
RESEARCH DEBRIEFTECHNIQUE #2
![Page 36: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/36.jpg)
![Page 37: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/37.jpg)
DESIGNER
DEVELOPERS
PRODUCT MANAGER
ETSY MANUFACTURING
BUSINESS MANAGER
MARKETING MANAGER
![Page 38: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/38.jpg)
ETSY MANUFACTURING
RESEARCH TEAM
DESIGNER
DEVELOPERS
PRODUCT MANAGER
BUSINESS MANAGER
MARKETING MANAGER
![Page 39: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/39.jpg)
![Page 40: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/40.jpg)
![Page 41: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/41.jpg)
Making research insights stick
![Page 42: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/42.jpg)
5 min Intro
20 min Read through transcripts
10 min Write “how might we” statements
10 min Share notes with team
5 min Thematically group findings
10 min Discuss and decide on top priorities
RESEARCH DEBRIEF AGENDA
![Page 43: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/43.jpg)
Read through transcripts
20 MIN
![Page 44: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/44.jpg)
Write “how might we” statements
10 MIN
![Page 45: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/45.jpg)
![Page 46: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/46.jpg)
Share notes with team
10 MIN
![Page 47: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/47.jpg)
![Page 48: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/48.jpg)
RESEARCH DEBRIEF
• Synthesize research and uncover key insights as a team
• Reduce burden of documentation
• Make research results sticky
![Page 49: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/49.jpg)
![Page 50: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/50.jpg)
SKETCH STUDIOTECHNIQUE #3
![Page 51: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/51.jpg)
![Page 52: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/52.jpg)
Include the full team
![Page 53: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/53.jpg)
UX
UI ENGINEER
![Page 54: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/54.jpg)
Keep it focused
![Page 55: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/55.jpg)
Come prepared
![Page 56: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/56.jpg)
![Page 57: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/57.jpg)
A Feature Brief establishes the sketch studio’s priorities
![Page 58: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/58.jpg)
Sketch. Erase. Repeat.
![Page 59: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/59.jpg)
![Page 60: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/60.jpg)
![Page 61: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/61.jpg)
![Page 62: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/62.jpg)
Capture decisions
![Page 63: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/63.jpg)
![Page 64: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/64.jpg)
SKETCH STUDIO
• Iterate & test ideas in real-time
• Build a shared understanding
• Create a sense of ownership
![Page 65: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/65.jpg)
CRITIQUE, OFTENTECHNIQUE #4
![Page 66: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/66.jpg)
Team-wide critiques
![Page 67: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/67.jpg)
Review your designs early and often with a broad team
![Page 68: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/68.jpg)
“Wow, this design looks really nice. You obviously spent a lot of time on this. Unfortunately, we can’t build it.”
![Page 69: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/69.jpg)
When the developer is involved in the process, they
can warn about parts that are harder to implement. B R I A N WA LT E R S , F R O N T-E N D D E V E L O P E R , P I X O
![Page 70: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/70.jpg)
Informal critiques
![Page 71: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/71.jpg)
![Page 72: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/72.jpg)
CRITIQUE, OFTEN
• Get feedback from a broad audience
• Make sure our designs can be built
• Push ourselves to innovate
![Page 73: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/73.jpg)
TWEAK CODETECHNIQUE #5
IT’S OK! YOU CAN DO IT!
![Page 74: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/74.jpg)
TWEAK ALL THE CODE!
![Page 75: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/75.jpg)
![Page 76: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/76.jpg)
![Page 77: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/77.jpg)
I love when designers actively help implement
their vision.L E O N I D G R I N B E R G , D E V E L O P E R , T H E N E W YO R K T I M E S
![Page 78: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/78.jpg)
![Page 79: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/79.jpg)
The right tools
1
![Page 80: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/80.jpg)
![Page 81: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/81.jpg)
![Page 82: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/82.jpg)
Version control
2
![Page 83: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/83.jpg)
![Page 84: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/84.jpg)
designer + developer = awesome
![Page 85: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/85.jpg)
TWEAK CODE
• Iterating a design in code can be hugely valuable
• So. much. more. satisfying.
• Creates a stronger relationship with developers
![Page 86: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/86.jpg)
WORK IN PARALLELPROCESS (BONUS!)
![Page 87: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/87.jpg)
![Page 88: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/88.jpg)
RESEARCH
UX
UI
DEVELOPMENT
QA
![Page 89: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/89.jpg)
Communication
PROBLEM #1
![Page 90: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/90.jpg)
RESEARCH
UX
UI
DEVELOPMENT
QA
![Page 91: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/91.jpg)
RESEARCH
UX
UI
DEVELOPMENT
QA
![Page 92: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/92.jpg)
Iteration
PROBLEM #2
![Page 93: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/93.jpg)
RESEARCH
UX
UI
DEVELOPMENT
QA
![Page 94: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/94.jpg)
RESEARCH
UX
UI
DEVELOPMENT
QA
![Page 95: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/95.jpg)
Documentation. Ugh.
PROBLEM #3
![Page 96: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/96.jpg)
RESEARCH
UX
UI
DEVELOPMENT
QA
![Page 97: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/97.jpg)
![Page 98: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/98.jpg)
WORK IN PARALLEL
• Encourages communication
• Allows you to respond to project needs
• Reduces burden of documentation
![Page 99: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/99.jpg)
A delightful end experience is the fruit of thoughtful
UX, elegant UI, smooth front-end, reliable back-end,
and many caregivers throughout the making processK U A N L U O , P R O D U C T D E S I G N E R , C O C K R O A C H
![Page 100: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/100.jpg)
TECHNOLOGY DOESN’T MAKE PRODUCTS.
PEOPLE DO.
![Page 101: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/101.jpg)
ALRIGHT, STOP
COLLABORATE AND LISTEN
![Page 102: UX as a Team Sport](https://reader035.fdocuments.net/reader035/viewer/2022062600/58d169031a28aba3468b62ed/html5/thumbnails/102.jpg)
Whatever tool or method you use, let it be one that empowers your team and allows them to be true partners.