検索ボックスの推奨サイズはありますか？
検索が短い場合、ユーザーは検索パターンを変更しますか？検索ボックスが大きすぎると、ユーザーの検索が少なくなりますか？
私が見つけた唯一の記事は 2009 Smashing Magazineの記事 ：
[ニールセン]の調査では、平均検索ボックスの幅は18文字であることがわかりました。データは、クエリの27％が長すぎてそれに収まらないことを示しています。 ボックスを27文字に拡張すると、クエリの90％に対応できます。ピクセルとポイントだけでなく、emsを使用して幅を設定できることを覚えておいてください。 1つのemは、1つの「m」文字の幅と高さです（Webサイトが設定されているフォントサイズを使用）。したがって、このメジャーを使用して、テキスト入力フィールドの幅を27文字の幅にスケーリングします。
一般的に、検索ボックスは短すぎるより幅が広すぎるので、ユーザーはクエリをすばやく確認、確認、送信できます。このガイドラインは非常にシンプルですが、残念ながら却下されたり無視されたりすることがよくあります。入力フィールドの一部のパディングも、デザインとユーザーエクスペリエンスを向上させることができます。
私の経験から、答えは...場合によります！
私はレシピのサイトで働いていて、昨年全面的にデザインを一新した新しいサイトを立ち上げました。以前は小さな検索ボックスを使用しており、ユーザーは大きな検索ボックスとはまったく異なる方法で検索ボックスを操作していました。
人々が検索語句で収集したデータを見ると、大きな変化は、ボックスが小さい場合、検索語句がはるかに制限されていることです。これは、より複雑な検索を入力したより広いボックスに比べて、数語です。
私はこれが理由だと思います：
- ユーザーは入力しているすべてを見ることができ、それは彼らにとって重要であるように見えました。
- ボックスの幅が広かったので、より多くの文字を入力できるようになりましたが、ユーザーが入力する回数を減らすことはできませんでした。
次に、それをより複雑にして、システムが結果を戻す方法を許可することができます。たとえば、レシピが複雑になる可能性があり、一部のユーザーは多くの基準を入力したいが、必ずしもその結果だけを必要とするのではなく、それぞれを含むレシピを必要としましたデータをセグメント化した方法の基準。 「簡単トマトパスタ」-「簡単」、「トマト」、「パスタ」を持ち帰り、最も関連性の高いものから最初に注文できます。
これは私たちにとっては非常にうまくいきましたが、次のようないくつかの追加基準によって異なります。
- ユーザーが検索を使用する方法
- 検索する必要があるコンテンツの量
- 結果を戻し、表示/フィルタリングする背後にあるロジック
お役に立てば幸いです。
主な要因
1.予想される検索語の平均の長さ
入力の可視文字容量は動作に影響します。私のテストでは、ユーザーは本能的にエントリを利用可能な長さに制限します。これは、入力がフィールド境界を超えた入力をサポートする場合でも当てはまります。
既知の基準が確立されている幅のわずかな変動をテストしました。フィールド幅を平均文字列長より下にすると、平均が低くなりました。最大値を見つけるために、弦の長さが上限に達するまで上昇を続けました。
2.検索機能の目立つ目立ち方
入力のサイズは、入力された文字数よりも大きな影響を与えます。アプリケーションでの検索はどれほど価値がありますか？より長く正確な用語を使ってより多くの人々を検索ボックスに入れるのは良いことですが、彼らにブラウジングを促しますか？
私はどんな行動要因にもハードルールを課すのは嫌いです。優れたテストは、本能と経験よりもはるかに多くの権限を持ちます。一方、オープン検索は、Webサイト/アプリの使用において期待される標準となっています。ユーザーが検索機能をすぐに利用できないと、ユーザーが必要以上に機能しなくなる可能性があります。
Ecommの世界では、ほとんどのアナリストは、検索を行うユーザーはより多くのお金の価値があると言っています。私は自分のテストでこの仮説を確認しました。中心的な考え方は、すでに何かを考えているユーザーはコンバージョンに至る可能性が高いということです。検索を容易にすることは、変換を容易にすることを意味します。
検索ボックスの標準サイズはありますか？ -[〜＃〜]いいえ[〜＃〜]
しかし、最小サイズを維持する必要がありますか？ [〜＃〜]はい[〜＃〜]
ユーザーが簡単にクエリを入力して検索を実行できる限り、検索ボックスのサイズは任意です。
最も一般的に使用されるサイズ
上記のことを言っても、google、Quora、Youtubeなどの標準的なインターネットジャイアントではありませんが、500pxより大きく600pxより小さい検索ボックスサイズを使用します。
Quoraは最近、フォーカス検索ボックスの拡張も導入しました。どうして ？
autosuggestが存在する場合、検索ボックスのサイズは、検索クエリではなく結果のサイズにより大きく依存するためです。
Quoraの検索結果は主に通常の検索結果よりも長い質問です。したがって、より長い検索スペースが必要です。
不動産が制約である場合
不動産に制約がある場合、検索ボックスのサイズが気になる。多くのサイトで見られるような場合には、小さなサイズの検索ボックスに拡大する単純な検索アイコンも使用できます。
編集：
この article がウェブで見つかりました。さまざまな検索ボックスのサイズについて説明します。
約4〜5年前に、私はAOLカナダのホームページの再設計に取り組んでいました。当時は、ヘッダーにGoogleが提供する巨大な検索バーがありました。検索バーの幅は約800ピクセルで、ページのほぼ全幅に及び、ボックス内に「ここに検索を入力してください」と書かれていました。
これはやり過ぎのように思えたので、検索バーの幅を約100〜200ピクセル減らすことを提案しました。答えはノーでした。
その理由は、Googleとの検索契約により多くの収益が得られたこと、そして検索ボックスが大きいほど、そしてそれが明白であるほど、より多くの人々がそれを使用したということでした。
私の仮説は、既に巨大な検索バーのサイズを20％削減しても、それが上部ヘッダースペースで最も視覚的に目立つアイテムであったため、使用量を削減しないというものでした。しかし、彼らの観点からは、大きすぎる検索ボックスのようなものはありませんでした。
一方、私が現在取り組んでいる製品（デスクトップアカウンティングソフトウェア）には、上部のツールバーに非常に小さな検索ボックスがあり、調査の結果、ほとんど使用されていません。
だから、あなたの質問に答えるために、私は検索ボックスの単一の推奨サイズがあるとは思いません。サイズと（おそらくより重要な）配置は、全体的な製品エクスペリエンスまたはビジネス価値との関連性に基づいて決定する必要があります。
ユーザーが慣れているように見える限り、検索入力は大きすぎてはいけないと思います。たとえば、Google検索入力は60文字です。
検索ボックスが検索ボックスのように表示され、絞り込みを行わない場合、すべてが通常どおり機能するはずです。とにかく、それをテストすることは常に良い習慣です。
検索ボックスは、問題のサイトでの検索ボックスの重要性、または使用する必要があると思う程度を反映したサイズにする必要があります。それが小さすぎる場合は、焦点を合わせたときに使用可能なサイズに拡大します。
Apple.comの検索フィールドは非常に小さいので、ユーザーは探している製品に直接アクセスするのではなく、ユーザーに見回してもらいたいと考えています。
Googleの検索エンジンの長さは約42文字です。つまり、7.5インチです。彼らは前の年と比較してこのサイズを大幅に減らしました： https://www.seroundtable.com/google-search-box-size-change-20835.html
検索ボックスに 英語の辞書で最も長い単語 、（pneumonoultramicroscopicsilicovolcanoconiosis）45文字を含めることができれば、問題ないはずです。 :)
冗談はさておき、ユーザーが検索を実行するかどうかは、コンテキストによって異なります。ポートフォリオサイトとは対照的に、eコマースサイトやよくある質問ページで検索を増やします。記事が言っているように、長さは短すぎてはいけません。