考慮するウェブサイトナビゲーションの7種類

ナビゲーションはどのウェブサイトでも重要な要素です。ユーザーがセクションごとに、またコンテンツにどのようにアクセスするのかがわかります。 ユニークなものを作ることを除けば、サイトデザインのナビゲーションにはいくつかのオプションがあります(それはユーザーがサイトを簡単にブラウズするのに役立ちます)。

横書き

フィル/ゲッティイメージズ

水平のテキストベースのナビゲーションは、おそらくオンラインで見つかった最も一般的なスタイルです。 このタイプのナビゲーションは、一般的にそれぞれ1つまたは2つの単語で名前が付けられたサイトのセクションの水平リストで構成されます。 これは、グラフィックスまたはまっすぐなHTMLテキストで作成することができます。どちらも、ユーザーとのやりとりのためにロールオーバーすることができます。

縦書きテキスト

縦方向のテキストナビゲーションも非常に一般的であり、長いバーリスト項目、拡張可能なナビゲーション、またはより長い長さのタイトルを必要とするサイトでは、しばしば便利です。 垂直ナビゲーションはウェブページの左側に最もよく見られますが、適切に設計された場合や、セカンダリナビゲーションの場合は、右側のナビゲーションが効果的です。 垂直ナビゲーションは、ページの上部にある水平バーにある主要セクションのサブセクションなど、2番目のボタンバーによく使用されます。

ドロップダウンメニュー

ドロップダウンメニューは、水平ナビゲーションと共に使用されることが多く、ユーザがサイトの主要セクションだけでなく、主要なサブセクションの多くにジャンプすることを可能にします。 多くのコンテンツを持つサイトでは、コンテンツへのクリックがなくなるため、ドロップダウンのメリットが得られます。

サブメニュー

場合によっては、 プルダウンメニューを表示しなくても、情報の深さをユーザーに提示することができます 。 メインナビゲーションタイトルの下にサブメニューを置くと、より多くのスペースが必要となり、訪問者は利用可能なものがはっきりと分かり、希望する場所に移動できるようになります。

説明付きのテキスト

ナビゲーションは単純明快でなければなりません。 ユーザーは何かをクリックしたときに何を期待するかを知っておく必要があります。 各セクションに含まれる内容の簡単な説明を追加すると、サイトをさらに使いやすくすることができます。 このアプローチでは、巧妙なデザインが必要で、テキストをクリーンなままにする必要があります。 効果的に行われた場合、特にセクションタイトルがあいまいなサイトでは、非常に役立ちます。

アイコンやグラフィックス

アイコンや他のグラフィックをナビゲーションに統合すると、直観的なインターフェイスを作成できます。 ユーザーは、アイコンが表すコンテンツにアイコンを関連付けることで、ボタンバーに対するより明確なアプローチを作成します。 気を散らすのではなく、サイトのデザインを改善する必要があるため、ナビゲーションアイコンのセットは、お互いに、サイト全体と一貫したスタイルで作成する必要があります。 彼らが何を表しているかも明確でなければなりません。 デザインを見栄え良くするためにアイコンを追加することは、サイトの最大の利益に役立たない可能性があります。

実験的

上記のオプションは、ウェブ上で一般的に見られるものです。 もちろん、サイトのナビゲーション設計には無数のオプションがあります。 消えるナビゲーションからあなたをたどるナビゲーションまで、それを試してみると、あなたのサイトは一意になります...それがまだ有効であることを確かめてください!