図形

図形はキャンバスに構造を与えます。枠、ブロック、領域、図のノード、ハイライト、吹き出しの背景、スイムレーン、シンプルな視覚コンテナに使います。図形は、作業がどこに属し、人々がページをどう読めばよいかを示すことで、混み合ったキャンバスを読みやすくできます。

図形はスティッキーノートとは違います。スティッキーノートは1つのアイデアを記録します。図形はアイデアの周りに空間を作ります。図形はテキストオブジェクトとも違います。テキストはセクションに名前を付けたり説明したりします。図形はそのセクションに視覚的な重みを与えます。

利用範囲と権限

図形は、モバイルでの作成または編集ツールとしては対応していません。図形を追加する、サイズ変更する、図形中心のレイアウトを作る必要がある場合は、デスクトップを使います。

図形を使う場面

キャンバスにさらにコンテンツを足す前に構造が必要なとき、図形を使います。長方形はセクションの背景になります。角丸長方形はプロセスのステップになります。円は指標、決定、レビュー状態へ注意を向けられます。ひし形はフロー内の判断点を示せます。吹き出しは引用やコールアウトを囲めます。正確な形そのものより、パターンの一貫性のほうが重要です。

図形は視覚的な領域として使い、内輪だけの暗号として使わないでください。図形が「承認済み」を意味するなら、明確なラベルや凡例を追加します。図形が担当を表すなら、テキストラベルを追加するか、担当者情報を見える内容の中に置きます。キャンバスを理解するために、個人的な図形コードを覚える必要があってはいけません。

領域間の関係には、矢印と線を使います。既存コンテンツの周りにフリーハンドで強調を加えるには、ペン描画を使います。

図形を追加する

デスクトップキャンバスツールバーから図形を選ぶか、キャンバスにキーボードフォーカスがあるときに S を押します。図形ピッカーには、線、矢印、長方形、角丸長方形、円、三角形、ひし形、星、吹き出し、ブロック矢印、円柱、立方体、多角形、フローチャート風ブロックなど、一般的な図表とレイアウト用の図形が含まれます。

オブジェクトの役割を伝える図形を選び、キャンバスに配置します。キャンバスが図である場合は、多くのオブジェクトを追加する前に、小さな図形語彙を決めます。たとえば、長方形はタスク、ひし形は判断、円柱はデータストアにできます。一貫性は、目新しさより読者の助けになります。

塗りつぶされた図形ではなく線や矢印が必要な場合は、図形ピッカーから線または矢印の選択肢を選びます。矢印ショートカット A は、同じツール領域から矢印形式の線ファミリーを選択します。

図形を書式設定する

図形コントロールには、適用できる場合、塗り、線、線スタイルのオプションがあります。図形は塗り色と線の色を使えます。線ファミリーの図形は、塗り領域ではなく線と線スタイルを使います。図形ピッカーは最近使った色も保持するため、繰り返しの図作成で一貫性を保ちやすくなります。

塗りは構造に、線は境界に使います。薄い塗りと明確な枠線は、スティッキーノートの背後に置くとよく機能します。ノートと競合せずに領域を定義できるためです。強い塗りはステータスブロック、警告、高レベルのプロセスノードに役立ちますが、近くのテキストを圧倒することがあります。

インラインツールバーとオブジェクトメニューには、選択中の図形に適用される書式設定とオブジェクト操作が表示されます。利用できるコントロールには、背景色、線、透明度、影、テキストスタイル、リンク、コメント、削除が含まれる場合があります。

図形がテキストを持つ場合、2つの点が重要です。

• 対応している図形内のテキストを編集中は、スティッキーノートやテキストオブジェクトと同じリッチテキストルールが適用されます。リッチテキストエディターを使うを参照してください。
• 影は控えめに使います。重要なオブジェクトをキャンバスから分離する助けになりますが、影が多すぎると図が騒がしく見えます。

配置、レイヤー、ロック

図形は他のコンテンツの背後に置かれることがよくあります。要素メニューの背面へ移動、最背面へ移動、前面へ移動、最前面へ移動を使って、レイヤーを制御します。図形を背景レーンとして使う場合は、その図形が支えるスティッキーノートやテキストの背後へ送ります。

図形とラベルを一緒に動かしたい場合は、グループ化します。たとえば、角丸長方形のプロセスステップと、その中のテキストラベルをグループ化します。大きなセクション背景は、セクション全体を1つの単位として動かす必要がある場合だけグループ化します。セクション内のノートを編集し続ける必要がある場合、セクション全体をグループ化すると、選択が必要以上に難しくなることがあります。

レイアウトが安定したら、構造用の図形をロックします。ロックすると、チームが図形の上でノート、矢印、コメントを操作している間に、誤ってドラッグすることを防げます。サイズ、塗り、レイヤーを変更する前に、図形のロックを解除します。

共同編集とコメント

図形へのコメントは、構造そのものをレビューしているときに役立ちます。分岐が正しいかを尋ねるために判断のひし形へコメントしたり、カテゴリ名がまだ適切かを尋ねるためにセクション背景へコメントしたりできます。コメントが実際には図形内のスティッキーノートやテキストラベルに関するものなら、そのオブジェクトにコメントしてください。そうすれば、スレッドが具体的な内容に結び付きます。スレッド全体の流れは、コメントとメンションを参照してください。

ライブ共同編集中に、色や図形タイプの意味をセッション途中で変えないでください。ワークショップ前半で緑の長方形が「準備完了」を意味していたなら、凡例を更新し、グループへ伝えずに「担当者が必要」という意味へ切り替えないでください。

例

親和図では、大きく淡い長方形をトピック領域として追加し、各領域にテキストオブジェクトでラベルを付け、スティッキーノートを適切な領域へ移動します。領域が決まったら長方形をロックします。

ワークフロー図では、ステップには角丸長方形、判断にはひし形、流れには矢印と線を使います。ズームしなくても読める短さに、図形内のラベルを保ちます。

批評用キャンバスでは、レビュー対象の領域を透明または薄く塗った図形でハイライトし、フィードバックが必要な正確なオブジェクトへコメントを追加します。

うまくいかないとき

背面にあるはずの図形ばかり選択され、上にあるノートを選べない場合は、図形を背面へ送るかロックします。大きな背景図形は便利ですが、囲っている作業を邪魔するべきではありません。

色に意味がありそうなのに誰も説明できない場合は、凡例を追加します。視覚構造は、チームが同じ解釈を共有しているときだけ役立ちます。

図形を編集できない場合、ロックされている、他の人が選択している、または自分の権限レベルの範囲外である可能性があります。利用できる操作を確認するには、要素メニューを使います。閲覧操作だけが表示される場合は、キャンバスを変更する前に編集アクセスを依頼してください。