ホームページの上部のメニュー、プルダウン形式と階層ごとのメニュー、どっちがいいでしょうか？

前へ 次へ
このQ&Aのポイント
  • ホームページの上部のメニューには、プルダウン形式と階層ごとのメニューの2つの選択肢があります。どちらがユーザーにとって使いやすいのでしょうか？
  • プルダウン形式のメニューは、どこにいても目的のページにワンクリックで移動できる利便性があります。一方で、マウスが触れるだけでメニューが広がるため、意図しない操作が発生する可能性もあります。
  • 階層ごとのメニューは、現在位置が分かりやすく、カテゴリ内のページ一覧も表示されるため、ユーザーにとってわかりやすいものです。ただし、目的のページに移動する際に2クリックを要する場合もあります。どちらのメニュースタイルが最適かは、サイトのコンテンツやユーザーのニーズによって異なるでしょう。
回答を見る
  • ベストアンサー

ホームページの上部のメニューについて、「プルダウン形式のメニュー」と「

ホームページの上部のメニューについて、「プルダウン形式のメニュー」と「階層ごとのメニュー」どっちがいいでしょうか？ ■プルダウンメニュー メリット： ・どこのページにいてもワンクリックで目的とするページに移動可能。 ・通常はメニューが格納されており、見た目が整理されている。 デメリット： ・クリックするつもりがなくてもマウスが触れた時点でプルダウンメニューが広がる。 ・整理されている分、どんなページがそのサイト内にあるのか一目では分からない。 参照サイト： http://www.jiji.com/ http://jp.myspace.com/ http://finance.yahoo.com/ http://toyota.jp/index.html http://www.nissan.co.jp/index.html http://recipe.gnavi.co.jp/ http://www.asahi.com/ http://www.47news.jp/ ■階層ごとのメニュー メリット： ・サイト内の現在位置が分かりやすく、同カテゴリ内のページには移動しやすい。 ・カテゴリ内にどのようなページが存在するのか一覧表示されている為わかりやすい。 デメリット： ・目的とするページに移動する際、2クリックを要する場合あり。 ・1段目の大リンク、2段目の小リンクとなっていてリンクが多い 参照サイト： http://news.livedoor.com/ http://headlines.yahoo.co.jp/hl http://www.nicovideo.jp/ http://www.rakuten.co.jp/ http://plusd.itmedia.co.jp/mobile/ http://www.dmm.com/ http://www.hangame.co.jp/

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

利用用途によって異なります。 プルダウンのメリットに記載してある「クリックする…」の部分は、 onmouseではなくclick判定にすればいいだけかと。 ヘッダー部にこだわらず、サイドナビやフッター部など、 色々なスペースにきちんと分類すれば、 プルダウン/ツリー形式双方を同時利用という形もありますね。 全てのツリーを見せるのであれば、 サイトマップでも良いことになってしまいます。 今後html5が浸透していく事や、Apple社を始めとする Flash非搭載のよりセキュアなブラウザを見据えた設計こそが重要だと捉えます。

jirokita
質問者

お礼

ご回答ありがとうございます。 この2タイプは非常に甲乙付けがたいと思っていますが、できるだけユーザビリティの高いサイト設計を行いたいと思い、投票という形で募集させていただきました。 今回は、上部の横並びメニューを見た場合に限定しておりますので、サイドナビやフッター等への配置は考慮しないということでご回答いただければと思います。 一言だけでも構いませんので、引き続き沢山の方の意見をお待ちしております。

  1. カテゴリ
  2. アンケート

