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

向こう半年の間でメガメニューがいたる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つのアプローチの合の子のような作りになっている。シンプルなメニューをクリックすると大きなパネルがひとつだけ表示され、パネルにすべてのオプションが用意されている。アイコンやグラフィックが使われて理解しやすい作りになっている。シンプルで拡張性があり、使いやすくてアクセサビリティの問題も少ない。何よりデザイナにやる気をださせるデザインだという。