キャンバス要素を追加して選択する

キャンバス要素とは、キャンバス上に置くオブジェクトのことです。付箋、テキスト、図形、矢印、描画、スプレッドシート、ステッカー、ファイル、画像、PDF、リンク、YouTube 埋め込み、サブキャンバスが含まれます。要素を使うと、作業を目に見える形にし、構造を与え、フィードバックを同じ場所に集められます。

内容を追加したいとき、適したオブジェクトの種類を選びたいとき、複数のオブジェクトを選択したいとき、オブジェクトを編集できない理由を知りたいときは、ここから始めてください。

作業を進めたキャンバスには、ビジュアル資料、メモ、レビュー項目、コメントをまとめて残せます。チームはそれを見ながら次の行動を決められます。

追加できる要素

キャンバスでの作業の多くは、ツールバーから始まります。使えるツールは、デバイス、ワークスペース設定、キャンバスの種類、自分の権限によって変わります。

要素を使い分ける

付箋1枚にはアイデアを1つだけ書きます。付箋の内容が段落ほどの長さになったら、テキスト、コメント、ドキュメントに切り替えてください。

テキストは、キャンバスそのものを説明する言葉に使います。見出し、ラベル、説明、キャプション、決定事項などです。テキストはページを読みやすくするためのもので、ブレインストーミングの項目を増やすためのものではありません。

図形は、キャンバスに構造が必要なときに使います。大きな長方形はセクションに、角の丸い長方形は工程のステップに、ひし形は判断のポイントになります。後から参加した人に意味が伝わりにくい場合は、テキストを添えます。

矢印と線は、関係そのものが重要なときに使います。矢印は関係の向きを示し、ただの線は2つが関連していることだけを示します。「ブロック中」や「任意」のように線自体が意味を持つ場合は、ラベルを付けてください。

ステッカーは控えめに使います。ステッカーがあるとステータスやリアクションを見渡しやすくなりますが、重要な状態をステッカーだけで説明しないようにします。

ツールバーから要素を追加する

デスクトップでよく使うツールは、選択、描画、コメント、付箋、テキスト、図形、矢印または線、スプレッドシート、ステッカー、ファイルアップロード、YouTube、サブキャンバスです。AI 関連のツールや、ワークスペース独自のショートカットが表示されることもあります。

付箋

付箋で作業のそばに短いアイデアを残す方法を確認します。

アイデアを一つずつ残せるよう、作業のそばに短い付箋を置きます。

テキスト

テキストで見出し、ラベル、説明を作る方法を確認します。

テキストツールで、キャンバスに見出しやラベルを直接追加します。

図形

図形でキャンバスに視覚的な構造を作る方法を確認します。

関連する内容を囲むように図形を置くと、まとまりが見やすくなります。

矢印と線

矢印と線で関係や順序をわかりやすくする方法を確認します。

近くにあるアイデアを矢印でつなぐと、読み手が関係をたどりやすくなります。

ステッカー

ステッカーで作業にリアクションや投票を残す方法を確認します。

リアクションや状態を視覚的に示すときは、アセットパネルでステッカーを開きます。次の動画では、検索できるライブラリと、キャンバスへドラッグする前に選べるステッカーを確認できます。

モバイルのツールバーは小さく、選択、ハンドツール、描画、付箋、ファイルアップロード、リンク挿入、コメントが並びます。

ツールを選択し、キャンバス上でクリックまたはドラッグします。すぐにオブジェクトが作成されるツールもあれば、先に配置プレビューが表示されるツールもあります。デスクトップでは、付箋とスプレッドシートは1回のクリックで配置できます。モバイルでは、新しい付箋は画面外に埋もれないよう、表示中のキャンバス領域の近くに作成されます。

デスクトップでよく使うツールショートカットは次のとおりです。

ツールキーの一覧はキャンバスのショートカットをご覧ください。ショートカットが反応しない場合は、まずフォーカスを確認し、画面に表示されているツールバーを使ってください。

1つのパネルからファイルとメディアを追加する

デスクトップのフリーフォームのホワイトボードで ファイルをアップロードするを選ぶと、ワークスペースファイル、デバイスからのアップロード、YouTube、Unsplash、ステッカー、Google Drive、共有リンクを1つのソースレールで扱えます。ページキャンバスでは別々のパネルを使います。ソースごとの手順、権限、プレビュー、問題解決はアセットパネルのガイドをご覧ください。

描画してペンカーソルを切り替える

標準はペン型カーソルです。ペンが選ばれていることと、現在の描画色を線を引く前に確認できます。Wacom などのペンタブレットやスタイラスで描く場合、または線の開始位置を正確に合わせたい場合は、十字カーソルを使います。

