web-dev-qa-db-ja.com

フローチャートに複数レベル、複数の選択肢を表示するにはどうすればよいですか?

フローチャートにマルチレベル、マルチプルチョイス、チョイスを表示する適切な方法を探しています。

  • いくつかのレベルがあります(1、2、3など)
  • 4つのカテゴリ(A、B、C、D)があります。
  • 各レベルの各カテゴリに複数の評価があります(1A1、1A2、1A3、1B1、1B2、1B3、1C1、1C2、1C3、1D1、1D2、1D4)

ユーザーが評価を完了したい場合、ユーザーはすべてのカテゴリから選択できます。ユーザーがすべてのカテゴリのすべての評価を完了すると、次のレベルに進むことができます。

シーケンスの例を次に示します(カテゴリごとに2つの評価があり、ユーザーがミスをしないと仮定):1A1> 1A2> 1C1> 1B1> 1C2> 1D1> 1D2> 1B2-> GOTO LEVEL 2

次のシーケンスは、ユーザーがそのレベルから他のすべての評価を完了する必要があるため、可能ではありません:1A1> 1A2> 2A1

ご覧のとおり、ほとんどの場合、4つの選択肢があります(ユーザーが特定のカテゴリの評価を既に終了している場合を除く)。しかし、残念ながら、フローチャートには2 ^ 4(評価^カテゴリ)= 16の可能性があります。そして、誤解しない限り、私はチャートで繰り返します。

誰かがこのシナリオの例を持っていますか?そして、私はどのようにして私ができる選択を視覚化することができますか?

2
Jason

あなたは両方に喜んでいるようです:

  • ユーザーが最終的に(しなければならない)通過するすべてを表示する
  • そして、ユーザーが何ができるかを強調します

私は言語学習サイト Duolingo がこの点で素晴​​らしい仕事をしているといつも思っていました:

enter image description here

可能性のセット全体が表示されますが、(進行規則に基づいて)まだアクセスできないものは淡色表示されて非アクティブになっていますが、アクセス可能なものは鮮やかな色でクリック可能です。

1つの提案は、テーブルを保持し、同様にアクティブまたは非アクティブに見える要素(アイコンまたはタイトル)ですべてのセルを埋めることです。

1
Pierre

あなたが実際に「フローする」とあなたが説明するデータの唯一の部分は、レベルからレベルへの移動です。各レベルの内容は、すべてが完了している限り、任意の順序で実行できます。したがって、続行する前に、チェックされるもののグリッドとしてそれを表示することをお勧めします。おおよそこのようなもの:

enter image description here

0
Franchesca