web-dev-qa-db-ja.com

検索アイコンと検索入力ボックス-どちらもワンクリック/タッチが必要:どちらを使用しますか?

かなり大きなサイトのモバイルサイトで作業しています。かなりの数のiAとナビゲーションのハードルが既にあるので、私は従来の検索入力ボックスの代わりに検索アイコンを使用することを強く求めています。

私の考えでは、どちらもクリックして(またはタッチして)アクティブにして検索を開始する必要があります。ユーザーがアイコンをクリックして検索をトリガーしたり、入力ボックスをクリックして同じことをしたりする場合、エクスペリエンスは同じです。ただし、アイコンは占有するスペースがかなり少なく、同じことを伝えることができます。

検索アイコンと検索入力ボックスの比較について興味があります...何か役に立ちますか?

8
Alec Schmidt

スペースが限られ、よりシンプルなルックアンドフィールが必要なモバイルプラットフォームでは、永続的な検索ボックスの代わりにアイコンを配置しても問題ないと思います。

たとえば、Android Market Appのアイコンをタッチすると、完了リストと仮想キーボードの入力を開始する準備ができた検索ページが表示されます。

enter image description here

7
Roger Attrill

それはすべて重要がどのように検索されるか、および頻繁にユーザーが検索を必要とする可能性があるかどうかに依存します。サイトがAmazonまたはgoogle検索のような検索に基づいている場合は、保持することを期待します検索候補も表示する検索ボックス。

一方、検索が二次的に使用される場合は、検索アイコンを選択して、左上または右上に配置できます。

3
Pratheep ch

検索フィールドの利点の1つは、ユーザーが無意識のうちにそれを観察できるため、非常にすばやく検索できること、または少なくとも検索が利用できるオプションであることを知って安心できることです。

Androidの例では、検索アイコンはスペースの制限を考えると最も確かに妥当ですが、重要な考慮事項は、モバイルアプリの画面領域が非常に制限されているため、小さな検索アイコンでも比較的大きいこのオプションは、主にデスクトップで使用されることが予想されるWebページや、小さな検索アイコンがページ上の他のアイテムに圧倒される可能性がある場合、あまり望ましくないか、機能しない可能性があります。

2
Kit Grose

このボックスには、以前の検索/フィルター入力を表示できるという利点もあります。

編集:

ユーザーが以前に検索/フィルターボックスに入力を行っていない場合は、アイコンでスペースを節約できます。

ただし、アイコンを押すことによる影響を明確にするために、検索が行われていることを示すアイコンのアイコンが表示されている必要があります。 (@fredleyが言及した問題を参照してください。)

例えば。右上隅に検索アイコンがあり、アイコンが左に拡張してボックスになっている場合は、アイコンの左側に、左向きの半三角形をいくつか配置します(「<<」など)。

ボックスに展開した後、検索アイコンを移動アイコン(「->」など)とクリア検索アイコン(「X」など)に置き換える必要があります。


検索を縮小してアイコンに戻す場合は、入力を失わないでください。検索が再び展開された場合は、もう一度表示してください。

2
Danny Varod

ボックスに行きます。クリックするとどうなるかは明らかです。アイコンが別のページに移動するか、不明なアクションが発生する可能性があります。

1
fredley

まあ、アイコンを持っていると、モバイルアプリの不動産スペースを節約できます。それは他のユーティリティアイコンとぴったり合う必要があり、ユーザーを混乱させないことが理想的です。これは、ICONが混乱しない、またはコンテキストなしでフロート状態を維持しない唯一の方法を定義します。私はそれが本当に種類から成っているスペースを与えられるべきではないことを意味します。これを、検索BOXが実際にアフォーダンスの対象である方法と比較します。そのため、アフォーダンスは注意深くもたらされなければなりません。 BOXに対しては必ず動作するはずです。しかし、そもそも検索BOXはいつでも最高ですが、それでもそれを不可能にする実際の課題がある場合は。

1
inkmarble

アイコンを使用して、検索フィールドと送信ボタンを含むポップオーバーを追加してみませんか?ユーザーが検索アイコンをクリックすると、ポップオーバーが開きます。そうすれば、ユーザーは同じページにいる可能性があり、検索フィールドには最後に使用された検索語が入力されます。

1
Tony Bolero