This article was published on July 23, 2020

How to perfect remote UX workshops for your team


How to perfect remote UX workshops for your team

Update: This article was originally published on the Toptal Design Blog and includes some outdated examples (RealtimeBoard has rebranded to Miro and with a new UI, Murally now being called Mural).

Today’s best designers are more than creators; they’re facilitators. In an increasingly multidisciplinary, collaborative, and creative process that includes many participants, they act as conductors who align and inspire the team to give their best.

UX workshops are probably one of the best ways to put this into practice. The rise of ideologies like Design Thinking, Lean UX, and Design Sprints have turned UX workshops into a necessity, and for designers, the ability to facilitate a design workshop is a highly desirable skill.

A UX workshop consists of inviting your team (other designers, developers, product managers, etc.) into a conference room, putting together an agenda around a goal (e.g., prototype a new product functionality), and coming up with some collaborative techniques, like brainstorming and sketching. You will achieve better results by doing this than by trying to manage everything yourself—and as an added bonus, cultivate a more engaged, motivated team.

remote UX workshop

The 💜 of EU tech

The latest rumblings from the EU tech scene, a story from our wise ol' founder Boris, and some questionable AI art. It's free, every week, in your inbox. Sign up now!

Imagine doing this with remote team members across a wide geographic area with no face-to-face communication in a situation where technical issues are very likely to occur. If conducting a design workshop with a co-located team (everyone in the same physical place) is already challenging, its remote version can be a real frustration and a waste of time if you ignore critical, tried-and-true facilitation techniques.

Let’s look at some time-tested practices that will help make a remote UX workshop run smoothly. We’ll also look into what happens before, during, and after, and some of the pitfalls you should look out for.

So, what do you do before the workshop?

Define participant roles and get help

Planning and facilitating a remote design workshop requires preparation and collaboration. It’s a good idea to delegate some tasks to others. This will help avoid bottlenecks and any unpleasant surprises during the workshop—like having to collect notes and explain the next steps simultaneously.

There are two roles that work together in the running of a remote UX workshop: the workshop leader and the local assistant:

The workshop leader and facilitator

This is the person (most likely you) who, among other things, will “run the show,” manage workshop collaboration and timing, set the pace for the activities, and keep participants engaged. Your primary mission is to help the team be productive and keep the workshop flowing. Be a servant leader. Depending on the remote workshop technique, you can also participate (for instance, you could lead a prototyping session and sketch at the same time).

The local assistant

Given that the facilitator can only be in one place at a time, each of the remote locations should have a local assistant who can contribute along with the rest of the team. It’s important to have someone on the other side to:

  • Take care of logistics (book a conference room, schedule the workshop with the participants, etc.)
  • Arrange the room and set up the remote tech (see below)
  • Get materials and supplies (Sharpies, Post-its, notepads, etc.)
  • Help to run the workshop

A remote UX workshop assistant makes things run smoothly during a UX workshop.
A remote workshop assistant makes things run smoothly during a UX workshop.

Set up the room and test the tech in advance

Nothing is more frustrating than having a great discussion or idea generation interrupted by a lost connection, a screen sharing glitch, an excessive echo in the room, or the realization that you can’t see the details of the sketch your colleague did on paper and is fruitlessly positioning in front of the camera for you to view and give feedback on. This list can be a long one.

Despite the fact that a remote UX workshop’s ultimate performance greatly depends on the tech and the room, many of us still take for granted that it will all work out. This assumption can be dangerous. While it’s probably not possible to run a perfect UX workshop, with a bit of planning and enough testing, you can avoid most of the negative surprises. Make sure that you have:

  1. A stable internet connection and a backup. In addition to your primary internet connection, secure a mobile network as a backup. Most of the today’s 3G / 4G networks support video conference at acceptable levels. Be prepared to quickly switch to your mobile connection if needed, and be sure to test it beforehand!
  2. A quiet, comfortable, well-illuminated room. As much as possible try to avoid things like echo, interruption from others, hard light (for example from open windows which is disastrous for cameras), reflection on whiteboards, or too much darkness. If anyone is participating from a shared space (like a regular office room or a coworking situation), be sure there are rules for noise and interruptions when a meeting is in progress. For example, in my previous job, we turned off some of the lights so that anyone suddenly entering the room knew that a remote meeting was taking place.
  3. Appropriate video conferencing equipment. There are tons of specific solutions today that satisfy different needs and budgets. For a one-person setup, a headset with microphone and the HD camera in modern laptops may be enough. For conference rooms (and desktop computers), check this online tool to find the best video conferencing solution for your team.
  4. The right collaboration software. For remote UX workshops, it’s critical to have great video conferencing, file sharing and screen-sharing software. Several solutions offer everything in one place, like Google Hangouts, Slack, and Zoom. My preference for video conferencing and screen sharing is Zoom (by far), mostly due to the awesome video quality, but I recommend taking a look at some software reviews to decide for yourself.

