ログインナビゲーション2016/08/12欲張りがちなナビゲーション、ユーザーの目線に立てていますか?ナビゲーションはWebサイトの目次のような役割をしています。いうことが実はよくあります。この記事では、ナビゲーションを整理しユーザーが使いやすいサイトにするためのポイントを紹介していきます。整理整頓をする4つのコツ他のレイアウトやプリセットを試してみようナビゲーションの基本について基本的にはすべてのWebサイトに存在するナビゲーション、主にWebサイトのヘッダー部分かサイド部分にあります。ナビゲーションは目次の役割をしており、見出しの大きさを階層で分けて表示させることができます。以下はナビゲーションと階層を説明した図です。今自分がどのページを見ているかを表すナビレイアウトによってナビゲーションの位置や、第二階層以降が表示される場所はさまざま。このようなパンくずリストが付いているものもあります。サイトの編集画面では、このようにナビゲーションの近くに編集バーが表示されます。クリックするとWebサイトのページ一覧が確認でき、ここで階層を変えたりページを非表示にしたりできます。詳しいナビゲーションの編集方法はサポートセンターか、コンテンツについて詳しく学べるワンポイント講座をご覧ください。基本をおさらい出来たら、ナビゲーションの適切な数についてよくわかる、ビフォーアフターを見てみましょう。以下はとあるWebサイトのトップページです。このWebサイトでは、第一階層にメニューが13個載っています。見たときにどこに何の情報があるかがわかりにくいと感じませんか?Jimdoでは、見やすさと使いやすさの観点から、トップメニューの数は7個以下にすることをおすすめしています。メニュー数を少なくし、簡潔なナビゲーションに改善したものが以下です。ユーザーが自分にとって必要な情報を探しやすいように、サイト内のページの大分類を第一階層にまとめています。見栄えもスッキリし、一目でどこに何があるか分かるようになりました。思う方もいるかもしれません。ナビゲーションが少ない方が良い理由を、掘り下げてみましょう。トップメニューは少ない方が良いのか例えば、Webサイトに100通りの料理のレシピを載せるとします。全てのレシピをナビゲーションのトップメニュー(第一階層)に載せると、それだけでトップメニューが100個できますよね。サイトを開くといきなり100個のメニューが並んでいたら、探す気もなくなってしまいませんか?まずは「揚げ物」「メイン」「前菜」のように、大分類のジャンルを第一階層に載せることによって、第一階層のメニュー数が少なくなります。このほうが、第二階層にある「エビフライ」のレシピまで早くたどり着きそうです。大量の情報から一つを探さなくてはいけないよりは、見やすいサイトの中で自然に次のクリックを誘導される方が、ストレスなくサイトを使うことができます。どのユーザーも使いやすいサイトにするため初めてサイトを訪問したユーザーは特に、見にくさや使いにくさを感じるとすぐに閲覧をやめてしまうことも多いです。特定の情報を探して辿りついた人にとっても、シンプルなメニューは情報が探しやすく便利です。SEOで優位に、検索エンジンに引っかかりやすくなるため簡単で分かりやすいメニュー名にすることで、検索エンジンもサイトの内容を読み取りやすくなります。スタイリッシュなサイトに、元のデザインを生かすため多くのレイアウトでは、ナビゲーションを一行と仮定して作られています。ナビゲーションが何行にも渡っていると本来のデザインが損なわれたり、ホームページ全体が雑多な印象になります。作りたいサイトの目的に合わせて整理することが一番ですし、選ぶレイアウトによっては第一階層が多くてもキレイにまとまるものもあります。ひとつの見方として参考にしてみてください。思ったらまず何をすればいいのでしょうか。1行に納まるように、メニュー名を短くするメニュー名はWebサイトの内容に関連していて、かつ短ければ短いほど、ユーザーにとっても検索エンジンにとっても親切です。メニューのトップからサブへ、階層を移すすべてをトップ(第一階層)に入れておく必要はありません。関連するページが多い場合や踏み込んだ内容のページは、第二階層以降に移しましょう。不要な情報は削除するたとえば「開店時間と閉店時間」と「お店の場所」はページ内の情報量が少ないので、1ページにまとめましょう。必要だと思っていたページも、第一階層には必要ないかもしれません。ナビゲーションの編集エリアにある丸い目のアイコンをクリックし、ページを非表示にすることもできます。非表示にしてサイト上では見えなくしても、リンクを貼ればユーザーはそのページ見ることができるので、リンクの飛ばし先として使用したり、過去使っていたページとして残しておくことができます。プレビューで実際の画面をみると、非表示になっています他のレイアウトやプリセットを試してみようメニューの数を減らしたり階層の整理をしてみても見た目が気に入らないと感じたら、レイアウトを変更してみると良いかもしれません。以下はナビゲーションの特徴別で、レイアウトをまとめたものです。サイドバーの上部に第二階層が表示される以上の一覧やデザインフィルターを使って、自分にあったレイアウトを検索してみてください。ユーザーが求めている情報が探しやすいようなWebサイトを作ることが大切です。ナビゲーションを整理するだけで第一印象がガラッと変化し、驚くほど機能的なサイトになります。07:37)いつもお世話になっております。「ユーザー目線」は一番気になるところです。自分のH.P.はどうなのか?を客観的に知りたいのですが、その手段は、ほとんどないです。友人に見てもらい感想を聞いたりもしましたが。今回のサポート情報はとても分かりやすく参考になりました。「ユーザー目線」を意識し、改善を図りたいと思います。