プロトタイプのフロー

フローとは、複数のフレームの相互作用の間のつながりを意味する。単純なフローは、フレームAから始まり、フレームBで終わる。

(1) . インタラクティブなフローを構築

インタラクションを作成すると、デフォルトではフレームの左上にインタラクティブ・フローが作成されます。

また、任意のフレームを選択し、右側のパネルで「＋」記号をクリックすることもできます。

(2) . インタラクティブフローの設定

「 ー 」記号をクリックすると、そのフローを削除することができます。その下に、そのフローに対するメモを追加することができます。

(3) . インタラクティブフローの利用

プロトタイプモードでは、右側のパネルに現在のページの全フローを表示することができます。

• 位置決め：クリックすると、現在のフローのフレームが表示されます。

• 再生：クリックして、現在のプロセスの相互作用を再生します。
• ヒント：フレームの左上では、インタラクションの再生機能を使うこともできます。

フローの目的を説明する

ログインや購入など、どの操作を示すフローかを開始点の説明に記載します。一つの開始フレームから複数の操作経路につながることもあります。フローは、そのデモをどこから始めるかを示します。

開始点を管理する

プロトタイプモードでフレームを選択し、右パネルの＋からフローを追加します。最初のインタラクションを接続したときに、開始フレームへ自動的にフローが作られる場合もあります。

フローを削除するには、開始点のラベルをフレームから離れるまでドラッグします。

開始点の表示・共有・再生

• 位置を表示：プロトタイプパネルのフロー一覧から、開始フレームをキャンバス上で探します。
• 共有：レビューする相手に渡すプレゼンテーションリンクをコピーします。
• 再生：一覧または開始点のラベルにある再生操作を使います。

共有したプレゼンテーションが意図した開始点から始まるか確認します。再生操作やフローの切り替えは、プロトタイプの再生を参照してください。