Finally, once you’ve checked the above items on your list, be sure to test everything well before the workshop. Then, test again if you can.

Be realistic when facilitating a UX workshop

Plan ahead with your local assistant and decide which workshop techniques and tools you will use for the results you want to achieve.

  1. Explain and practice the techniques with the local assistant beforehand, so that you are in sync during the workshop.
  2. It’s important to calculate the time for each task accurately—don’t be too optimistic when estimating activity durations. Err on the side of allowing too much time.
  3. Schedule breaks so that participants can refocus their energies.
  4. Finally, plan some time for fixing potential technical problems and other issues that may come up during the workshop (5 minutes per task is fine). They will happen.

remote UX workshops can be very challenging

Now, what should you do during the workshop?

Balance digital and physical tools

One of the most difficult challenges when running a remote UX workshop is to find an ideal mix of digital and physical tools. It’s a delicate balance, as both have their advantages and disadvantages; one needs to choose wisely.

The goal is to keep the workshop flowing while efficiently processing the data stream (content) it generates. You want the team to generate ideas quickly, but you also want to get the most out of those ideas by processing them in a way that achieves maximum productivity (grouping, merging, splitting, prioritizing, etc.). Here are two different strategies for this combination:

Workshop approach 1: Mostly non-digital artifacts

This approach applies when creating most artifacts “analogically” by using pen+paper and digitizing it later by scanning or taking photos. This approach is most appropriate when:

  1. Most of the team is in one location (only a few participants are remote)
  2. You want to take advantage of the speed and freedom of content that is generated by hand (sketches, Post-its, etc.)
  3. The cost of digitizing and sorting the information captured is low, i.e., you don’t have to modify or process the content generated overmuch (summarize, rewrite, etc.)

For example, in a workshop concept called “design studio,” session participants can quickly sketch by hand, capture images with their mobile and share via Dropbox or Slack. Another example is a short ideation session where you have just a few Post-its to prioritize (less than 20), and someone can quickly type the Post-it notes into a spreadsheet for easier sorting and prioritization.

Sketching and sharing using messaging apps in remote UX workshops
Sketching and sharing using messaging apps (Slack) in remote UX workshops.

Naturally, there are some drawbacks to this approach:

  1. The risk of losing access to things you don’t digitize. Imagine that weeks or months later you need to revisit the subject—you remember it was discussed, but can’t find any scans or photos. Unless you took the time to store the post-its, keep them organized and accessible, this is not a desirable scenario.
  2. With digitized artifacts, one doesn’t have the ability to “copy, paste, undo, duplicate, sort,” etc. easily, which hinders productivity.

Workshop approach 2: Mostly digital artifacts

Use this approach when using digital tools to create and manage workshop generated content (like virtual boards and online spreadsheets). This approach is most appropriate when:

  1. You want to keep everything that was created (findings, ideas, sketches, etc.) easily accessible
  2. You want to edit and reorganize content quickly (copy+paste, duplicate, filter, sort, number, prioritize, e.g., as in a spreadsheet format)
  3. The team is mostly remote

A good example for using this workshop approach is when the team is creating affinity diagrams, empathy maps, or user journeys using virtual boards.

Digital tools such as virtual boards help UX workshop efficiency
Online virtual boards (Realtimeboard, Muraly or Sketchboard) help UX workshop efficiency

Another scenario that works with this approach is when you need to collect ideas in ideation sessions. Instead of Post-its on the board (physical or virtual), you can use a shared online spreadsheet where each participant types their ideas into the spreadsheet’s cells (see below).

Using spreadsheets enables remote UX workshop productivity
Participants in a brainstorming session can type their ideas into an online spreadsheet.

