web-dev-qa-db-ja.com

左上のロゴは、マスターサイトのナビゲーションメニューを配置するのに受け入れられる場所ですか?

いくつかの理由により、上部のバーに多数のメインナビゲーションドロップダウンメニューを配置することはできません。サイトのロゴ(またはロゴ自体)の横にある下向き矢印をクリックして、マスターサイトのナビゲーションドロップダウンを作成することを検討しています。これはあまりにも非正統的で、人々がそれを理解できない原因となるでしょうか?

mockup

9
JClaussFTW

あなたの質問への短い答えはノーです。ドミニクが言ったように、「リンクとしての主要なロゴ」メソッドはユーザーをホームページに戻すべきです。あなたが想像できるすべての機能的なウェブサイトがこれを行います。例: UX Stack Exchange Logo goes to Home

ただし、サブメニュー(「通知」、「ホットトピック」、「新しい」など)を左上nearに配置する場合ロゴ自体は、ロゴ自体とは別の要素である限り、問題なく機能します。例: Dropdown Menu shows some content, not a full site navigationFacebook notifications icon is next to the logo

これに対する1つの例外は、アプリVineです。 Vineでは、上部のナビゲーションバーの任意の場所をタップすると、ドロップダウンメニューがプルダウンされます。ただし、ロゴがコーナーではなくcenterにあるため、これは異なります。また、これは「最小限の」iOSアプリであり、「通常の」ウェブサイトではありません。スクリーンショット: enter image description here

革新的になりたい場合は、VARAKのアドバイスに従ってHi-Fiモックアップを作成し、そこからナビゲートして反復するように友達に依頼してください。それ以外の場合は、人々が知っていることに固執します。ロゴはホームページに移動し、近くのドロップダウンには副次的な情報が表示されます。サイト全体のナビゲーションは、右上のナビゲーションバー、または左側または右側のナビゲーション列に表示されます。スクリーン。

9
William Newton

ウェブサイトの性質によると思います。それがツールである場合-場合によっては、特にドロップダウンからリンクされたページを切り替えることで完全に異なる、機能的/本質的に分離された領域に移動することを意味する場合は、これを実行できると思います。

例:

  • この(UX.SE)サイトは、ある程度の例となる可能性があります。 Stack Exchangeドロップダウンの下にロゴがありますが、これはUX専用の機能的/本質的に別の領域のロゴです。左上のドロップダウンには通知が表示されますが、他のStackExchangeサイト間を移動するために使用できます。

  • Themeforest( http://themeforest.net/ )とそのファミリー-同じ状況ですが、このケースでは完全に実装されています。

  • このGoogleファミリーツールレイアウトバージョン: http://www.seroundtable.com/google-new-bar-14389.html

ただし、それが最高のUXであるとは言いません。同じサイトのコンテンツページ間を移動するためではありません。

6
Dominik Oslizlo

ドミニクの発言をさらに詳しく説明すると、これが人々が繰り返し使用するアプリケーション(ユーティリティ)である場合、これでうまくいくかもしれません。これがコンテンツのあるWebサイトである場合、私はこのオプションを回避します。

この作業を行うには、多くのハードルがあります。ドロップダウンとしてのロゴは非常に非定型であることは明らかです(そして、ダウンキャレットがロゴの一部のように見える可能性は十分あります)。また、ナビゲーションを完全に非表示にすることもできます。これは、今日のナビゲーションの役割、つまり、サイトに何を期待するかの概要をユーザーに提供することのポイントを逃しています。

かなりの数のナビゲーションアイテムについて非常に心配している場合は、おそらくナビゲーションアイテムが多すぎます。それらはおそらく低すぎるレベルなので、それらをいくつかのより高いレベルの階層にバンドルして、それらを削減します。

2
Jayson

このアプローチは確かに成功する可能性がありますが、成功の度合いはいくつかの要因によって決まります。ロゴは、可能な限り明らかにドロップダウンコントロールにする必要があります。したがって、記号(アイコン)が役立ちます(下矢印または3バー記号など、現在最も意味のあるもの)。コントロールに関する他の視覚的な手がかり(高い効果または影で押される能力)も同様です。

ドロップダウンとそのページの合計(コンテキスト)との関係は重要です。ページがボタンや見出し、サイドバーやパネルなどで忙しい場合、ドロップダウンは失われる傾向があります。 tナビゲーション上重要なものとして目立つ。それがページ上の唯一のpressableものである場合、重要であることに気付かずにはいられません。また、ドロップダウンまたはそれが配置されているトップバーがページの上部に固定されている(スクロールしない)場合、その重要性も高まります。

このアプローチは、型破りなものであり、それを機能させる要因を理解するために早期のテストを必要とするほど十分ですが、確実にcanを機能させることができます。

1
obelia