web-dev-qa-db-ja.com

結果を表示するためのインタラクティブなフローチャート/条件付きロジック

私は会社のWebサイトで作業していて、ユーザーが必要とする製品を理解できるようにしています-これは基本的に、条件付きロジックが次の質問を決定するインタラクティブフローチャートを作成するようなものだと思います。

この機能は何と呼ばれ、最終結果を表示する最良の方法は何ですか?

具体的には、各質問が別々の「ページ」にあり、次の一連の情報がアニメーション化される場所について考えています。オンラインの「あなたはどの動物ですか?」クイズ、またはこれに似たもの(これは条件付きではなく、同じオプションがあることを除いて) https://www.samsara.com/pricing-2

だからこのようなもの:

1:何を修理していますか?

  • ボート

2a:(ボートの場合)どのタイプのボートですか?

  • ヨット
  • ヨット

2b:(車の場合)どのタイプの車ですか?

  • コンパクト
  • トラック

3:最終結果

(帆船の場合)帆を取得(詳細はリンク)

(ヨットの場合)ラダーを取得(詳細はリンク)

(コンパクトの場合)タイヤを入手する(詳細についてはリンク)

(トラックの場合)マフラーを入手(詳細はリンク)

1
Rachel

この概念はプログラミングにとって複雑ではありません-興味深いのは、x異なる深さのブランチの数を提供できることです。そして、真理の原則-偽だけでなく、より複雑な条件(値、数値など)にも条件を付けます。

そのタイプのロジックをツリーで視覚化する可能性があります。

enter image description here

1
Piotr Żak