web-dev-qa-db-ja.com

マルチステップフォームの線形または非線形ステッパーのベストプラクティス

システムで Material design's steppers を使用するためのガイドラインを打ち出しています。このシステムを使用する管理者は、フォームをある程度構成できます。管理者は、フィールドが表示されるマルチステップフォームのどのステップで決定することはできませんが、フィールドを必須にするかオプションにするかを構成できます。リニアステッパーとノンリニアステッパーのどちらを使用するかを理解するのに苦労しています。

非線形ステッパー

どのステップに必須フィールドが含まれているかを制御できない場合は、非線形ステッパーを使用する必要があります。

  • ステップ1(*必須フィールドが含まれています)
  • ステップ2(すべてのフィールドはオプションです)
  • ステップ3(*必須フィールドが含まれます)

このような使用例では、ユーザーがフォームに入力するために必要な手順にすばやく移動できるようにする必要があります。

リニアステッパー

作成されるオブジェクトが最初のステップで行われた選択に依存する場合、リニアステッパーを使用する必要があります。

  • 内部を作成
  • 外部を作成

また、現在のステップのフィールドが前のステップでの選択に依存する場合にも使用する必要があります。

どのように線形または非線形ステッパーが私のユースケースにとって理想的であるかを判断するには?

4
cathrine alvin

重要なのは、(それが、フレームワークまたは使用した設計パラダイムのデフォルトであっても)linear vs non-linear steppersは、ユーザーが前のステップを完了せずに次のステージにジャンプできるようにするかどうかの決定に利用されます。

基本的に、ユーザーが他のどのステップよりも前に入力する必要のある事前ステップがある場合、マテリアルデザインについて提供したリンクで説明されているように、linear stepperの使用を検討する必要があります。

それ以外の場合は、非線形ステッパーを使用して、ユーザーがステッパーの単一の進行状況を操作できるようにすることができます。

したがって、上記の質問で述べたように状況を再現でき、ユーザーの必要な情報を要求する最初のポイントとしてリニアステッパーを使用できるとしましょう。 linear stepper inside non-linear stepperまたはその逆のソリューションは、開発チームがフレームワークのベストプラクティスに従って実行できるかのように適用できます。あなたはおそらくそれをうまく説明して完全に文書化する必要があるかもしれませんが、とにかく、その実装のトリッキーな側面に加えて、それは明らかに実行可能であるように見えます。

1
Erhan Yaşar