フォームの自動補完とボタン配置
書籍を表すフォームがあり、ユーザーがタイトル、著者、発行年などを入力します。ユーザーが書籍を見つけるのに十分な情報を入力すると、書籍全体が自動入力される機能があります。
私が最初に考えたのは、ユーザーが十分な情報を入力したときにユーザーがいるフィールドの横に「検索」ボタンを追加することでしたが、同僚の1人がこれを直感的に理解していません。そして、私は問題を見ることができます。アクションがすべてのフィールドを埋めるのか明確ではなく、ボタンが何を操作しているのか正確には分かりません。
反対に、フォームの下部にボタンを追加し、保存ボタンと他のボタンを使用すると、ユーザーが最適なタイミングで（レコードの入力の初期段階で）気付く可能性が低くなります。ただし、フォーム全体で機能することは明らかです。
このような機能をどのように実装しますか？
表面的には、これはフォームの住所を自動入力するのと似ていますが、そのプロセスは非常に多くの人に馴染みがあり、ユーザーが選択する可能性のある少数の住所を決定するための主要なイネーブラである通常は郵便番号です。正しい家番号とフォームは自動的に入力されます。 alliescomputing.comの例
ただし、ここにあるのは単一の詳細レベルにそれほど焦点が当てられていないため、ユーザーにとっての問題は次のようになります。「ボタンをクリックしてもいいのですが "。
何百万もの結果になる可能性があるため、ユーザーに「e」だけを入力させてから検索を許可したくない。また、ユーザーが本を見つけるために実際に必要な情報よりも多くの情報を入力するように強制したくない場合もあります。 ボタンは「便利」であり、状況に応じて適切である必要があります。
これを解決する方法：
目標への進捗状況を示します：これをユーザーにとって問題にしないために、これまでに十分な情報が入力されているかどうかを示す必要がありますボタンを使いやすくするためです。これは、ユーザーがあるフィールドから次のフィールドに移動するたびに段階的に計算されます。たとえば、一致する結果の数を計算し、次のように適切な情報を表示します。
本が多すぎます-数を表示してください：これまでに一致する本が多すぎる場合は、一致する本の数を表示して、ユーザーが量を確認できるようにします情報があいまいです。これにより、ユーザーはより正確な情報を入力できるようになります。
50冊未満の本-番号を表示し、リストへのアクセスを提供します：結果の数が管理可能なものに到達した後、たとえば6から50の結果が表示されます。書籍の数および「一致する可能性のあるリスト」ボタンを表示して、オプションでそれらの結果を閲覧し、フォームをオートコンプリートするために1つを選択します-または、状況に応じて、おそらくリストを介してフォームをバイパスして、本に直接ジャンプできますか？
一握りの本-それらを自動的にリストします：結果の数が少ない場合-たとえば5以下であれば、ボタンを省略して一致する結果を表示しますとにかく、フォームの横の短いリストにあります。繰り返しますが、その時点でフォームの完成を省略できる場合があります。
本がありません-そう言ってください：結果が見つからない場合は、ユーザーがさらに情報を入力してそれ以上取得することがないため、これをできるだけ明確に示します。
警告：これの多くは、その場でタイムリーに応答するフィードバックを提供できることに依存していますが、これが可能であれば、ボタンの問題はなくなります。
オートコンプリートを使用しない場合は、ファセット検索をお勧めします。多くのeコマースサイトで使用されており、ユーザーはそれがどのように機能するかを理解しているため、非常によく知られています。コンテンツが何であっても。
「ファセット検索の設計」の記事でSTEPHANIE LEMIEUXを引用
「ファセット検索を使用すると、ユーザーは多数の個別の属性（いわゆるファセット）を使用して情報のコレクションを調整またはナビゲートできます。ファセットは、通常は明確に制限され相互に排他的なコンテンツの特定の視点を表します。ファセット内の値は、 1つの選択肢のみを許可するフラットリスト（例：可能な靴のサイズのリスト）または複数のレベルをドリルダウンできる階層リスト（例：製品タイプ、コンピューター>ラップトップ）。すべてのファセットと値の組み合わせは、これらのファセット値は、メタデータとしてコンテンツに直接追加するか、テキストマイニングソフトウェアを使用して自動的に抽出できます。」
詳細な記事へのリンク： http://www.uie.com/articles/faceted_search/
たとえば、検索ボックスにハリーポッターと入力した場合、次のように表示されます。-名前（1）-著者（2）-年（6）-出版社（34）
たとえば、「名前」と「著者」のファセットを選択すると、「3」という結果が表示されます。1つは名前と完全に一致し、2つは著者の名前と一致します。
これにより、ボタンを追加したり、膨大な結果セットを表示したりする必要がない結果を絞り込み続けることができます。
フォームの下に、ユーザーの現在の入力に基づいて可能な一致をリストする小さなストリップを追加します。可能性のある一致の検索は、AJAXリクエスト内で、ユーザーの入力に500ms程度の短い遅延が発生するたびに発生します。
ストリップには、一致する可能性のある各表紙とその下のタイトルが表示されます。これは、Amazonが関連する本を提案するときに行うようにです。ユーザーがいずれかをクリックすると、残りの詳細がフォームに入力されます。