UX Design With Distributed Teams
-
Upload
johannes-baeck -
Category
Design
-
view
1.922 -
download
0
Transcript of UX Design With Distributed Teams
![Page 1: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/1.jpg)
UX DESIGN WITH DISTRIBUTED TEAMShow to ideate, prototype & research together remotely
Johannes Baeck - @jbaeck - johannesbaeck.com
UX Camp Hamburg - August 2015
![Page 2: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/2.jpg)
Hi, I'm Johannes
• M.A. International Information Management
• UX Consultant & Designer at usability.de (before: Aperto Berlin, IBM)
• Lecturer User-centered Designat the University of Hildesheim
• UX Design Mentor at CareerFoundry
• Maker of Music at the piano and with my ukulele
@jbaeck
![Page 3: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/3.jpg)
Lately, I have been working more and more with distributed teams
Hannover
Berlin Pune
Hamburg
Fürth
Nürnberg
![Page 4: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/4.jpg)
Lately, I have been working more and more with distributed teams
London Hannover
San Francisco
New York
![Page 5: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/5.jpg)
And yes I have been in awful conference calls
“A conference call in real life”https://youtu.be/DYu_bGbZiiQ
![Page 6: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/6.jpg)
My recent experience with distributed teams has been quite good!
!
![Page 7: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/7.jpg)
There are many types of distribution
All distributedOne/some remote Teams in different locations
inspired by James Kalbach (http://blog.mural.ly/remote-design-collaboration-survey-results-part-1/)
![Page 8: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/8.jpg)
Some all-distributed startups have been designing great products
![Page 9: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/9.jpg)
So how can we make user experience design with distributed teams work?
?
![Page 10: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/10.jpg)
Let’s have a closer look at our process
User Research & Testing
Planning & IdeationPrototyping & Design
Communication& Team Work
![Page 11: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/11.jpg)
Planning & Ideation with Distributed Teams
![Page 12: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/12.jpg)
Ideation sessions using shared virtual whiteboards
Distributed agency Hanno uses virtual sticky notes in mural.ly for remote design thinking ideation sessions.
https://logbook.hanno.co/remote-design-thinking-with-murally/
![Page 13: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/13.jpg)
Designers at EightShapes use document cameras and screen sharing to see what their teammate is sketching in real time.
Sharing paper sketches remotely with document cameras
http://www.eightshapes.com/blog/2011/08/19/sharing-sketches-remotely/
![Page 14: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/14.jpg)
Co-located workshops as a starting point for remote collaboration
An effective design studio session at the beginning of a project can set the stage for further remote team work.
![Page 15: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/15.jpg)
Prototyping & Design with Distributed Teams
https://flic.kr/p/89qQcz
![Page 16: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/16.jpg)
Hovering ADs
hoveringartdirectors.tumblr.com
![Page 17: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/17.jpg)
fallback when nothing else works out
Show, don’t tell — always have a flexible screen sharing stack available
for this one corporate client
standard for internal use
new standard for corporate clients?
MY CURRENT SETUP
![Page 18: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/18.jpg)
Let stakeholders directly interact with the design you are talking about
InVision LiveShare gives every participant a cursor and the possibility to directly comment inside the design layout
![Page 19: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/19.jpg)
Axure Team Projects make both remote and non-remote work easier
Axure Team Projects let designers work together in one file with version control.
![Page 20: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/20.jpg)
Set up a workable spec workflow and adapt to developer tools
UX Design Team
Dev TeamProduct
Management
EXAMPLE SETUP
JIRA Agile Board for functional spec
and clarification
Confluence Wiki for requirements and research data
Hosted Axure prototype incl. visual design spec
with version history
![Page 21: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/21.jpg)
User Research & Testing with Distributed Teams
![Page 22: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/22.jpg)
Why remote user research?
• Reach globally distributed users in their natural environment
• Save time and money (do more iterations)
• Have more research tools in your toolbox
• Moderated (e.g. screen-sharing)
• Self-moderated / Automated (e.g. usertesting.com)
• Diary studies
![Page 23: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/23.jpg)
Involve remote stakeholders by streaming research sessions
Dubai
Stakeholder Location D
Test Participant Location B
User Researchers Location A
Stakeholders Location E
Scr
een
Sh
arin
g
Streaming
![Page 24: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/24.jpg)
Before you start with remote research
• Know your audience(are they tech-savvy? how well do they speak your language?)
• Prepare for technology and connectivity issues
• People may behave differently remotely (scheduling: people less committed to being there, trust: “can you control my computer?”)
• Combine with contextual interviews or lab usability tests for better results — if possible
![Page 25: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/25.jpg)
Communication & Team Work with Distributed Teams
https://flic.kr/p/bra8Y4
![Page 26: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/26.jpg)
Be aware of your remote constellation and deliberately rethink your process
- Leif Singer (iDoneThis)
On a high level I think just being aware that you need to have a remote strategy is important. Don't assume that things will work the same as in a colocated situation. Don't assume that it will just work. Try to communicate more than you'd actually need to. Commit fully, or not at all.
http://www.pajamas.io/leif-singer-idonethis/
![Page 27: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/27.jpg)
Learn to choose your mode of communication wisely
Mail / IM / JIRA
Audio Call
Video Call
Co-located Workshop
Building trust and relationships
Exploring big ideas
Tackling complex problems
Getting “routine” work done
Following a “maker schedule”
Clarifying urgent issues
![Page 28: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/28.jpg)
Build and keep connections
Virtual presence Sqwiggle shows a snapshot of
each team member which updates throughout the day
In-person meetups Distributed team at Zapier
on a company retreat
https://zapier.com/learn/the-ultimate-guide-to-remote-working/how-build-culture-remote-team / www.sqwiggle.com
![Page 29: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/29.jpg)
Balance remote / non-remote meetings — prepare & facilitate!
- Jason Fried (Basecamp)
By rationing in-person meetings, their status is evaluated to that of a rare treat. They become something to be savored, something special.
http://37signals.com/remote/
![Page 30: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/30.jpg)
But why should I care? Let’s just avoid working with distributed teams altogether…
?
![Page 31: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/31.jpg)
Why thinking about your remote ux process might prove useful
• You might not be able to avoid working remotely - so make the most of it!
• You get access to more users for user research and you can involve more stakeholders
• Your process becomes more flexible — do more iterations (e.g. ideation sessions)
![Page 32: UX Design With Distributed Teams](https://reader031.fdocuments.net/reader031/viewer/2022030311/58ee7efa1a28ab1c6f8b467b/html5/thumbnails/32.jpg)
Thanks!
Let’s connect
• twitter.com/jbaeck
• xing.to/jbaeck
• de.linkedin.com/in/johannesbaeck