web-dev-qa-db-ja.com

ヘッダーの検索バーORナビゲーション?

クライアントのオンラインショップをデザインしています。検索バーはターゲットグループと関係者のためのもので、非常に重要です。そこで、ナビゲーションバーの上部にあるヘッダー(バリエーション1)で検索を行いました。私のクライアントは、ナビゲーションバーで検索を実行したいと言っています。

enter image description here

私の意見では、ヘッダーの検索はユーザーに焦点を絞っています。したがって、このオプション1を使用したいと思います。しかし、私は正しい推論を見逃しています。これらのバリアントのいずれかについての引数はありますか?残念ながら、私はウェブで発見された経験報告、事例、研究はありません。

手伝ってくれてありがとう。

参考までに:テストは現在のところオプションではありません。

2
ScienceNoob

検索は、情報アーキテクチャの一部です(または必要があります)。 IAは孤立して存在しませんが、バインドされていますが、コンテキストと使用可能なオブジェクトおよびモジュール(ページ、セクション、機能など)はバインドされています。 IAには、快適なエクスペリエンスを提供するために明確に定義する必要がある階層と分類があります。

つまり、ヘッダーの検索には非常に高い階層があることがわかります。これは、「ねえ、私はすべての上にいます!」 。これは、ユーザーがそれを使用することを強いられることを意味します。

ナビゲーションバーでの検索は、サイト構造の一部になります。ユーザーは、自分が製品を探すことができることを理解していないかもしれませんが、他のサイトと同様に、検索バーはページやセクションを探すことです。さらに:モバイルのナビゲーション内の検索ボックスはおそらく消えて、ユーザーはそれを見つけるために別の要素を操作する必要があります。 彼らはそれがそこにあると知っていると仮定します!

オンラインショッピングは検索中心であり、それは当然のことです。しかし、もちろん私が言及するほど簡単ではありません。例を挙げましょう。いくつかの本当に大きなオンラインショッピングサイトを見てみましょう。

enter image description hereenter image description hereenter image description hereenter image description hereenter image description hereenter image description here

パターンが見えますか? それらすべてが主要な要素として検索を行うだけでなく、ナビゲーションバーは本当に不足しているか、購入プロセスに限定されているか、単に消えています。 Google、AirBnB、Trivago、Bing、および基本的には検索ボックスである他のサイトを考えてみてください(AirBnBは現在より多くの要素を追加していますが、依然として検索ボックスがフォーカスされています)。そして、その理由は簡単です。ユーザーが検索したいのですが、どうして...何をしたいのかとは関係のないもので、彼らの注意をそらすのはなぜですか。疑わしい場合は、どちらの方法が効果的かを... Yahooに尋ねてください。

要するに

ステークホルダーにとって検索がこれほど重要である場合、それはヘッダーにある必要があります。数百万人がこのパターンの研究に費やされているため、成功した他のサイトのベンチマークを行って学習することができ、車輪を再発明する必要はありません。

2
Devin

ユーザーにFパターンで読み取り/スキャンすることを伝えます: https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

選択したい位置に注目が集まり、ナビゲーションに検索バーを配置すると、検索バーの注目が減ります。

また、アマゾン、ebay、そして収益を上げたい他のすべてのオンラインショップが、ロゴの後に最も注目される上部中央に検索バーを配置していることを彼らに伝えることもできます。

5

検索バーはできるだけ目立つようにする必要があります。他のメニューオプションの右側のヘッダーにあると、他のすべてのオプションで検索バーが「失われる」可能性があります。

オンラインショッピングに関しては、検索は最も強力なツールであり、それに応じて表示する必要があります。

また、レスポンシブな観点から見ると、ヘッダーに検索バーが含まれていると、小さいデバイスでは(幅の制限により)押しつぶされすぎて目立ちにくくなる可能性があります。

1
sclarke

メニューで検索したいのがわかります。結局のところ、ナビゲーションです。また、オーバーレイされたコンテンツではうまく機能しない画像をヘッダーに表示することもできます。

ここで重要なのは、ナビゲーションバーのアイテムの数と、サイトのコンテンツの幅です。彼らはあなたがどれだけのスペースを持っているか、そして検索機能がどれほど重要であるかを決定します。

たとえば、aliexpress.com、Amazon.com、ebay.comとは対照的に、Apple.com、Microsoft.com、sony.comを見てください。

最初の3つは比較的小規模な製品ラインで、簡単に細分化できます。したがって、検索機能の必要性が少なくなります。 iPhone、PS4、Officeの購入先を予測できます。アイテム数が少ないということは、検索バーに十分なスペースがあることも意味します。

しかし、他の3つを見ると、台所の流しを含む非常に幅広い品揃えがあります。文字通り。どのセクションからPS4を購入しますか?ビデオゲーム?エレクトロニクス?どうやら。彼らが販売している巨大な範囲を分類するのは難しい...だから彼らはちょっとそうではない。製品ページのURLは階層的ではありません。しかし、どのようにして目的の場所に到達できますか?検索、タグを使用し、階層にタグを配置して、製品に依存しない構造を作成します。

一般的に検索を優先しない理由もあります。ワンクリックの方が入力よりも高速であり、検索バーは探索の方法をあまり提供しないため、ユーザーはまだ知らないあなたの製品を知っている(したがって、購入/使用する)可能性が低くなります。

彼らがなぜそこまで検索したくないのかと彼らに尋ねましたか?そして、なぜ彼らはそれが非常に重要であると考えるのかと尋ねましたか。おそらく、彼らは現在、適切な情報階層を持たず、検索を松葉杖として使用しています。

1
PixelSnader