訓練された/経験豊富なユーザー向けの大規模なWebフォーム（数十のフィールド）ですか？

Question

私は、アプリケーションで訓練されるユーザーベースのための大きなフォーム（数十のフィールド - 多分50+）のWebフォームデザインのいくつかのガイダンスや例を探してきました。

ガイダンスの99.9％は、すべての意味で有効な目標である「アクセシビリティ」または「直感性」に合わせているようです。問題は、最初に（または唯一の）時間に遭遇する可能性が高いユーザーによって、一時的またはまれに使用されるフォームは、ビジネスアプリケーションへのデータ入力のフォームと比較して、はるかに異なる考慮事項が必要であるということですこれはアプリで訓練されたユーザーによって一日中何度も繰り返し使用されます。

• 私は一回限りのために設計していた場合（サインアップフォーム言う）、私は、ユーザーが助けるが、ステップを自然に流れて終わることができないように、フォームの設計に集中したいです彼らの目標を完了し、すべての暖かく、あいまいな感じ。
• フォームを1日20回使用する経験豊富なユーザー向けに設計している場合、クリック数やナビゲーションなどを最小限に抑えるように設計されています。外観や才能についてはあまり気にしません彼らがフォームを通して作業するのを手助けする微妙な手掛かり。彼らは手の後ろのような形を知っていて、できるだけ早くデータを入力し、可能な限り一視点で見ることができるようにしたいと考えています。

私がユーザーから求めている要件は、1つの画面で「すべて」を見たいということです。彼らはスクロールする必要はありません。彼らは他のページへのクリックを最小限に抑えて作業を続けたいと考えています。

誰にも提案/リンク/警告メッセージがありますか？

おかげで、 デイブ

Answer 1

私の本能は、ユーザーが、彼らがしなければならない連続データ入力の量を最小限に抑えるだけでなく、セクションあなたを保つために、間を移動することができますセクションにそれを破るためにあなたを伝えることですminiumを検証する必要があります。トップへ戻るまでスクロールしなければならないだけの底にすべての方法を取得...迷惑な！

あなたが大規模なフォームをしたいので、しかし、私の提案は、次のとおりです。

1. 検証あなたが行くように。ユーザーが入力またはセクションを離れるとすぐに、すべてが正常であることを知らせます。コントロールに貼り付けてはいけません。ビジュアルフィードバックを使用してください（赤や似たような背景があります）。

2. そのページを失うことはありません！ユーザーの状態を保存するには、どのような技術（バックグラウンドでの送信を含む）でも使用できます。面白いことに、特定のユーザー主導のプログラマーのコミュニティのWebサイトでは、それが...

3. タブナビゲーション！タブの順序を設定してください！あなたのキーボードウィザードはあなたを愛します

4. 可能な限り1行に詰め込みたいかもしれませんが、そうしないでください。適切なスペーシングと垂直方向のナビゲーションを維持します。人々は垂直方向にスクロールすることに慣れています。

私は、クライアントがあれば、それはしかし、「1」ページで行いたいことを理解はもっとたくさんがあります、しかし、あなたが期待するかもしれないとして、より良い答えがあります、here

Answer 2

なるほど、

これはまれに使用されるように私は彼らにそれを与えることを言うサイズの断片やあなたの直帰率は、屋根を通過します。少数を示すために

http://www.thecodemine.org/

http://cardonadesigns.com/wordpress/thoughts/ajaxish.php

http://jquery.bassistance.de/validate/demo/multipart/

：

ここ

は、私が参照のうえ午前ものに似フォームにjqueryのを使用して、いくつかのリンクです。

Answer 3

私には2つの提案があります。キーボードと一貫性。そのようなフォームを頻繁に使用すると、あなたの目を閉じてそれを行うことができますしたいと思うもの。

フォーカスは最初のフィールドにある必要があります。そこからキーストロークを入力するたびにフォームを入力して送信する必要があります。通常、これはすべてのフィールドが入力されるまで入力してから入力します。

何かがうまくいかないときに音声のフィードバックを得ようとすると、しばしば人が盲目になり、紙に目を向けて画面に表示されないように、画面を見ているように伝える簡単なビープ音が本当に役立ちます。

Answer 4

私たちの本「働くフォーム」の中で、使い慣れた、熟練したユーザーのためのフォームを設計するための主要なドライバーに触れています。

重要なポイントは以下のとおりです。

• が説明するように、1ページにすべてを詰め込むようにしてください。毎日同じフォームを使用しているときは、画面から画面へクリックするのが非常に疲れます。
• いくつかのアイテムを分離する必要がある場合は、非常に慎重な観察分析を行い、まれに本当に使用されているアイテムを発見してください。それらを「余分なクリック」画面に置く。
• 略語が必要であることをユーザーからアドバイスを得て、無慈悲にラベルを省略します。とにかく、ラベルの読み上げをすばやく停止します。ほとんどの場合、相対的なフィールドの絶対的な位置から作業します。
• ...これは、フィールドの移動を許可しないことを意味します。絶対位置を保持していることを確認してください。これは完了のスピードのために不可欠です
• フォームがキーストロークだけで完全にナビゲート可能であることを確認してください。これは、経験豊富なユーザーによる迅速な完了には不可欠です。
• フィールドに入る回答の場所を確認します。彼らが別の文書からのものを入力している場合（それはまだ起こりますが、私を信じてください）、入力した文書のレイアウトに表示されているように、フィールドが互いに同じ絶対位置に配置されていることを確認してください。
• 「直感性」があまりにも心配しないでください。これらの人々は訓練を受けるつもりです。
• 直帰率はまったく関係がないため、「コンバージョン」または「直帰率」についてのアドバイスはスキップできます。これらのユーザーには、別の場所に行って別のフォームを実行するオプションはありません。

詳細については、私に直接お問い合わせください。Caroline Jarrett。 Forms that work - our book's web site