web-dev-qa-db-ja.com

ビッグフォームVSステップ/ウィザード

製品/サービスを挿入するフォームでは(製品に他の製品の混合量で構成される製品の追加データが含まれます)、すべてのフィールドがあり、追加を表示する大きなフォームを使用することをお勧めします「構成された製品です」が選択されている場合、フィールドはユーザーにとっては圧倒されますが、必要なすべてのものが目の前にあり、入力するだけです。または、このフォームを段階的に分けて、別のルートをたどります「製品」(構成されているかどうかを選択する)を選択した場合、製品が構成済みとして選択されている場合は、別のルートを再度選択します。

私の傾向は最新のアプローチですが、それから私はそれが多くのステップをとるかもしれないと思う。

サービスを作成するとどうなりますか:

Description and Reference-> Is it a produtct or a service?-> Brand-> Service Family-> Service Type-> Stamp duty and VAT-> Want to had a image?-> Any extra observations?

構成製品を作成する場合:

Description and Reference-> Is it a produtct or a service?-> Is it composed?-> Add the products and quantities that compose it-> Brand-> Product Family-> Product Type-> Stamp duty and VAT-> Want to had a image?-> Any extra observations?

[〜#〜]編集[〜#〜]

また、ステップ/ウィザードアプローチでフィードバックを提供することに関する私の問題は、プロセス中に行われた選択に応じて異なる数のステップが存在するという事実です。

EDIT2

わかりました、私はそれを理解しようとしました、そして私には解決策があるかもしれないと思います。同じステップでいくつかのアクションを集約するのは悪い考えですか? (ユーザーは最大3つのアクションを実行しますが、ステップは同じなので)

ステップ1Description and Reference->

ステップ2Is it a produtct or a service?-> Is it composed?-> Add the products and quantities that compose it-> OR JUST Is it a produtct or a service?->(サービスの場合)

ステップBrand->

ステップ4Product Family-> Product Type->

ステップ5Stamp duty and VAT->

ステップ6Want to had a image?->

ステップ7Any extra observations?

これらについてどう思いますか?

また、フランチェスカの最新の提案は興味深いですが、途中でステップのサイズを変更するという考えはあまり好きではありません。多少の一貫性がない感じがするようです。

3
FabioG

巨大な形の苦痛を避けるために、私は間違いなくそれを段階に分解します。

多くの手順は問題ありませんが、ユーザーはウィザードの進行状況についてフィードバックを得る必要があります。私がこれを行ったのを見た最も良い方法は、次のようなフォームプログレスバーを使用することです。

enter image description here

またはこれ:

enter image description here

あなたが本当に正式な/企業の雰囲気を求めているのでない限り、その個人的な感触のために「途中」や「ほぼ完了」のような励みになるテキストを追加するのもいいかもしれません。

編集:

不明なステップを処理するために、固定幅のプログレスバーのアウトラインを定義し、ユーザーがパスを決定する選択を行ったときにのみ、将来のステップに入力するのがよいでしょう。それ以外の場合は、空白のままにします。ステップサイズを変更して、残りのスペースを埋める/合わせる。大まかなアイデアは次のようになります。

enter image description here

2
Franchesca

携帯電話ショップの営業担当者が顧客の新しい電話をアクティブ化(セットアップ)できるようにする「ウィザードフロー」を設計しているときに、この問題に遭遇しました。お客様が購入した電話の種類、および携帯通信会社にとって新品か既存のお客様かによって、手順とオプションは大きく異なります。

結局、メインのナビゲーションとそのすぐ下のサブセクションのナビゲーションのような、2つの進行状況バーを表示することになります。上の1つは、実行する必要がある主要なセクションを追跡し、下の1つは、現在のセクション内のアイテムを分類します。サブステップは、選択するオプションによって異なる場合がありますが、主要なセクションの一貫性はある程度維持されているはずです。そのため、途中で急にステップを増やしているようには見えません。

したがって、例として、次のような主要セクションを検討してください...説明と参照->製品またはサービスの詳細->関税、税金->画像の添付->追加コメント

1ページに簡単に収めることができるかどうか、製品/サービスの下にサブステップを表示する必要があるかどうかはわかりません。説明と参照の一番下にある2つのボタンとして、製品かサービスかをユーザーに尋ねることを検討します。これは「製品」「サービス」です。ステップ2のラベルを特定の製品タイプに更新することができます。その後、より多くのフィールドを展開/折りたたむ必要はありません。

はい、これは複数のページにまたがるので、開発者が行う作業を増やします...しかし、フォームが複雑な場合は、追加の作業に値します。

1
nightning