web-dev-qa-db-ja.com

クリックで検索バーを拡張する-良いか悪いか?

検索ボックスのヘッダーのスペースに問題がある場合、それをバイパスする最良の方法は何ですか?

また、多くの調査では、(多くの理由で)テキストボックスの横に「検索」ボタンを配置することが重要であることが示されていますが、Appleにはボタンがありません。上記の2番目のオプションを使用します。 、Enterキーを押して検索する必要があります。

「検索」ボタンは次のようになります。

  • 常に表示
  • 表示しない(入力のみ)
  • ユーザーが検索ボックスをクリックしたときにのみ表示されます
7

虫眼鏡アイコンの付いたボタンだけが検索アフォーダンスを示していますが、クリック/タップした後に何が起こるかはユーザーには不明確かもしれません。可能な解釈:

  • "別のページが開き、検索フォームが表示されます(たぶん「高度な検索」?)。"-ユーザーは、複雑な検索フォームに直面する必要があるかどうかわからない、そして、彼/それは彼が彼の指先で持っているべきである検索機能性をロードするためにもう一つのクリックとしばらく時間を期待します。つまり、悪いUX、または少なくともそれほど良くないものです。
  • 「検索フィールドのあるポップアップが表示される場合があります。多分...?」-しかし、これはかなりありそうもない解釈です。
  • "入力を拡張する可能性があります。"-しかし、これはあまりありそうもありません。

フィールドを追加すると、次の2つのことが得られます。

  • search-without-leaving-a-pageアフォーダンスが表示されます。したがって、ユーザーは最初から、フォームを探して送信するテキストを入力するだけでよいことがわかります。
  • 検索機能の劇的な可視性の向上になります。
  • タップ/クリックターゲットが大きくなります

このフィールドはexpand on focusにすることができます。特に、余計なものを少なくするために空白が必要な場合は、ヘッダーを処理するのは非常に良い解決策です。

送信ボタンについて。 Appleにはありませんが、[〜#〜] fayt [〜#〜](find-as-you-type)が実装されていることは事実です、入力した文字列に関して最も人気のある検索は何であるかを伝えます。何もない場合-ドロップダウンにCTAの形式でvisual(textual)cueがあります: "候補は見つかりませんでした。検索... "、これをタップすると、検索結果が表示されます。完璧ではありませんが、送信ボタンの欠如に対処するための解決策です。

しかし、個人的には、検索フォームに送信ボタンが存在する必要がありますだと思います。これには3つの理由があります。

  • 一部のユーザーは "click-freaks"-Enter/Returnキーを押すよりも送信ボタンをクリックすることを好みます。
  • 一部のハイテクに精通していないユーザー(実際にはそれほど多くはないかもしれませんが、それでも)フォームが物理キーで送信できることを知らない可能性があります
  • iOSタッチデバイスで(Androidパターンは不明)] [Return]キーがコンテキストで[Search] submitキーに切り替えられます(ちなみに、アドレスバーに移動すると[Go]に変わりますが、フォームから注意を引き、一部のユーザーはそれを見つけるのに問題があることに気付き、最初に送信ボタンを検索してからキーボードを見る場合があります。 。

したがって、私の推奨は、送信ボタンを備えた拡張可能な検索フィールドです。基本的には、フィールドがフォーカスされていないときにこの送信キーを非表示にすることができますが、何のために-検索アフォーダンスをより明確にするために使用できます。

9
Dominik Oslizlo

検索ボタンは、常にアクセシビリティの観点から提供する必要があります。キーボードなしのデバイス(iPad、モバイル)で表示している場合も、ボタンを提供することをお勧めします。

0
Rash

それは完全にあなたのアプリケーションでの検索の重要性と正確にそれが置かれる場所に依存します。

Apple=で検索が機能する理由は、Enterボタンがデフォルトの検索機能として機能しているためです。キーボードから検索バーにテキストを入力しているとき、ユーザーはEnterキーを押すよりもEnterキーを押す傾向があります。キーボードから離れて、検索ボタンを押したままクリックしてクリックすると、検索結果を取得するためにユーザーが実行しなければならない一連の小さなイベントがあることがわかります。

入力機能と統合された検索/移動などのラベル/ボタン/アイコンで拡張する検索ボックスを使用することをお勧めします。

その他の追加は、検索バーのプレースホルダーテキストである可能性があります '検索するにはEnterキーを押してください'。

0
ideawebme

最初の方法-私は明確なノーだと思います。ユーザーが検索するためにクリックしなければならない量が増えます。さらに、検索入力が壊れているか、利用できないように見える場合もあります。

方法2-私がそれを見るときはいつでも、ほとんどのアプリケーションにとって意味がないように思われますが、人々が文の短い断片以上のものを検索することはめったにありません。

個人的には、静的入力と右側のボタン(テキストまたはアイコン)を備えたスタンド検索フィールドに行く方法だと思います。それは、大多数の人々が知っており、理解し、期待していることです。

0
Joe Taylor