関連するQ&A

  • Java Scriptのプルダウンメニューについて

    WindowｓのInternet Explorer 4.0、 Netscape Navigator 4.7以上、を対象としたホームページを作成しています。 この中でプルダウンメニューを使うことを考えていますが、Java Scriptをオフにしても全サイトきちんと見れるようにしたいです。 つまりオフにしてもメニューが出る、もしくはメインのメニューからリンクが張られていてプルダウンからはリンクできなくてもプルダウンメニューと同じ項目のあるインデックスのページに飛べるような。 そんなことは出来るのでしょうか？ 例えば、http://www.omron.co.jp/ir/index.html のサイトでJava Scriptをオフにした時はプルダウンが無い状態になり少なくともメインメニューからは目的のコンテンツにたどり着けるような。 ちなみに、http://www.omron.co.jp/ir/index.htmlのサイトをJava Scriptをオフにした状態で閲覧してもきちんと見ることが出来たのは何でだろ～？？？ どうかよろしくお願い致します。

  • プルダウンメニューとリファラー

    　こんにちは、よろしくお願い致します。 　私のホームページでは、リファラーを調べて訪問者を制御(指定したページ以外からは訪問できません)しています。 　今度、メニューのページをプルダウンメニューからリンクに変えようと思って作り直してみました。 　ですが、普通にリンクを張って移動していた時はちゃんと移動できたのですが、プルダウンメニュー(javascriptで、新しい窓を開いて移動)でリンクを張ったら、飛び先のリファラー制御(指定したページ以外からは訪問できません)に引っかかって、移動できません。 　プルダウンメニューのおいてあるページは、元のメニューページと同じURLです。リファラー制御も、絶対URLで指定しています。 　プルダウンメニュー(javascriptと新窓)では、りファラー制御は使えないのでしょうか？　ちなみに、リファラー制御は、javascriptで作っています。 　ほんの趣味の(家の猫)のページですが、意地悪な人が多いので、どうか宜しくお願い致します。

  • プルダウンメニューの作り方

    プログラム初心者ですが、よろしくお願いします。 タイトルの通り、ＨＰ上でプルダウンメニューを作りたいのですが、基本的に誰でも閲覧できるＨＰ（特にビギナー）にしたいので、プラグインが必要なFlashは避けたいと考えております。 しかし、構造的（？）にはFlashで作成するようなプルダウンメニューにしたいのです。 例えばマツダのサイトのように… http://www.mazda.co.jp/home.html ここのページはFlashで作成されてるようですが、例えばここでいうと、、、「カーラインナップ」をオンマウスすると左側にずらりとメニューが現れます。 トップページで下の階層まで確認できます。 このような作りにしたいのですが、ＨＴＭＬのみで、これを作成しようとすると、ヤフーメールの様に「フォルダ」の前に「+」マークがあって、それをクリックして、「受信箱」「送信箱」のＨＴＭＬを呼ぶというが思い浮かぶのですが、コレだと、いちいち「クリック」という動作をしないといけないのが、ひっかかります。 ＨＴＭＬのみだとこれしかないでしょうか？？ 例えば「リスマチック」のＨＰ（左テーブル側）等はどのように作成しているのでしょうか？ http://www.lithmatic.co.jp/index2.html リスマチック方式はいい感じ～、って思ってるんですけど、ヤフーメール方式とは違いますよね？ どなたか、よろしくお願いします。

  • プルダウンメニューにリンクをつけたい

    プルダウンメニューをクリックすると、別ページで別ホームページへリンクさせたいのですが、方法はありませんか？

  • プルダウンメニューからのリンクの貼り方

    ＦＯＲＭのプルダウンメニューからリンクをはっていますが、新しいページを開くのはどうしたら良いでしょう？ 今は <select name="menu" size="1" onchange="location=this.options[this.selectedIndex].value"> と書いていて、同じページ内で別ページに移動します。 またプルダウンメニューからのリンクで、ページサイズを指定したり、スクロールバー、ツールバーの表示も指定したいのですが出来るのでしょうか？ ご存知なかたはよろしくお願いします。

  • プルダウンメニュー

    今、サイトを作っているんですが、 プルダウンメニューへリンクをつけてます。 下層ページへリンクした後にブラウザの「戻る」ボタンを押すと前回の選んだ状態でリンク出来なくなります。 これをjavascriptなどで制御は出来ますか？ 意味不明な質問ですいません。

  • プルダウンメニューのリンク

    教えてください☆ プルダウンメニューでページ内に ジャンプすることは出来ますか？ ページ内に普通にリンクする時は、 <a href="#○○">リンク</a> っていう風にするから、 プルダウンでも <OPTION VALUE="#○○"> ↑こんな風に指定したんですけど、 アップロードして試してみたら エラーになってしまいました。 プルダウンメニューでのリンクの <OPTION VALUE="★"> の★には、 「○○.html」みたいなのしか 指定できないの？？

  • ホームページビルダーでプルダウンメニュー作成

    質問させていただきます。HP作成中です。素材サイトにあるようなプルダウンメニューを作成したいのですがどのような方法で作成するのでしょうか？こちらのサイトです。http://www.s-chimp.com/mc/ メニューをクリックするとサブメニューが表示されます。理想としては違うメニューをクリックしたときに他のサブメニューが表示されたままではなく閉じると嬉しいです。初心者なので難しいことは出来ないと思うのですがどなたかお願いいたします。

  • HPビルダー９で、プルダウン形式のメニューを作りたい

    プルダウン形式のメニューは作れるのですが、 それを表示した時にリンクを飛ばすにはどのようにすればいいのでしょうか？ 選択して下さい top news diary impres と例えば５つプルダウンがあったとして 選択したら、そのページが表示されるようにしたいです。 よろしくお願いします。

  • プルダウンメニューが表示されない

    カテゴリを間違えていたようなので再投稿です。 Internet ExplorerV6を使っているのですが、最近になってお気に入りの プルダウンメニューの中でフォルダで整理している部分の内容が見えません。 透明（枠らしきものは見える）ですが、その中でクリックするとそのHPには 移動できます。 マイドキュメントなどのフォルダを開いてからお気に入りのプルダウンメニューを 開くと全て表示されます。 また、WordやExcelなどもプルダウンメニューが透明で見えません。 こちらはメニュー内の項目を選択することもできません。 新しいソフトのインストールは行っていません。 Windowsのアップデートは行ってアップデートするものが無い状態にはなっています。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する