[Tab]キーを押したときのドロップダウンリストの使い勝手に関する質問

Question

私はこの質問に対する意見を探しています。これは大抵の意見だから誰かを正しい答えとしてマークするのは難しいでしょうが、UIの経験がたくさんある場合は、あなたの推論を分けてください。

私はウェブアプリケーションで完全にJavaScriptを使用しているドロップダウン（選択タグ）を持っています。ドロップダウンを変更するときにASP.NETポストバックを使用していましたが、実際には異なるブラウザでは一貫性がなく、矛盾していました。ドロップダウンをクリックし、ドロップダウンでオプションをクリックすると、フォーカスはそのドロップダウンにとどまりますが、インデックス/オプションは変更されます。すばらしいです！ドロップダウンをクリックし、矢印をクリックして[ENTER]キーを押すと、値を受け取り、送信ボタンのようにフォームを送信しようとします。何か誤りがあればエラーを出します。ファンタスティック！

エンドユーザが最初にドロップダウンをクリックした後、オプションの上にマウスポインタを移動しても（それ以外のオプションは明白です）、[TAB]キーを押してください。 [ANSWER＃1]オプションが選択され、次のフィールドにタブするか、[回答2]ドロップダウンをクリックする前に以前にあった値を残して、次のフィールドにタブするだけですか？あなたがUIの経験をたくさん持っている場合、私に推論を与えることはいいです。あるいは、あなたが多くのウェブサーフィン体験をしていて、ちょうどどちらかに悩まされているなら、私はそれらの物語にも興味があります。

ドロップダウンをクリックしてから、必要なオプションに向かって[TAB]キーを押してください。それはタブする前にそのオプション（インデックスを変更する）を選択します。

Answer 1

あなたは推論を求めたので、私はそこから始めます。ユーザーが自分の目標を達成できるようにし、ドロップダウンリストでオプションを選択することは、実際の目標ではなく、最後までの手段にすぎません。彼らは達成しようとしている仕事についてより高いレベルで考えており、あなたはドロップダウンの仕組みでそれを気にかけたくありません。したがって、（a）あなたは、あなたがドロップダウンを止めて考えなければならないことを望んでおらず、（b）それが実際に真実になる仕組みについての最初の賞賛を望むので、そうした方法でそれを操作しない彼らはウィジェットがそうではないと思っている間に彼らは選択をしたと思う。

2つの原則があります。一貫性とPrinciple of least astonishmentです。他のドロップダウンを見てください。特に、ドロップダウンに似ている、または同じアフォーダンスを提供する他のコントロールを見てください。概念的に似た選択肢を提供する他のコントロールを見てください。ページ内、サイト内の他のページ、意図するユーザーがアクセスする可能性が高い他のサイト、意図したユーザーがよく知っているデスクトップアプリケーションを調べます。いくつかの例を見つけたら、彼らがしていることをしてください。

例がたくさんあり、それらが互いに矛盾している場合は、最も驚くべきことは何でもあります。矛盾しているという不一致を考えてみてください。驚くべきことですが、ユーザーが互いに警告し合うという意味で注目すべきことです。