32
UX DESIGN WITH DISTRIBUTED TEAMS how to ideate, prototype & research together remotely Johannes Baeck - @jbaeck - johannesbaeck.com UX Camp Hamburg - August 2015

UX Design With Distributed Teams

Embed Size (px)

Citation preview

Page 1: UX Design With Distributed Teams

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

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

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

Lately, I have been working more and more with distributed teams

London Hannover

San Francisco

New York

Page 5: UX Design With Distributed Teams

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

My recent experience with distributed teams has been quite good!

!

Page 7: UX Design With Distributed Teams

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

Some all-distributed startups have been designing great products

Page 9: UX Design With Distributed Teams

So how can we make user experience design with distributed teams work?

?

Page 10: UX Design With Distributed Teams

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

Planning & Ideation with Distributed Teams

Page 12: UX Design With Distributed Teams

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

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

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

Prototyping & Design with Distributed Teams

https://flic.kr/p/89qQcz

Page 16: UX Design With Distributed Teams

Hovering ADs

hoveringartdirectors.tumblr.com

Page 17: UX Design With Distributed Teams

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

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

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

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

User Research & Testing with Distributed Teams

Page 22: UX Design With Distributed Teams

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

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

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

Communication & Team Work with Distributed Teams

https://flic.kr/p/bra8Y4

Page 26: UX Design With Distributed Teams

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

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

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

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

But why should I care? Let’s just avoid working with distributed teams altogether…

?

Page 31: UX Design With Distributed Teams

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

Thanks!

Let’s connect

• twitter.com/jbaeck

• xing.to/jbaeck

• de.linkedin.com/in/johannesbaeck