You can also speed up the process of selecting and prioritizing ideas during brainstorming sessions with the use of automatic calculation and sort features. In the example below, the team needed to choose the best ideas from more than 40 they had brainstormed previously. The spreadsheet allowed voting for the best ideas and automatically sorted the list by the number of votes. The whole process took less than 8 minutes.

Digital tools such as spreadsheets boost UX workshop productivity

Workshop participants voted for ideas (column B) by entering points on a scale of 5 to 1 in their assigned columns (columns C to L). The spreadsheet then calculated the total points (votes) for each idea allowing the facilitator to sort the results quickly (column M).

Typical disadvantages of this strategy are:

  1. Workshop techniques that require drawing (like sketching) and other free-hand tasks (post-its) may be disadvantaged unless there’s a great digital capture tool available
  2. Some people on the team will not have access to the digital tools selected (software, proper hardware, etc.). Some online virtual boards limit the number of free users and adding the required number of participants is not feasible due to budget constraints

A practical example

We discussed two UX workshop approaches (1: mostly physical, and 2: mostly digital); in the “real” world, you can use a hybrid approach and mix aspects of both. Let’s imagine a one-day design workshop for which we could apply the following method (considering everything is done via video conference):

Be sure to have everything ready-to-use when the workshop starts: templates, pre-filled documents, virtual boards, etc. Prepare diligently and don’t waste everyone’s time by setting up in front of them.Speed up the work with templates

Templates will help boost remote UX workshop productivity
Boost your remote UX workshop productivity with templates.

Here’s what to do after the workshop:

Get feedback, evaluate, and improve

It’s a good idea to get feedback from your team after the workshop and identify areas that could be improved. The best time to do this is right after it is over because everything will still be fresh. For instance, as a result of the extensive use of technology in the case of a mostly digital approach, many pitfalls and potential glitches invariably surface—discussing why they occurred and how to circumvent it happening again is of great benefit to any team.

Before the workshop, prepare a short anonymous online survey and send the link to participants right after the workshop. Be sure to track each aspect as a separate section (equipment and techniques used, communications, remote tech, software, workshop duration, etc.) and let the team leave comments, not just rate or check boxes.

There are many other ways to get post-workshop feedback—like asking the team to put post-its on a wall with comments (physical or virtual), or doing one-on-one interviews. Choose the one that suits you best but don’t lose the opportunity.

Take care of your digital artifacts

The assets generated during the workshop are useful not only while it is in progress but can be used for further discussion or as a starting point for other workshops.

In a traditional (or mostly non-digital) approach, it is very likely you will end up with piles of post-its, handwritten notes, and sketches. If this is the case, a good practice is to keep at least the most important artifacts until you are sure you can let them go. You also have the option to digitize them (take pictures, tabulation to spreadsheets, etc).

In a mostly digital approach, you won’t have as much paper to deal with, but the digital artifacts generated will still need to be organized, sorted, and filed away in some kind of a system. It’s best not to leave a messy list of incomplete, abandoned files that will cause headaches in the future—invest some time right after the workshop to organize them. You can do this in two ways:

  1. Create a centralized, organized repository for the workshop. For instance, a shared master folder with subfolders for each technique that was used during the workshop. Make sure to include links to virtual boards and any other external source/tool.
  2. Make sure that core artifacts are complete (sketches, spreadsheets, virtual boards, etc.). When it isn’t possible to finish them during the workshop, if you think they can be useful in the future, do it as soon as possible once it is over. Don’t rely on your memory—months later, an unfinished sketch or spreadsheet may not make any sense to you.

Wrap-up

Using different techniques and tools, remote UX workshops can deliver the same results as co-located workshops. If done right, the productivity benefits boosted by digital collaboration tools offsets the lack of face-to-face discussion.

Planning and running a remote UX design workshop isn’t rocket science, but the many complex details and potential pitfalls demand attention. Despite meticulous preparation, it is unlikely you’ll get everything right on the first try. The best thing to do is to chill out, have fun with your team, and remember—every workshop represents an opportunity for learning, and the next time is always an improvement!

The Toptal Design Blog is a hub for advanced design studies by professional designers in the Toptal network on all facets of digital design, ranging from detailed design tutorials to in-depth coverage of new design trends, tools, and techniques. You can read the original piece written by Carlos Rosemberg here. Follow the Toptal Design Blog on Twitter, Dribbble, Behance, LinkedIn, Facebook, and Instagram

Get the TNW newsletter

Get the most important tech news in your inbox each week.

Also tagged with