web-dev-qa-db-ja.com

3ウェブサイトの上部にあるメニュー

それで、私は3つのメニューが上にあるサイトで作業を始めました。クライアントは、人々がカテゴリやコレクションにすばやくアクセスできるようにする必要があると主張しています。私はそれがうまくいくと何を示唆するべきかわからないだけです。ドロップダウン?他のアイデアは?このサイトは、商用機器だけでなく、愛好家の市場にも販売しています。私はデザイナーではないので、エレガントなソリューションを考えることはできません。このWebサイトは商用カートソフトウェアで作成されており、bootstrapメニューを使用すると効果があります。質問を読んでいただきありがとうございます。私が話していることの簡単なモックアップを添付しています。 website

3
apaul

クライアントは基本的に正しいです-ユーザーは探しているものをすばやく効率的に見つける必要があります-この優れたUXだけでなく、 eコマースにより、コンバージョンが向上し、利益が向上します。

ただし、3つのメニューすべてが一度に表示されるという彼らの主張は見当違いであり、おそらく上記の基本的なユーザーの目標に悪影響を及ぼします。

ユーザー自身は、製品を導く分類の全体的な構造に必ずしも悩まされているわけではありません。分類の構造がユーザーのコミュニティではなくビジネスの内部にある場合、事実は大きく複合します。クライアントが、ユーザーに馴染みのないこのメニューを作成するために、使い慣れたシステムを使用していないことを確認する必要があります。

ユーザーが探しているものを発見できるようにするには、いくつかの方法があります。

ファセット検索

ファセット検索は、特定の結果セットで使用可能なさまざまな機能の内訳をユーザーに提供し、それらの機能を選択するか、それらの機能の値の範囲を定義することでさらに細かく分類できるようにする手法です(前者は通常、個別の色やサイズなどの値。後者は通常、価格などのスケーリングされた数値に対して行われます。

OP固有の状況に適用される基本的な例は、トップレベルのカテゴリメニュー、次にコレクションによるフィルタリングを可能にするファセット検索ボックスを持つことです。ただし、この手法はさらに高度なものになる可能性があり、あらゆる種類の機能が組み込まれているため、ユーザーは目的を反映した製品機能の組み合わせにすばやくドリルダウンしたり、興味のある機能の組み合わせを含む結果セットをすばやく構築したりできます。に。

ファセット検索の良い例がここにあります: Asos Clothing

ファセット検索についての詳細はこちらです X Matters

タグ付け

タグ付けを利用することで、製品のカテゴリー/機能をより階層的でなくより自然な方法で設定できます(これを複数のカテゴリーにある製品として見ることもできます)製品がサイトの複数の関連する場所に表示されるようにすることができます。これは、目標を達成しようとするときに異なる条件を考慮しているユーザーが引き続き製品を見つけることを意味するため、素晴らしいです。製品が1つのカテゴリに1つだけあり、そのカテゴリが1か所だけにある場合、ユーザーに多くの行き止まりを作成できます。

私たち自身のスタック交換はこの方法を使用しています。質問には最大5つの関連タグが付けられ、その結果、さまざまな目標を持つユーザーには表示されますが、発見されても関連性が維持されます。タグ付けは、社内でのみ、または従業員のみで行うことができます。また、信頼できるユーザー(SEなど)でも行うことができるため、製品ベースの専門家から豊富なタグ付け情報を入手できます。どちらも検討する価値があります。

タグ付けは、ファセット検索でも非常にうまく機能します。

非常に厳密に分類された製品セットの場合、そのカテゴリー構造を確実に知ることができるユーザーベースの場合、タグ付けの関連性は低くなります。

基本的な検索と並べ替え

基本的なキーワード検索機能も、それが正当な目標を指すように書かれている限り便利です。結果のソートメカニズムも同様です。

それ自体を明らかにするメニュー

最後に、メニューがある場合は、徐々に表示されるように設計することができます。ユーザーが「xに興味がある」と判断すると、xy、xz、xn、xmなどを表示できます。これにより、初期の認知負荷を軽減できます。サイトにアクセスして、いくつかのトップレベルのアイテムを表示し、ユーザーが選択できるようにします。

これらの方法はすべて、ユーザーが必要なことを実行するのに役立ちます。これは、自分自身を目標にナビゲートすることであり、例やアイデアを持ってクライアントに戻り、ユーザーベースと現在のビジネスをオンラインでどのように使用しているかを確認する必要があると思いますまたはオフラインで、利用可能なオプションをユーザーに最適に機能させる方法について話します。

4
Toni Leigh

「契約」、「販売」、およびさまざまな「ショップ」オプションの違いは何ですか?

ベストプラクティスとして、ナビゲーションは ミラーの法則 に従って5〜9項目に維持されることが多いことをクライアントに説明します。ただし、すべてのナビゲーションが最大9項目に制限されているとは限りません。さまざまなグループ化、Webサイト内の配置、およびデザイン要素を使用して、関連するアイテムを分離し、ナビゲーションオプションを確認する際にユーザーが必要とする作業メモリの量を減らすことができます。モックアップでは、各グループの周囲の境界線がそれらを適切に区別し、色などのデザイン要素がさらに区別できる可能性があります。

別のオプションは、メインナビゲーションからユーティリティメニューにいくつかの項目をプルすることです。ユーティリティメニューは、多くの場合、Webサイトの右上隅に表示されます。 「ログイン」と「登録」はユーティリティと考えることができます。

全体的なコンテンツ構造に関して、Webサイトの主要ユーザーがクライアントの製品がカテゴリとコレクションの両方で区別できることを認識している場合、「ショップカテゴリ」と「ショップコレクション」の両方を維持することがおそらく必要です。そうでない場合、ユーザーがマウスホバーまたはタッチ(タブレットまたはモバイルデバイス上)で「ショップ」を操作すると、「ショップ」がサブメニューに「ショップカテゴリ」と「ショップコレクション」を表示する親ナビゲーション項目として機能する可能性があります。 。または、利用可能な画面スペースに関連するカテゴリとコレクションの数に応じて、サブメニューの適切な見出しの下に各リストを表示できます。

1
Andy