メガメニュー、Webサイトデザインの新常識

    後藤大地  [2009/03/31]

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers

    向こう半年の間でメガメニューがいたるWebサイトにあらわれるだろうという予測がSitePoint: Mega Menus: the Next Web Design Trendで紹介されている。予測のベースになっているのはJakob Nielsen氏が23日に公開したMega Drop-Down Navigation Menus Work Wellのようだ。Jakob Nielsen氏はNielsen Norman Groupの会長を務めるとともに、Webデザインユーザビリティの権威として名が通っている人物。

    Mega Menus: the Next Web Design TrendではWebデザイナがナビゲーションをデザインする場合はたいだい次の2つのアプローチのどちらかを採用すると説明。

    • それぞれのページへのリンクを張った小さいメニューを作成し、ページごとにさらに追加のナビゲーションメニューを用意する。シンプルだが数回クリックしないと目的のページにたどり着けないという問題がある
    • ダイナミックに動作するドロップダウン/エクスパンドメニューを用意する。アクセサビリティはいいがJavaScriptがないと動作しない(CSSのみで作成することもできるがすべてのブラウザで動作するとは限らない)

    メガメニューはMicrosoft Office 2007で導入されたリボンのようなメニューで、前述した2つのアプローチの合の子のような作りになっている。シンプルなメニューをクリックすると大きなパネルがひとつだけ表示され、パネルにすべてのオプションが用意されている。アイコンやグラフィックが使われて理解しやすい作りになっている。シンプルで拡張性があり、使いやすくてアクセサビリティの問題も少ない。何よりデザイナにやる気をださせるデザインだという。

    SitePointで紹介されているBusiness Envelopesでの例 - メガメニュー

    SitePointで紹介されているBusiness Envelopesでの例 - アカウント入力もメニューパネルにあり

    関連サイト

    関連したタグ

    新着記事

    特設サイトの情報

      求人情報

      人気記事

      一覧

      イチオシ記事

      新着記事

      特別企画

      転職ノウハウ

      あなたの仕事適性診断

      4つの診断で、自分の適性を見つめなおそう!

      Heroes File ~挑戦者たち~

      働くこと・挑戦し続けることへの思いを綴ったインタビュー

      はじめての転職診断

      あなたにピッタリのアドバイスを読むことができます。

      転職Q&A

      転職に必要な情報が収集できます

      スカウト転職する

      企業からアプローチのメッセージが届きます。

      マイナビニュースマガジン