ライトボックスの改善

Lightboxと、Discourseが画像を処理してアップロードする方法は素晴らしいです。

当社は写真に関するフォーラムを運営しており、画像の表示方法やシステムの管理方法は非常に重要です。

Lightboxの動作には、私たちの観点から改善の余地がある点がいくつかあります。

可能な限り大きく画像を表示する

Lightboxは画像の周囲に余白を確保しており、その結果、コンテナウィンドウの利用可能なスペース内で表示できるサイズよりも画像が小さくなっています。この余白を最小化できれば理想的です。

複数の画像がある場合でも、画像を全画面で表示できるようにする

投稿に画像が1枚しかない場合、画像をダブルクリックすると、必要に応じて切り取りながら全画面で表示されます。

しかし、画像が複数ある場合、拡大しようとすると前の画像や次の画像に移動してしまい、全画面表示ができません。
画像のナビゲーションは画像の左右の領域に限定し、中央をクリックした場合は全画面表示するようにすべきです。

画像の上に何もないようにする(少なくとも常に表示されるものは避ける)

画像が複数ある場合、前後の画像へ移動するための小さな矢印が画像の上に描画されます。
これにより画像の視認性が損なわれます。
ナビゲーションボタンは画像の外側に表示する(スペースがある場合)か、カーソルを動かさない数秒後にフェードアウトさせるべきです。
私が意図していることの良い例として、Flickrが画像を全画面表示した際の表示方法が挙げられます。

「いいね!」 3