it-mure.jp.net

複雑な注文書-何かアドバイスや参考資料はありますか?

「通常」よりも複雑で、最終的な価格に影響を与える複数の要素を持つ注文書フォームを設計する必要があるとします。

  • 複数のトラック(ベーシック、スタンダード、プレミアムなど)から選択します
  • 各パッケージの異なるライセンスタイプ(制限付き、フル、管理など)
  • いくつかのライセンス期間に取り組む

どうやったらいいの?

ステップバイステップウィザード?または、すべての変数を1か所で確認して変更できるようにしますか?

最初の方法は使いやすいですが、2番目の方法では、各変更がどのように最終的な結果に反映されるかをすばやく比較して確認できます。

そのようなフォームの良い例があれば、ぜひご覧になってください。

6
Dan Barak

あなたがしていることは、コンピューターをオンラインで注文するのに似ているように思えます。そこでは、プロセッサー、メモリー、アクセサリーなどのさまざまなオプションから選択します。インスピレーションについては、デルおよびアップルのWebサイトをご覧ください。

デルは、各オプションが異なるページにあるウィザード形式を使用しています。 Appleはすべてを同じページに配置します。私が気に入っている3つの点は、両方に共通しています。

  • 詳細にドリルダウンする前に、いくつかの基本的なタイプのコンピューターから選択することから始めます。 (それはあなたの「トラック」に類似しているかもしれません。)

  • あなたの選択と価格の概要は常に右上隅にあります。

  • オプションを選択すると、「最終的なライン」が変化します。 「8GB(4X2GB)[$ 150.00を追加]」

2

タブまたはアコーディオンコントロールのハイブリッドソリューションを使用するので、一方ではウィザードの各部分を理解するのは簡単ですが、他方ではナビゲーションは依然として単純であり、ステップからステップへとジャンプするのは簡単です。

アコーディオンの例については、GoDaddyのドメイン登録フォームをチェックしてください(全体的に非常に遅く、混乱しすぎますが、アコーディオンの動作を確認してください)。

最近タブウィザードを見た場所を覚えていません。

1
Sruly

顧客が特に辛抱強く、あなたからの購入を許容しない限り、注文書フォームにウィザードを使用することはお勧めしません。支払い方法などの追加のステップがあると思います。顧客は6つのステップを実行することに感謝しません。

それは各ステップがどれほど複雑かによって異なりますが、私にとっての経験則は、絶対最小数の詳細を要求し、1ページだけを使用することです。 37signals.com登録フォームをご覧ください。

1
idophir