web-dev-qa-db-ja.com

フォームで、上級から基本への切り替えは良い考えですか?

ユーザーが「続行」ボタンをクリックする前に入力する必要があるWebページ/フォームがあります。

同じ古い話だと思います。次のようになります。

report name: [...]

report type: (*) PDF
             ( ) HTML

Level Of Detail: [Easy   v]

Template: [Natural v]

...

ユーザーの操作を可能な限り簡単にするために、ほとんどのデフォルト値が設定されています。

しかし、フィールドの数は約10のオプションであり、ページがあまりにも威圧的に見えるのではないかと心配しています。

オプションを非表示/表示できるスイッチを上部(基本/詳細)に配置することを考えています。

これは、ユーザーが「基本」ページにアクセスした場合、あまり脅迫されるべきではないことを意味します。

これは良い考えですか?

もしそうなら、誰かもこのアプローチが取られた場所のいくつかの実際の例を提供できますか?

6
chack

フォームが長いほど、使用する人が少なくなり、大きくなるにつれてドロップオフが急になることがよくあります。 フォームをできるだけ短くする。基本的な情報だけが必要な場合は、それだけを要求してください。

より高度な情報が必要な状況がある場合は、スイッチを上部に配置しないでください。あなたは人々がフォームに記入し始める前に考えなければならない何かを追加するでしょう。

機能するのは基本形があり、その最後にmore optionsまたは高度な表示リンク/ボタン。このパターンは一般的にSaveまたはPrintフォームで使用されますデスクトップアプリケーションの場合。

5
JohnGB

すべてのフォームが必要であるため、BasicとAdvancedの行に沿ってフィールドの可視性を分割することはお勧めしません。

最初に、関連するフィールドをグループ化することを検討しました。関連するフィールドを整理する明確なセクションがある場合、フォームが長いほど、スキャンと理解がはるかに簡単になります(そして、威圧感が少なくなります)。

それでもうまくいかない場合は、フォームを個別のページまたはセクションに分割して、前のページまたはセクションが完成したときにのみ表示されるようにする必要があります。

どのようなアプローチをとる場合でも、特に多くのデフォルト値を提供しているため、フォームの一部を簡単に変更できるようにしておく必要があります。フィールドが表示されない場合、意図しないデフォルトを受け入れる可能性があります。

4
Todd Sieling

JohnGBが述べているように、フォームは必要なだけ短くしてください。

フォームの追加フィールドを開くための実際の例は、ウェブショップです。住所と配送先住所を入力できる場合。

デフォルトでは、配送先住所が請求先住所と同じであることを示すチェックボックスがオンになっています。チェックボックスをオフにすると、追加のフィールドが表示されます(css)。

あなたの場合、テキスト付きのチェックボックスがチェックされています。 「デフォルトテンプレート」顧客がチェックボックスをオフにすると、カスタムテンプレート用に入力する必要があるフィールドが表示される可能性があります。

話しているフィールドの数はわかりませんが、1ページに表示するように定義する必要があります。注文プロセスに追加するページが多いほど、顧客が脱落する機会が増えます。

0
LvS

その古典的な問題とその答えは プログレッシブ開示 テクニックの形式である可能性があります。フォームを長くする必要があり、情報を収集して解決するための手法を使用する方法が他にない場合は、フォームを長くする必要があります。もちろん、質問を制限し、最小限に抑えてください。

0
emeralddove

短い形式は明らかに望ましい目標です。あまり使用されないフォーム入力を処理する方法をいくつか使用します。

勇敢なデザイナーになる:デフォルトを慎重に決定し、次にオプションを完全に削除する。通常、プロジェクトチームにものを削除するように説得することは困難です(おそらく、技術者はTweakでハッピーなコントロールフリークであることが多いためです)。

めったに使用されないオプションを非表示にする:まれなオプションを本当に含める必要がある場合は、展開パネルでオプションを非表示にするラベルを付けることができます。 customize formatting >>、またはcustomize detail level >>

別のレイアウトオプションは、ラジオボタンを選択して追加のパネルを開くことです。

[o] standard page format
[ ] custom page format...

...次にカスタムラジオを選択したら、ページ形式に関連する3つのオプションを使用してパネルを展開します。これは、提供したい「プリセット」構成がいくつかある場合に適しています。

[o] standard A4 page format
[ ] standard letter page format
[ ] custom page format...

また、基本/上級などの一般的な用語は避けてください。ユーザーは、追加の詳細に関心があるかどうかを知りたいのですが、「詳細」では、そこに何が期待できるかを知ることができません。このような状況では、「...をカスタマイズする」のような表現が好きです。私の耳には、「鳴らなくても大丈夫」という素晴らしい音が鳴ります。

0
Daniel Baird