なぜlightboxが嫌われるのか

このQ&Aのポイント
  • デザイン系学生のポートフォリオサイトのデザイン更新に際し、lightboxの導入を考えているが、lightboxを嫌ってる人がいる理由が分からない。
  • lightboxを使う理由は、作品写真のサムネイルを並べ、Lightboxで表示すること。サムネイルとメイン画像を同時に表示するスペースが確保しづらいため、Lightboxを使いたい。
  • ネット上で調べてみると、「lightboxを多用してるのが嫌でページ訪問をやめた」という意見が見られる。一部の人からはストレスを感じる可能性があるため、慎重に導入する必要がある。
回答を見る
  • ベストアンサー

lightboxがなぜ嫌われるか

はじめまして。 自分はデザイン系の学生で、ポートフォリオサイトを持っています。このたび作品紹介のページのデザインを更新するにあたって、lightboxの導入を考えています。 ちなみに使用を考えているサンプルスクリプトは以下です。 http://www.dolem.com/lytebox/ しかし、ネット上で調べてみると「lightboxを多用してるのが嫌でページ訪問をやめた」など、lightboxを嫌ってる人がある程度いるようです。雰囲気としてはFlashのみで構築されたページ(しかもページ移動などが考慮されていない)を毛嫌いするのと同じように自分は感じたのですが、どうしてlightboxが嫌がられるのかいまいちわかりません。 自分は今までlightboxを使ったサイトを見てきましたが、特にストレスを感じたことも無いのです(とはいえ、プロがデザインしたものがほとんどですが)。 なぜ自分がLightboxを使うかというと、作品写真のサムネイルを並べ、それをLightboxで表示する、という方法を使いたいからです。サムネイルはページに10枚以内。サムネイルページには極力少ない文字情報でプロジェクト等の情報を掲載し、あとはスライドショー形式でLightboxを使いたいのです。レイアウト上、サムネイルとメイン画像を同時に表示するスペースは確保しずらいです。なので別窓ではないけどオーバーレイで元のレイアウトを無視して大きく画像を表示できるLightboxは適当な解決策なのです。 ちなみにページレイアウトは、[TOP]-[作品一覧]-[個々の作品のサムネイル] となる予定です。 lightboxが嫌われる理由、ご存知の方教えていただけますでしょうか。

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

  • ベストアンサー
noname#140045
noname#140045
回答No.3

No.1です。 サムネイル画像をクリックすると画像が大きく表示されるものの一般的な方法は、そのサムネイル画像にリンクを貼ることだと思います。 表示の仕方さえ違え、結局やることは同じようなものです。 また、リンクを貼る方式のものは、同一ページに表示されたり、新たなタブに表示されたりとマチマチです。 それだけなら、まだいいのですが、サムネイル画像をクリックするとさらにサムネイル画像が表示されてしまうのも、いくらでも存在します。 (つまりリンクを意識していない人なのですが) そんなのと比べれば、ずっとマシだと思いますし、共通して言えることは、サムネイル画像をクリックしなければ、Lightboxだろうがリンクだろうが関係ありません。 つまり、文句を言う人はクリックしなければ、問題解決です。

nora15
質問者

お礼

同感です。Lightboxに限らずLink先の開き方なんてたくさんあるんですよね。他と同じく一つの選択肢としてのLightboxと考えれば急に楽になった気がします。 >>「Lightboxを使用しています」と書く これに関してはちょっと悩むところです。 稀に「IE、Firefoxでの観覧推奨」とか書いてあるページがありますが、これらは同時に「すべてのユーザーは快適に見られるわけじゃない」ということを自らさらけ出してるわけでウェブデザインとしてはタブー視されてるみたいです。まだまだひよっこの自分なのでそんなにテスト環境も技術も無いのですが、できるだけユニバーサルにしたいのですよね。 >>クリックしなければ、問題解決です。 これも同様に、クリックしてもらう為のページ作りだったりするので、なかなか難しいです。サムネイル画像はかなり小さめになるのでクリックしないと情報量が落ちてしまうのですよね。 色々考えさせていただきました。 ありがとうございます。

その他の回答 (2)

  • noranuko
  • ベストアンサー率46% (620/1332)
回答No.2

>lightboxが嫌われる理由 Flashが多用されているサイトや自動的に音楽がなるといった嫌われるサイトは、 何が気に入らないのかというと、「ユーザが思ったとおりにサイトを閲覧できない」からです。 Lightbox も基本的にそういう傾向があるように思います。 基本的にLightboxは「サイト作成者が画像の閲覧方法を強制している」のに近いですから。 自分もこのへんにかかわりのある技術者なのですが 「作成者視点」からモノを作るとたいてい失敗します。 作成者が当然だと思っていることは利用者にとって当然ではないのです。 Lightboxにしても、画像をクリックするとLightboxで表示されるのがいいというのは作成者の都合であって 利用者は普通に画像を開いてほしいと思っている可能性があります。

