プルダウン型メニュー

オンマウス時に項目を一覧表示

サイト内の使い勝手を左右する重要な役割を担っているのが「メニュー」です。これ以降の数ぺージでは、他ぺージヘジャンプするためのメニューのナビゲーション方法について解説しましょう 。最初は、メニューボタンにオンマウスすると下方向に項目一覧が出てくる 「プルタウン型」です。

プルダウン型の種類

もともとはフォームなどで使われている、クリ ックすると項目リス トが現れる仕組みのことで (スクロールボックス付きもあり) 、 いずれかの項目を選択してから 「Go」 ボタンなどを押してページを移動するタイプです。しかしメインメニューなどに使う場は、オンマウスしただけでメニュ一項目が現れ、そこから項 目を選ぶとそのページへジャンプする「格納型」の形式が多くな っています 。
格納型には、下部メニューなどから上方向へ、あるいは左部メニューなどから上下あるいは横方向などへメニュー項 目が出る「ポップアップ型」、下の階層の項目がさらに現れる「コンテクストメニュ ー型」もあります 。

プルダウン型のメリット

下の階層の項目が常にメニューボタン内に収まっているので、「省スペース」になるメリ ットが あります。ただ、下の階層を確認するには必ずオンマウスしなければならないという使用感は、ユーザーに
よって好き嫌いが分かれるところでしょう。

プルダウンメニューで商品検索

商品を「ジ ャンル」「用途」「気分」「香り」の 各項目からプルダウンメ ニューで検索することができます。

プルダウンメニューで省スペ ース

トップペ ージでは表示されるメニューの数をしぼり、 サブメニューのプルダウンですべてが見られるようになっています。左部メニューでも上部メニューでもプルダウンさせ、全体をコンパクトにまとめたサイトです。