データ入力用のjQuery AutoSuggestまたはドロップダウン
ユーザーが入力した内容に基づいて結果を取得するには、州、都市、およびストリートを入力する必要があるプロジェクトの改善に取り組んでいます。現在のモデルでは、ユーザーに州、市、および通りをテキストフィールドにフリーフォームで入力するように求めています。これにより、入力ミスが原因でデータに欠陥が生じることがよくあります。
収集するデータの品質を向上させるために、ユーザーが自由形式の情報を入力する代わりに、データベースから州、都市、および通りを選択できるシステムを実装したいと考えています。選択は段階的にフィルタリングされます。つまり、ユーザーが州を入力した後、都市はフィルタリングされ、選択された州の都市のみが選択対象に含まれます。 問題は、データベースが完全ではないことですが、常に更新されています。これは、一部のユーザーの都市および/または道路が選択としてリストされないことを意味します。
ユーザビリティテストでは、ドロップダウンメニューとjQuery autosuggestという2つのオプションを吟味しました。残念ながら、どちらも最適であるとは証明されませんでした。
Autosuggestプロ
- データベースにあるかどうかに関係なく、ユーザーが情報を入力できるようにします
- 現在のフリーフォームのテキストフィールド入力モデルから大幅に逸脱することはない
Autosuggestの短所
- 自由形式の入力がまだ許可されているため、多くの不正なデータ入力が発生しました
ドロップダウンプロ
常に質の高いデータ入力をもたらした
ドロップダウンはWeb全体での慣習であり、テスト参加者はこの点を明示しました。
ドロップダウンの短所
例外処理、つまりユーザーが希望する選択がリストされていない場合、ユーザーはそのことに気付かなかった。私たちの例外処理プロセスは、ドロップダウンの隣に「市はリストされていませんか？ここをクリックして今すぐ入力してください」というボタンを配置することでした。ボタンをクリックすると、ドロップダウンがテキストフィールドに変わり、ユーザーはデータベースに見つからなかったため、選択肢としてリストされていない都市/通りを入力します。
ユーザーがドロップダウンで都市/通りを見つけることができず、ボタンを見つけることができなかったため、ユーザーは不満を感じ、close彼らに、それは正確ではないので明らかに望まない。
私の質問は、ここに欠けているオプションはありますか？私たちのデータベースが不完全であるという事実は私たちの状況を助けませんが、私たちのようにデータベースが不完全な状況で高品質のデータを収集する他の方法はありますか？
コンボボックス のように聞こえます。 jQueryUIには、Nice ここにコンボボックスの例 があります。 AJAXフォーム検証を使用して、少なくともが有効な通り/ ectのように見えることを確認し、フィールドの下に小さなメッセージを表示し、「この住所は正しいですか？」のような効果があります。いくつかの検証ルールは、数字のみで、英数字以外の値が含まれている道路名などをキャッチすることです。
haveを使用して、ユーザーが作成したストリートアドレスの入力を受け入れます。メールシステムがデータベースに表示されません。都市、地域、郵便番号の完全なセットにアクセスできる場合、郵便番号、州、市区町村をより厳密に検証できます。
Twitterのbootstrapを使用しています。オプションは次のとおりです。 typeahead
自動提案することができます。それが入力されたがデータベースにない場合、保存（またはぼかし）すると、小さなポップアップダイアログ（インライン、新しいブラウザーインスタンスではない）が表示されます。入力されたものがデータベースにないためです。 。どちらかを選択するか、入力した内容で続行します。
ユーザーが手動で確認するために新しい都市を追加したレコードにフラグを付けます。