あなたが持っている ロゴ 美しくデザインされています。 良いゲーム。 今、あなたはそれで何をしますか?
高品質のロゴがデザインされたら すぐに使用できるようになれば、WordPress サイトを含むすべてのブランド素材に表示されるはずです。 一般に、どこにあるのかについて異なる考えを持つ XNUMX つの学派があります。 ロゴ : ページの左上隅、右上隅、または右上隅にあります。
これは重要な問題を提起します: あなたにとって理想的なポジションは何ですか ロゴ?
UXロジックに基づいて厳密に考えると(ユーザー体験)、ロゴが左上に表示されます。これには2つの理由があります。
- 左から右に読む母国語を持っている私たちにとって、私たちの目は自然に最初に左に見えます。
- Webデザインの初期には、ロゴは常に左側にありました。そのため、ほとんどの人はロゴを左側に配置する必要があると考えています。
論理的にはどうであれ、ロゴの配置の基準を避けて、ロゴの中央または右隅に配置することを好むサイトがいくつかあります。 サイトのWeb. ロゴを独自の位置に配置することで、ブランド アイデンティティによりよくマッチするでしょうか?
研究が示すものを詳しく見てみましょう、そして、左が本当にあなたのロゴのための良い場所であるかどうかを見ます。
ロゴはどこに配置できますか:専門家の意見
によります ニールセン・ノーマングループロゴは、現代のウェブサイト上に3つの目的があります。
- 彼らは思い出させる 訪問者 彼らがいる場所。 言い換えれば、私はどのサイトにいますか?
- ほとんどのWebサイトでは、ナビゲーションメニューに[ホーム]ボタンが含まれていないため、ホームページに簡単に移動できます。
- ロゴは常にサイトの上部に表示されるため、ブランドの認知度を高めるのに役立ちます。 訪問者 ページを下にスクロールします。
これを知って、 NNGroup ロゴの理想的な場所が本当にあったかどうか尋ねられました。 彼らが見つけたものは次のとおりです。
左または右
左から右への調査では、NN グループは 128 人のユーザーの反応をテストして観察しました。 A/B テストと同様に、各ユーザーに XNUMX つのバージョンの サイトのWeb: 左側にロゴがあるオリジナル、または右側にロゴとナビゲーションを配置するために NN グループのものが操作されています。
ユーザーに自分のバージョンを確認する時間を与えました。 サイトのWeb。 その後、彼らは一連の質問をし、10 のホテルのウェブサイトの写真を見せました。 このテストは、ロゴの位置がブランド認知に関してどのような効果を生み出すかを確認することを目的としました。
結果は次のとおりです。
ロゴを左揃えにすると、ブランドのリマインダーが大きくなります。 具体的には、左揃えのロゴの平均マークリマインダーは39%でしたが、右揃えのロゴの21%です。
左揃えのロゴは、かなりユニークな方法でラベル付けされる可能性が高くなります。 左揃えのロゴの従来の配置にもかかわらず、被験者は、右に表示されたものと比較して、左揃えのロゴを「ユニーク」かつ「スタイリッシュ」とラベル付けする可能性が依然として高かった。
左またはセンター
Nielsen Norman Groupは、ユーザーが中央に配置されたロゴにさらされたときに何が起こるかを調べるために、追加の調査を実施しました。 彼らは、中央に配置されたロゴの実行可能性を判断するためにXNUMXつの異なるテストを実行しました。
右揃えと左揃えのロゴ間で行われるA / Bテストとは異なり、この最初の調査では、50人のユーザーがそれぞれ操作する必要のあるWebサイトを持つことができました。 これらのWebサイトのうちXNUMXつには中央揃えのロゴがあり、XNUMXつには左揃えのロゴがありました。 次に、ナビゲーションの使いやすさをテストしてホームページに戻るさまざまなタスクを完了するように求められました。
これが結果でした:
左揃えのロゴはナビゲーションに適しています。 この調査では、左側にロゴが表示されているときにシングルクリックでホームに戻れないユーザーはわずか4%です。 ただし、ロゴが中央に配置されている場合、ユーザーの24%がワンクリックでそこに到達できませんでした。
これらのテストの128番目では、NNGroupはXNUMX人のユーザーにXNUMXつの異なるホテルのWebサイトを提示しました。 注目のウェブサイトのうちXNUMXつは、左側または中央にロゴのバリエーションを表示し、XNUMX番目のサイトは右揃えのロゴを備えていました。 次に、ブランドの想起を判断するために、ユーザーに一連の質問をしました。
調査の結果は次のとおりです。
ブランディングは、左または中央のロゴの違いによる影響を受けません。 異なる場所で同じロゴのバリエーションをユーザーに提示したにもかかわらず、左揃えのロゴと中央のロゴのこの比較では、ブランドの想起に一貫性がありませんでした。
結果の要約:左対。 センター対 右
ロゴ配置調査の結果を確認した後、ロジックが優勢であるように見えます:
左は最高の場所です
その理由は次のとおりです。
多くの人はウェブサイトの右隅でロゴを探すことを考えていません。その結果、ブランドの想起が著しく損なわれる可能性があります。
多くの人は、サイトの上部の隅のXNUMXつでナビゲーションを探すように条件付けられているため、ロゴやナビゲーションを中央に配置すると、ナビゲーションプロセスがさらに混乱します。
要約すると、左揃えのロゴは、目が自然に見える場所に正確に配置されているため、理想的です。
Webデザインの主な関心事は、常にユーザーエクスペリエンスを最優先する必要があることを忘れないでください。 中央に配置されたロゴはエレガントに見えるかもしれませんが、Webサイトに複数のページがある場合はおそらく理想的ではありません(あなたは、人々がこれらの他のページを訪問することを期待します)。 同じことが、右に配置されたロゴにも当てはまります。 サイトに独自の利点を与えているように見えるかもしれませんが、その過程でブランドのリマインダーを損なう可能性があります。
重要なのはロゴの場所だけではないことを覚えておくことも重要です。 ロゴは高品質のファイル形式でエクスポートし、読みやすいフォントを使用して作成し、背景画像や影ができるように空白の上に配置する必要がありますそして色はそれを覆い隠しません。
このチュートリアルはこれですべてです。ロゴを配置する方法ができたらいいのですが。 質問がある場合は、遠慮なく質問してください。