フロー図 - レクチャー 1:フローウィジェットとコネクタ

フロー図は、ユースケース、ビジネスプロセスやページフローなどのさまざまなプロセスを示すために使用できます。デザインしているページ全体で達成できるタスクについて、ハイレベルの表示を提供します。

フローはサイトマップの中のページで管理されます。ページをフロー図タイプに指定するには、サイトマップの中のページを右クリックして、「図のタイプ」- 「フロー 」を選択します。すると、プロトタイプとともに Axure RP の中のサイトマップの中のアイコンが変化します。ページをフロー図タイプに指定しなくても、ページ内でフロー図を作成することはできます。

フローウィジェットは、「ウィジェット」ウィンドウ枠のツールバーの「フロー」をクリックすることで「ウィジェット」ウィンドウ枠に表示されます。

プロセスの中のステップを表現するために、さまざまなウィジェットが「ウィジェット」ウィンドウ枠で使用できます。用意されていないウィジェットは、画像ウィジェットを使用して画像として組み込むことができます。

それぞれのウィジェットがフロー図で何を表すかについては規約がありますが、Axure RP では、ウィジェットの使用に制約はありません。一般に、フロー図を使う人が理解できる方法で使用することが最善です。

ワイヤフレームウィジェットの場合と同じく、フローウィジェットは「ウィジェット」ウィンドウ枠から「ワイヤフレーム」ウィンドウ枠にドラッグ & ドロップできます。形式とプロパティは、ツールバーとコンテキストメニューを使用して編集できます。フローウィジェットの形は、右クリックして「フローウィジェットの編集」サブメニューを使用することで、変更できます。

コネクタ

フローウィジェットは、コネクタを取り付ける接続ポイントがあることが、ワイヤフレームウィジェットと異なります。

コネクタを追加するには、まず「ワイヤフレーム」ウィンドウ枠をコネクタモードに変更します。こうするには、ツールバーの「コネクタモード」ボタン (F11) をクリックします。「ポインタモード」ボタン (F9) をクリックすると、「ワイヤフレーム」ウィンドウ枠がポインタモードに戻ります。

コネクタモードになったら、「ワイヤフレーム」ウィンドウ枠でクリックしドラッグして、コネクタを描いて追加します。

2 つのフローウィジェットを接続するには、フローウィジェットの接続ポイントにマウスをあわせて、クリックしてドラッグし、目標のフローウィジェットの接続ポイント上でマウスボタンを放します。コネクタの端点をクリックしてフローウィジェットの接続ポイントにドラッグしても、コネクタをフローウィジェットに取り付けることができます。

コネクタを選択し、ツールバーの「線のパターン」および「矢印の終点・始点」ボタンを使用することで、矢印のような線の端や点線のような線のパターンをコネクタに適用できます。