it-swarm-ja.com

選択ボックスと検索バーを組み合わせることができますか?

さて、あなたは検索バー内の選択ボックスをどう思うかと思っていました。テキストがボックスの下に入らない限り、私はそれが本当にクールに見えると思います。

例:

enter image description here

これは、現在コーディングしているホスティングサイトに属しています。しかし、友人は、他のすべてのホスティングサイトには、バーの外とボタンの横にそれがあるので、私たちは彼らのようにそれをするべきだと言いました。

わかりません。他の人とは違うことをしたいだけです。どう思いますか?

4
Kawohi

Do n't Make Me Think:A Common Sense Approach to Web Usability と呼ばれる有名な本があります。これは、ユーザーに(一瞬でも)ユーザーがサイトに不満を感じ、使いやすさを損なう可能性があることを説明する方法を説明しています、など.

ユーザーは、このような一般的なコントロールが特定の方法で表示されることを期待し、そうでない場合はイライラします。車について考えてみてください。すべての主要なコントロールが非常に同じであるため、実質的にすべての車に乗り込んで運転することができます。すべてが予測可能であり、非常に良いことです

ところで、ユーザーが非常に長い名前を入力しようとするとどうなるか考えましたか?あなたのコントロールでは、テキストはドロップボックスまたはその上のオーバーレイのいずれかで非表示になっているように見えますが、どちらも適切ではありません。一方、テキストボックスとドロップボックスが別々の場合、その問題は発生しません(テキストは単に水平方向に自動スクロールします)。

7
Dan Barak

したがって、UIをこのように設計する2つの理由は、「見栄えがする」と「他の誰もが行うこととは異なる」ということです。

その場合、私の答えは次のようになります。UIを特定の方法で設計する理由として、これらは適切ではないと思います。ユーザーインターフェースを作成するときに覚えておくべき最も重要なことの1つは、自分用ではなくエンドユーザー用に設計しているです。

それはあなたがあなたのサイトを訪問している人々を知る必要があることを意味します期待し、理解し、そして以前に使用したことがある。したがって、たとえば、ユーザーの一部を使用して、選択ボックスを検索フィールドの外側に配置する競合他社のサイトを使用してユーザビリティテストを行い、デザインを使用してユーザを観察します。どちらがより適切に機能するかを確認します(これはかなり小さなUIなので、違いはない可能性があります)。

ただし、全体として、「かっこいい」と「私は違うのが好き」では、UIデザイナーとして真剣に受け止められないことに注意してください。ほとんどの場合、あなたはあなたの議論を裏付ける事実を持っている必要があります。使用状況データまたはメトリックが良い出発点です。

7
Rahul

この質問は更新に値するようです...

落ち着いてコントロールを組み合わせる

7年前(問題が提起されたとき)、これは一部の人には「珍しい」ように見えました。 @kawokiのように質問したいと思った人に感謝します—今すぐコントロールをマッシュアップしても大丈夫です!

The now ubiquitous Amazon mega-search box

業界(特にe-commおよびモバイル)として、互いに補完し合うコントロールを組み合わせて実験を行いました。アマゾン検索ボックスは、典型的な事例です。無限のテスト(現在も継続中)の後、通常のカテゴリブラウジングエクスペリエンスが微妙なメニューにダウンプレイされ、検索ボックスが最高に輝きました。デフォルトではグローバル検索ですが、前述のカテゴリには検索ボックスから直接アクセスして範囲を制限できます。

物語の教訓

革新的な相互作用が特定の問題を解決するように思われる場合、それはユーザーにとっても意味があるかもしれません。 「アンコモン」として捨てないでください—テストしてください!

2
plainclothes

また、注目に値するのは、検索バーへの訪問者の大多数がモバイルになることです。ドロップダウンがモバイルデバイスユーザーにとって非常に使いやすいかどうかはわかりません。

0
Saurabh M