![\"Map](\"https:\/\/blog.mozilla.org\/ux\/files\/2020\/06\/Firefox-UX-Map.png\")
The content strategists, designers, and researchers on the Firefox UX team span many time zones.<\/p><\/div>\n
That said, remote collaboration still has its challenges. When you\u2019re not in the same room with your teammates \u2014 or even the same time zone \u2014 problem solving and iterating together might not come as naturally. Don\u2019t get discouraged. It can be done, and done well.<\/p>\n
We recently built a prototype for the Firefox Private Network extension<\/a>. Fast iteration on the current experience was needed to introduce new functionality. The challenge? Our content strategist was based in Chicago, and our interaction designer was 7 hours ahead in Berlin. Here’s how we came together to co-design the prototype despite the time zone challenges.<\/p>\n You have a deadline. You have a general idea of what you need to do to get there. You\u2019re enthusiastic and ready to go. But wait! Don\u2019t get started just yet.<\/p>\n First, schedule time with your teammate. Grab a cup of coffee (if you\u2019re Betsy) or espresso (if you\u2019re Emanuela). Talk about how you plan to work together. By building a set of shared expectations at the outset, you can minimize confusion and frustration later.<\/p>\n Betsy is just starting her day in Chicago while it’s afternoon for Emanuela in Berlin.<\/p><\/div>\n Here are a few questions to help guide this conversation.<\/p>\n Even though we had already worked together, we came up with a set of guidelines to best approach this specific challenge. The important part is that you align as a team about your approach. You can always fine-tune as you go.<\/p>\n Our task was to make significant functionality changes to an existing experience for the Firefox Private Network extension. We agreed on these tools and process.<\/p>\n Now we were ready to get to work!<\/p>\n It\u2019s easy to quickly build trust when you work together in the same physical space. You can better read how the other person is reacting to your ideas. You ideate, sketch, and design together at the same time.<\/p>\n To best replicate this trust building when working independently in different time zones, we used Miro as a shared collaboration workspace. We agreed to put concepts on the board before they truly felt \u201cdone.\u201d This allowed us to share our thinking as it evolved and prevented our efforts from becoming too siloed. When each of us started our work day, the board looked a lot different than it had our previous evening.<\/p>\n We could then bounce ideas back and forth, just as we would have done when sitting in the same room sketching together. We each added stickies, product screenshots, and wireframes to visualize our ideas. Content and design were so closely knit throughout that we found ourselves contributing ideas in both domains.<\/p>\n Because there are 7 hours between us, we weren\u2019t always able to work together at the same time. We both did quite a bit of work on our own time. Then we\u2019d come together and sync up. We converged and diverged frequently throughout the project.<\/p>\n Inevitably, you might be a little confused by a design or copy decision the other person made during their solo work time, then placed on your shared board. This is totally natural. If you don\u2019t understand something, just ask for clarification. Nicely. The next time you meet on Zoom, you can talk it out.<\/p>\n If you decide to take things in a little of a different direction, take the extra few minutes to write down your rationale and share that back with your teammate. It\u2019s the equivalent of explaining your thinking out loud.<\/p>\n Yes, over-communicating takes a bit of extra work, but in our experience it doesn\u2019t slow you down. This exercise actually helps you crystallize your thinking and will come in handy later if you need to explain the \u201cwhy\u201d behind your decisions to stakeholders.<\/p>\n We would do a lot of quick check-ins on Zoom, but these were never pre-scheduled or official meetings. During the few hours our time zones overlapped, our chats were mostly spontaneous, quick, and informal. We would often drum up a Zoom meeting directly from Slack.<\/p>\n We usually checked in with each other when Betsy came online in the morning, then again before Emanuela signed off for the day. Even with a tight deadline, we stayed in sync every step of the way and laid the foundation for a strong, trusting partnership.<\/p>\n This post was originally published on Medium<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":" Even in the \u201cbefore\u201d times, the Firefox UX team was distributed across many different time zones. Some of us already worked remotely from our home offices or co-working spaces. Other … Read more<\/a><\/p>\n","protected":false},"author":1625,"featured_media":4394,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9595,9575,103],"tags":[52921],"coauthors":[440641,52916],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/4393"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/users\/1625"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/comments?post=4393"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/4393\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/media\/4394"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/media?parent=4393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/categories?post=4393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/tags?post=4393"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/coauthors?post=4393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Align on your goals and working process.<\/h2>\n
![\"Screenshot](\"https:\/\/blog.mozilla.org\/ux\/files\/2020\/06\/ZoomCollab.png\")
\n
The process we defined for our asynchronous collaboration.<\/h3>\n
\n
Share your ideas early and often to build trust.<\/h2>\n
Ask clarifying questions and over-communicate your thinking.<\/h2>\n
Allow space for spontaneous chats and check-ins.<\/h2>\n