高解像度画像ビューワーの例(その4):Closr.it
高解像度画像は、サイトが扱っている内容によっては、ユーザーからの強い閲覧ニーズがあることを、コラム記事「高解像度画像を閲覧できるようにする」で述べました。これを受けて、高解像度画像を閲覧するためのアプリケーション(ビューワー)、特に無料で気軽に使えるものをご紹介したいと思います。今回採り上げるのは、「Closr.it」です。
Closr.itは、ズームイン/ズームアウト機能付きの高解像度画像をWebページに埋め込むことができるアプリケーションです。正確に言うとClosr.itは画像共有サイトで、自分の持っている画像をClosr.itにアップロードすると、自動的にFlashベースのズームイン/ズームアウト機能が付加されたUI(ユーザーインターフェース)が生成され、そのUIを自分のサイトに埋め込むことができる、というものです(しかも無料で)。下記にサンプルを用意してみました。
サンプル
(マウスが使えない場合/JavaScriptが無効の場合:こちらで高解像度画像ファイルを開きます)
UIの機能は、最低限の操作子だけで構成されていて、とても使い勝手が良いものになっています。アプリケーション画面左上の「プラス/マイナス」のボタンをクリックするか、画像の上でマウスホイールを回すことで、好みの大きさにズームイン/ズームアウトできます。任意のサイズでズームイン/ズームアウトされた画像の表示は、自動的にキレイに調整される仕組みになっているので、(Google Maps Image Cutterのように)何百枚/何千枚ものタイル画像が必要、ということがありません。用意する画像は高解像度画像ひとつあればOKです。
さらに、アプリケーション画面右上の「+(プラス)」アイコンをクリックすると、フルスクリーンで表示することも可能です。しかも「フルスクリーンモードを終了するにはEscキーを押します」という(日本語の!)メッセージがオーバーレイ表示されるので、ユーザーは迷うことなくフルスクリーン表示状態から抜け出すことができるでしょう。
なお、アプリケーション画面の下に小さな「GET」アイコンと星印アイコンがありますが、これをクリックすると、当該画像を他のWebページに埋め込むためのソースコードを取得するモードになります。一般的なWebユーザーにしてみれば(具体的な説明書きがないので)どう使ったらよいかわかりにくく、しかもこのモードから抜け出すにはどうしたらよいかもわかりにくい(唯一の手段は、このモードにおいて右上に表示される「×」ボタンをクリックすることですが、はたして気づいてもらえるか否か...)ので、正直、余計な機能だと思います。が、こればかりは、Closr.itが本来は無料の画像共有サイトであることを考えると、仕方ないかもしれませんね。
トラックバック
この記事に対するトラックバックURL: http://website-usability.info/cgi/mt/mt-tb.cgi/129
closr.it
こんにちは nanです。 先日、とある方に教えていただいた 無料画像共有サイト closr.it http://www.closr.it/ ですが、便利そ...


コメントを投稿する
(投稿いただいたコメントは、当サイト管理者による承認後、公開させていただきます。なお、コメントの記入は、日本語でお願い致します。)