オンラインワークショップ・ふりかえりでホワイトボードツールを使いこなそう

こんにちは。森です。

[NRI aslead](https://aslead.nri.co.jp/)では、効果的にオンラインでのコラボレーションを行うため、オンラインホワイトボードを活用しています。

この記事では、オンラインホワイトボードを使った、ワークショップ・ふりかえり等でのファシリテーション方法を紹介します。
ツールをうまく使いこなして、オンラインワークショップをより楽しく・効果的なものにしていきましょう。
ここでは、MURAL（＋Miro）の使い方を説明します。

- [MURAL](https://www.mural.co/)
- [Miro](https://miro.com/)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/221788/c5612434-efcb-98ea-39ea-eed483a0b2a3.png)
画像（MURAL）：MURALでのふりかえりの様子

# 前提

少人数（～6人）でのワークショップ。
全員リモートで実施し、音声のみで顔が見えない場合を想定しています。

# 導入編

## 目的を全員で確認し合おう

ワークショップを開催するとき、全員が前のめりに「やりたい！」と言っている人ならよいのですが、なかなかそういう場はありません。
「呼ばれたから来た」「よくわからないけど参加する」という人も少なからずいるほか、目的を誤認して「●●をやると思っていたのに」という人もいます。

ワークショップをする際には、まず最初に何のためにここに集まってもらったのかを主催者が説明しましょう。
そして、その目的を聞いて「どんなことを思ったか」「他に話したいことはないか」を全員で出し合います。
そうして、全員でマージした目的をもとに、ワークを進めていきましょう。

## ツールの使い方に慣れよう

オンラインワークショップでMiroやMURALなどのホワイトボードツールを使う場合、参加者全員がそのツールを使ったことがあるとは限りません。

ワークショップの最初に3分程度取り、アイスブレイクのついでにツールの使い方に慣れてもらう時間を取るとよいでしょう。

ふりかえりであれば、「その期間のなかで最も印象に残っていることを、付箋やアイコンを使って表現してみましょう」という風にすれば、記憶を揺り起こしやすくなり、次のアクティビティに結果を繋げやすくなります。

初対面同士のワークショップであれば、「付箋やアイコンを使って、自己紹介を書きましょう」というワークをすれば、次のワークに繋げやすくなります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/221788/e4828ae4-2119-af1c-cfac-fbcda606a505.png)
画像（MURAL）：自己紹介でツールを弄ってみよう

## 返事をしよう

ファシリテーターや参加者が、参加者に対して問いかけをしたときに、声に出して返事をするように促しましょう。

ありがちなのが以下のようなパターンです。

- 「●●でいいですか？」
- 「…」
- 「大丈夫…かな。次いきましょう」

間が生まれてしまい、喋りやすさが減ってしまうほか、この「間」の積み重ねが長時間のワークショップだとボディーブローのように残り時間に効いてきます。
こうならないよう、互いに返事をしあうようにしましょう。

- 「●●でいいですか？」
- 「大丈夫です」「ＯＫです」
- 「ありがとうございます。次いきましょう」

## どこを話しているか場所を示そう

ホワイトボードに書いている内容を示すとき、誰がどこのことを話しているのかが分かりにくくなります。
話す際には、自分のマウスを話している場所に合わせて話しましょう。
MURAL, Miroであれば、他の人のマウス位置が分かるようになっていますので、「私のマウスの場所に来てください」と言えば、意見の共有がやりやすくなります。

# ファシリテート編

## 枠を作る

ワークをする際に、どこに付箋を書けばいいのかがオンラインワークショップだと分かりにくくなります。
事前に「ここに貼る」という枠を作って誘導するとよいでしょう。
枠は四角のオブジェクトを使ったり、フレームを使います。
なお、枠として作ったオブジェクトは、選択されると移動されてしまいワークの邪魔になります。
オブジェクトをロックしておくとよいでしょう。

MURAL・Miroともに、右クリック -> Lockでオブジェクトをロックできます。

## 付箋の使い方

Miro, MURALなど、ツールによって付箋の使い方が微妙に異なりますので、その使い方をワークの間で少しずつ共有していくといいでしょう。

Miroであれば、付箋について

- 色を変えられること
- 大きさを変えられること
- 適宜改行しないと文字が小さくなり読みづらくなること
- 付箋をクリックして上下左右をクリックすると線を繋げられること
- タグを付けられること（名前を付けるなどに活用できます）

といった情報を。
MURALであれば、付箋について

- 色が変えられること
- 大きさを変えられること
- 丸の付箋があること
- 付箋の近くをダブルクリックすると同じ付箋を複製できること

などを伝えるとよいでしょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/221788/e137b8a6-9aa2-20cf-711e-0456885e419e.png)
画像（MURAL）：MURALには丸付箋もあります

## タイムボックスの設定

時間は、見える場所に可視化しておきましょう。
Miroであれば付箋で「●●分まで」という風に大きく貼っておけばよいですし、MURALであれば、タイマー機能があります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/221788/470e7889-11a0-3e07-faa7-2409ca172806.png)
画像(Mural）：Adminやファシリテーターの権限を持っていれば、時間を設定できます。

## 凡例

付箋で凡例をあらかじめ作っておきましょう。
複数の色を使えば、様々な意見の分類に使えます。
ただし、付箋の色を多くしすぎてしまうと、ワークをする側も混乱しますので、最初は最大でも4色程度にしておきましょう。
ワークの途中から、徐々に必要になった付箋の種類を増やしていけばＯＫです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/221788/6b9a063d-a0e7-ba9a-da21-01f24027e592.png)
画像（MURAL）：左上に付箋の凡例を貼っています

## 付箋の位置・つながり

付箋を重ねて、繋がりを表現するとよいでしょう。
付箋を貼るときにきれいに横一列、縦一列で並べがちですが、最初からバラバラに配置したほうが、付箋を移動したり、つながりを表現しやすくなります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/221788/2bc9f91c-62f8-fabe-9d78-c48a2cb1a961.png)
画像（MURAL）：付箋の繋がりが関連を示してくれます。

付箋の数が少なかったり、離れた位置にある付箋があれば、線でつなぐのもよいでしょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/221788/85ab080d-4638-9fb2-f39c-4d67825c1d0c.png)
画像（Miro）：線で関連を示すのもアリです。

線の作り方は以下の通りです。

- MURAL: Shapes and Connectorsタブから直線・曲線をドラッグ＆ドロップ
- Miro: オブジェクト（付箋）をクリックしたあとにオブジェクトの上下左右の●をクリック

## 投票

多数のアイデアの中から1つを選ぶ場合は、アイコンを使ったり、丸形のオブジェクトを使って投票をするとよいでしょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/221788/b3394b9a-2f82-7632-dcf7-a3d9102aba6f.png)
画像（Miro）：丸形のオブジェクトを使って投票します

# おわりに

今回はMURAL, Miroを主に紹介しましたが、別のツール(Google Jamboardなど)でも基本は同じです。
皆さんも、色々試してみてくださいね。
面白い機能があれば、是非教えてください。