右上配置は左配置よりも覚えられにくい

右上配置はやはり覚えられにくいのが欠点です。
人の視線は左上から右下に流れ、右上配置だとロゴに視線がなかなか向かないのです。

ロゴを覚えてもらう以上に大切にしたいことがある場合、右上配置でも良いでしょう。
たとえばデザインを優先するのであれば、右上のロゴ配置も考えられます。

中央配置はトップページに戻りにくい

ロゴを中央に配置した場合、実は覚えやすさに関しては、左上配置と遜色ないとされています。

しかし、中央配置のロゴでは、ユーザーがトップページに遷移することを阻害するともされています。
これは、ユーザーは左上のロゴでトップページに遷移するのが習慣になっていることが理由とされています。

ロゴを中央に配置したい場合、左上にトップページに移動するためのリンクを設置しておけると良いでしょう。

ロゴの配置について考えるときに知っておきたいUIデザイン

UIとは「ユーザーインターフェース」のことで、ユーザーとプロダクトの接点のことを指します。
UIデザインを考えることで、ユーザーがプロダクトをスムーズに利用できるようになります。

実際に私たちが日々利用しているアプリやサイトの画面でも、UIデザインの考えは取り入れられています。
これにより私たちユーザーは直観的にプロダクトを利用できているのです。

UIデザインにはいろいろな考え方がありますが、その中でも重要なものとして、「ユーザーの視線を自然に誘導する」というものがあります。
この考えに則っているのが、「左上のロゴ」なのです。

視線誘導について検証

グーテンベルグ・ダイアグラムというものがあります。
これは人の視線の動きを図式で表したものです。
ドイツの活版印刷の発明者・ヨハネス・グーテンベルグの名前に由来しています。

この視線パターンは2つあり、「Z型」と「F型」です。
それぞれ、視線は以下の順番で動くとされています。

ここで注目すべきなのは、どちらのダイアグラムであっても、左上から始まる点です。
誰もが最初に目を向ける場所が左上なのです。
だからこそ左上にロゴを配置すべきとされています。

ちなみに、Nielsen Norman Groupによると、左側のロゴの場合、ブランドリコールの確率は89%となるようです。
ここからも左上のロゴ配置の適切さが伺えます。

1.ブランドロゴをアイコン化する

スマホの普及で小さいスクリーンサイズからWebサイトが閲覧されるようになりました。
これによりWebデザインはシンプルかつ流線的になっています。

ブランドロゴもこの傾向を受けています。
もちろんブランドロゴをアイコン化するのには向き・不向きがあります。
アイコン化するときは「これで本当にユーザーはブランドを認知できるのか」をしっかり考えてください。

2.ロゴタイプの特徴

ブランドロゴを小さく表示する場合、ブランドロゴは良い選択肢の一つです。
ただし細いタイプフェイスの場合、ブランドネームが長い場合は注意が必要です。
視認性が悪くなってしまいがちだからです。

この場合は、ロゴの大きさよりも見た目の印象を優先してください。
また背景色とのバランスも視認性を考える上では注意してください。

3.「アプリ」アイコンスタイル

アプリアイコンのようなブランドロゴを配置することもあります。
この場合では「第二のブランドロゴ」としてユーザーに認知されることになるかもしれません。

これは特にアプリベースのサービスを提供している企業に多く見られます。
そのため、どちらかというとアプリアイコンがブランド認知に貢献している場合に効果的です。

4.縮める

すでにブランドロゴの認知度が高く、少しだけ手を加えたい場合に有効です。

この時のコツは以下の通りです。

5.カラー

トレンドは白と黒を基調とするものです。
しかし中には色彩を用いるものもあります。
また、主張の強い明るい色を用いたWebサイトもあります。

このような色の選択のときに注意することは一つです。
小さくてユーザーに見逃されることを防ぐために、周囲とのコントラストを強めに付けることです。

アイコンとして使う

アイコンは、ロゴマークのシンボル部分が用いられます。
ロゴマークはロゴタイプとシンボルマークの組合せであり、シンボルマークをアイコンとして利用可能なのです。

Web広告として使う

ホームページによる集客を検討しているのであれば、Web広告についても考えるかもしれません。
ロゴはWeb広告にも使用可能です。
なぜなら、主体者表記なしに広告の審査に通るのは不可能だからです。