nora15
質問者

お礼

デザインを学ぶものとしてユーザビリティは最低限確保していくつもりです。「かっこよくみせたい」などの理由でもっさりしたイージングがあったりと、閉じ方がわかりずらかったりなどのことは無いようにするつもりです。 ご回答ありがとうございます。

noname#140045
noname#140045
回答No.1

ごめんなさい。直接の答えではありませんが述べさせて頂こうと思います。 あまり、気になさることのほどでもないと思います。 Lightboxを使われることに抵抗のない人は特にそのことに対して批判的なコメントを書かないわけですし、不満がある人だけ(そのことに対しては)コメントします。 1人が書けば、それに釣られて共感する人がまた書く、さらに共感する人を増やすため誇張して(被害者づらして)書くのも、よくありがちなことです。 対策としては「Lightboxを使用しています」と書くとか、その程度だと思いますけどね。 あくまでも主観です。

関連するQ&A

  • ページ横スクロールでjQuery lightBox

    横に長いwebページを作っています。 ページの途中でjQuery lightBox plugin (http://leandrovieira.com/projects/jquery/lightbox/) を使って拡大画像を表示させたいのですが、 サムネイルをクリックすると、ページのはじめの方に拡大画像が表示されてしまいます。(拡大時の背景のオーバーレイもずれている) これを、サムネイルのあるページ上に表示させるようにしたいのですが、javascriptがよくわからないので、どのように修正したらよいか教えていただけないでしょうか。

  • lightbox2で横スクロールすると不具合

    初めて質問させていただきます。 ホームページにlightbox2(ver.2.04)を使用しています。 サムネイルを横に並べて、スクロールする形にしたところ、 スクロールした先のサムネイルをクリックすると オーバーレイがページ全体にかかりません。 どこをどのように編集すればスクロールしても問題なく ページ全体にオーバーレイがかかるのか、教えてください。 お願いします。

  • 「jQuery」Lightboxのアニメーションを無くしたい

    フォトギャラリーのホームページを作っています。 サムネイルをクリックしたら、ページ上で写真が拡大表示され、 拡大写真の以外の部分がグレーになるような演出をしたく思っています。 つまりjQueryのLightboxのようにしたいのですが、 Lightboxの「写真を表示するごとに、画像幅に合わせて枠が広がり、 最後にクローズボタン部分が表示される」というアニメーションを無くしたいと思っています。 (シンプルに拡大画像がでてくるのみ、にしたい) このようなことは設定で可能でしょうか? ちなみに「Lightbox」では無く、「ThickBox」というものを使ってみたのですが、 これが理想の動きではあるものの、IE6ですと画像を開いたときに背景のページが 少しずれる、という不具合があります。 Lightboxの設定や他のライブラリ等ご存知でしたら教えていただけないでしょうか? 知識不足のため、説明が拙くすみません。。。 どうぞ宜しくお願いもうしあげます。

  • LightboxをFC2にて設置したのですが・・・。

    下記サイト様に書いてあるように、LightboxをFC2に設置したのですが どうしても画像が表示されません。(背景は黒くなるのですが、サムネイルも×になり、画像はいつまでたっても表示されません。 タグの変更がどこか間違っていたのでしょうか? お分かりになる方がおられたら、教えて下さい。

  • Opera での Lightbox2の動作

    HP制作初心者です。 Opera 11.11 にて Lightbox2 を使用して 画像を表示させると、画像背景のオーバーレイ(薄暗い部分)が切れます。 ページをスクロールさせずに表示させる分には 表示画面いっぱいにオーバーレイが表示されるのですが その後、表示させたままスクロールするとオーバーレイが切れてしまってる・・・ 画面を多少スクロールさせた状態で画像を表示させても スクロールさせない状態の高さまでしかオーバーレイが表示されない・・・ という現象が起きてます。 他のブラウザー ・Firefox 4.0.1 ・Netscape 9.0 ・Safari 5.0 ・IE-8 ・Google Chrome 11.0.696.71 では全てオーバーレイが切れる事なくページ一杯に 表示されるのですが・・・ 知恵袋等で探してみましたが、これっていう解決方法が 見つからなかったので質問投稿しました。 どなたか解決方法ありましたら宜しくお願い致します。

  • lightboxでの画像表示

    お世話になっております。 フレームを使った上でlightboxを使用して画像の表示を試みています。 以前同じような質問をされている方がいらっしゃったのですが、 そちらのご回答では分からない事があったので、それについて質問させていただきます。 吉野家様の「吉野家メニュー」の「朝定食」の各画像の表示方法や、 http://www.yoshinoya.com/menu/index.html/ webデザインの見本帳様の「おすすめサイトをご紹介」の各画像の表示方法のような http://www.web-mihon.com/ 画像の表示方法なのですが、どちらのサイト様もフレームを使用し その上で画像を全体表示させているように見えます。 しかし、以前「フレーム使用でそのページ全体にlightboxで画像を表示させる事は出来ない(出来ても難しい)」といった記述や問答を拝見しているので、上記サイト様はフレームではなく、フレームの様なデザインをされているという事でしょうか? フレームでlightbox使用を諦めていた矢先、上記のサイト様を拝見したので希望を持ってしまったのですが、もしも上記サイト様のような画像表示方法をご存知の方がいらっしゃいましたらご回答をお願いいたします。

    • ベストアンサー
    • HTML
  • lightboxで複数サムネイル表示

    lightboxのような動作で、ポップアップ画面の下に 複数のサムネイル画像を表示出来るスクリプトを探しています。 http://www.apple.com/jp/imac/design/ 上記のurlのギャラリーがほぼ理想なのですが それぞれの画像にキャプションを入れる必要があります。 lightbox系のスクリプトを探したのですが 探し方が悪いのか見つかりませんでした… そのようなスクリプトをご存じの方はお教えください。 よろしくお願いします。

  • lightbox2.04の修正について

    こんにちは。 どこで質問すればいいのか迷ったのですが、JavaScriptを使用しているみたいなので こちらに書き込ませて頂きました。 先日自サイトで利用したいと思い、『lightbox2.04』をDLしました。 設置方法も簡単だということで、導入は何とか出来たのですが、 その際に自サイトのCSSのレイアウトが崩れてしまうのです。 (たとえば文字サイズやフォントなど) サイト自体はテンプレートを使っておりまして、細かい内容などはよく分かりません。 それでもCSSを一つに纏めるなどしてみたのですが、更にレイアウトが崩れてしまい、 お手上げでした。 出来ましたら、lightboxのほうのCSSを手直しするなどして対応できれば、と思っていますが、 どこをどう変えればいいのかわかりません。 因みに設置の際参考にしたのは下記のページです。 http://www.chamanet.com/lightbox/ とても初心者で申し訳ありませんが、ご指導頂ければ助かります。 補足が必要な場合は、仰って頂ければ対応いたします。 お手数おかけしますが、何卒よろしくお願いいたします。

  • インラインフレームを使って、lightboxを表示させたい

    メインページ上にインラインフレームを使用して、写真のサムネイルを並べています。 このサムネイルをクリックするとlightboxで表示されるようにしたいのですが、上手くいきません。 メイン画像に表示されず、インラインフレーム内で、lightboxが動作せず、画像がリンクするだけです。 メインのHTML(main.html)のheadに下記の記述をし、 【main.html】 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> インラインフレーム内(in.html)のサムネイルには下記を記述しています。 【in.html】 <a href="images/001.jpg" rel="lightbox" title="テスト"><img src="images/p01.jpg" border="0"></a> ちなみに、上記のタグをメインのHTMLに記述すると、ちゃんとlightboxは動きます。 インラインフレーム内だと、動かないのです。 ソースのどの部分に手を加えると、メインページ上に、表示されるようになるのでしょうか。 アドバイスお願い致します。

    • ベストアンサー
    • HTML
  • Lightbox2でのキャプションについて

    画像の拡大表示のために、Lightbox2を使用しております。 画像のキャプションとして、title属性内にHTMLで装飾した長い文章を入れています。 しかしLightboxのキャプションはtitle属性であるため、(当然ですが)サムネイル画像にマウスカーソルを置いたときにブラウザが表示するポップアップにおいて、キャプション用文章のHTMLタグまで表示されてしまってみっともないです。 出来ればtitle属性は本来の使い方にしておいて、Lightboxのキャプション専用の属性を新たに加える・・・というような感じにするには、どのように改造したら良いでしょうか? ソースは以下のような感じです。 ●現状 <a href="/image/test.jpg" rel="lightbox" title="<h2>題名</h2><p>この写真はテストです。</p>"><img src="image/test_thumbnail.jpg"></a> ●理想(こんな感じに出来たらいいなぁというイメージです) <a href="/image/test.jpg" rel="lightbox" title="テスト画像" caption="<h2>題名</h2><p>この写真はテストです。</p>"><img src="image/test_thumbnail.jpg"></a> おそらくlightbox.jsのどこかをいじるのだと思いますが、試しに218行目の imageLink.title を imageLink.caption に書き換え、さらに223行目の anchor.title を anchor.caption に書き換えてみましたが、ダメでした。(JavaScriptの知識がゼロのため、まったく的外れなことをしているかもしれません) 他に何か良い方法はありますでしょうか?