category
サイト構築 -JavaScript

[JS]Lightboxのいい点・悪い点

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する
Lightboxのサンプル

37 signalsで、Lightboxの是非というか議論がありました。

Been lightboxed lately?

個人的には、スクリプト自体は好きですが、設置するのはどちらかというと否定的です。
もちろん、写真のギャラリーなどにはかっこいいと思います。

とはいえ、当サイトでも画像拡大系のスクリプト(Highslide JS)を使用しています。
例:Highslideの実装ページ
使用している理由は、サイトのレイアウトに依存せず大きい画像(関連画像)が掲載できるためです。
また、背景一面がブラックにならずに、コンテクストが失われにくいためです。

以下に、上記サイトで議論されているそれぞれのいい点・悪い点を列挙してみました。
今度、クライアントに設置の依頼を受けた際にでも、再考しようと思います。

Lightboxのいい点

  • ポップアップウインドウよりいい。
  • ギャラリーなどには適している。
  • 別ウインドウや別ページに遷移するよりは、コンテクスト(文脈)が失われない。
  • 容易に設置が可能。
  • 写真を効果的に見せられる。
  • スクロールするよりクリックする方がいい。

Lightboxの悪い点

  • コンテクスト(文脈)が失われてしまう。
  • パーソナリティ(表情・デザイン)が失われてしまう。
  • ユーザーが画像を見る手段を選択できない。
  • クリックする前に、ユーザーが動作を想定できない。
  • クリックした後、戻るボタンをクリックしても戻れない。
  • Lightbox系のインターフェイス(閉じるボタン・次ボタンなど)が分かりづらい。
  • ブックマークができない。
  • 暗くなるのは、目によくない。
  • JSがオンでないと楽しめない。

Lightbox

Post on:2007年9月11日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ウッディーの日記
on 2009年12月21日

【更新履歴】 Gnoot レシピ横断検索 – Highslide JSを採用

ちょっとだけ、自分のサイトを更新したのでお知らせです。

Gnoot レシピ横断検索

こちらのレシピ検索サイトの一部で料理の画像表示部分を変更しました。

料理の画像を拡大できるよ…

ページの先頭へ




© coliss

RSS