ペン を選択するか D を押し、キャンバス上をドラッグして描画します。ペン型カーソルが正確な位置指定の妨げになる場合は、Mac で Cmd を押しながら、すでに有効な ペン アイコンをもう一度クリックします。Windows または Linux では Ctrl を使います。同じ操作で、ペン型カーソルと十字カーソルを切り替えられます。

ペン を通常どおりクリックした場合は、ツールが選択されるだけで、カーソル設定は変わりません。ALLO はこの設定を、使用中のブラウザとデバイス上で、ワークスペースごとに保存します。

この動画は、ビジュアル資料にフリーハンドのマークをすばやく加える様子を示します。

描画ショートカットは、キャンバスにフォーカスがあるときに機能します。テキスト、フォーム欄、その他の編集可能な領域に入力している間は機能しません。

消しゴムが有効な場合、2 または Shift + 2 を押すと、色を変えずに直前の描画ツールへ戻ります。線の太さを変えるショートカットは、太さを変更したうえで直前のツールへ戻ります。

印を付けるだけで伝わることは、キャンバスに直接描き込みます。

要素を選択して編集する

選択ツールを使い、オブジェクトをクリックします。選択されたオブジェクトにはハンドルや枠線が表示され、すばやく使える操作がある場合はインラインツールバーも表示されます。必要な操作がインラインツールバーにない場合は、オブジェクトメニューを開きます。

テキスト、スプレッドシート、一部の埋め込みでは、もう一度クリックするか、編集操作を明示的に選ぶ必要があることがあります。誤ってテキスト編集モードに入った場合は、オブジェクトの外側をクリックし、もう一度選択ツールを選んで、オブジェクトの端からドラッグします。

複数のオブジェクトをまとめて移動、整列、グループ化、複製、ロック、削除したいときは、複数選択を使います。選択範囲をドラッグするか、デバイスで使えるキーボード修飾キーを使います。違うオブジェクトまで選択された場合は、ズームしてからもう一度試してください。

レイアウトを整えて保護する

選択したオブジェクトをドラッグして移動します。サイズ変更ハンドルが表示されている場合は、それで大きさを変えます。オブジェクトの集まりを見渡しやすくしたいときは、位置揃え、均等配置、整列を使います。

図形、画像、付箋、ラベルが重なっている場合は、前面へ持ってくるや背面に持ってくるなどのレイヤー操作を使います。背景になる大きな図形は、それがまとめる内容の背面に送ります。

ワークショップ、発表準備、レビューの間にオブジェクトを動かしたくない場合は、ロックを使います。ロックすると誤編集を防げますが、共同作業者がなぜ動かせないのか理解する必要がありそうなら、ロックした領域の理由をテキストで書き添えてください。

コメントして確認する

要素を選択し、ツールバー、インラインツールバー、またはオブジェクトメニューからコメントを使います。特定の付箋、ファイル、画像の一部、図のブロック、決定事項についてのフィードバックには、要素へのコメントが適しています。

回答してほしい人がいる場合は、メンションを使います。話し合いが終わったら、スレッドを解決済みにします。レビュー済みの内容を削除する前に、紐付いたコメントがオブジェクトと一緒に削除されないかを確認してください。

未読オブジェクトの表示を見ると、前回キャンバスを確認してから何が変わったかがわかります。未読のオブジェクトにカーソルを合わせると既読になります。スライドレールで、未読オブジェクト数が表示されたページを探すこともできます。

うまくいかないとき

作成ツールが見当たらない場合は、自分の権限、デバイス、ゲストかどうか、ワークスペースの制限、キャンバスの種類を確認します。閲覧者とコメント権限のみの人はオブジェクトを作成できません。ゲストはサブキャンバスを作成できません。

オブジェクトを移動またはサイズ変更できない場合は、ロックされている、グループの一部になっている、まだ処理中である、またはテキストやスプレッドシートの編集モード中である可能性があります。編集モードを終了してオブジェクトの境界を選択するか、権限のある人にロックの解除を依頼してください。

プレビューはできるのにダウンロードが見当たらない場合は、ワークスペースまたはキャンバスでファイルのダウンロードが制限されている可能性があります。これは権限の設定であり、ファイルが壊れているとは限りません。

選択が正確に感じられない場合は、ズームし、選択ツールに切り替え、編集可能なテキストやスプレッドシートのセルからドラッグしないようにします。

例

デザインレビューでは、画面をアップロードし、短いテキストラベルを付け、矢印でフローを示し、判断が必要な画面やオブジェクトに直接コメントしてもらいます。

ワークショップでは、アクティビティごとにページを1つ作り、参加者の意見には付箋を、セクションには図形を使い、最終的なクラスターをグループ化して、動かしてほしくない説明をロックします。

リサーチのまとめでは、PDF やファイルをその要約メモの近くに置き、元資料にはリンクを使い、未解決の質問はコメントで追跡します。