hirax.net::Keywords::「キオスク」のブログ



2001-03-25[n年前へ]

WEBページがキオスクになる日 前編 

東スポ・レイアウトでいこう

 以前、「WEBページを検索した時、その検索結果を小さな画像(サムネイル)で表示してくれるのって便利だと思わない?(というかやってみない?)」とアドバイスされたことがあった。目的のキーワードで検索をかけた結果が一覧で表示されても、そのテキストのみの結果からは全然イメージが湧かない、というのである。

 なるほどなぁ、と私は思いながらも、その「WEBページの検索結果をサムネイル表示する」というアイデアを簡単に実現するにはどうしたら良いかがなかなか思いつかなかった。どこかの検索エンジンを利用して検索を行って、その結果に対してさらにサムネイル表示を加えてみようなどとも挑戦してみたのだが、サムネイル表示のために利用しようとしたThumbnailsViewのThumbCtlを使ったプログラムが何故かWindows2000上では上手く動作しなかったりして、なかなか進まないままだった。

 もちろん、自分のサーバーでもあるhirax.netの中の全文検索結果にサムネイル表示を加えることは簡単にできるだろう。しかし、hirax.netにある「できるかな?」の各ページはあまりグラフィカルというわけではないのである。ほとんどのページで、少なくとも先頭近くはほぼ文章だけで占められている。すると、サムネイル表示すると下のような感じになってしまう。
 

「できるかな?」のページの一部をThumbnailsViewでサムネイル表示してみたもの

 このような表示だと、テキストのみの検索結果に対して「結果からイメージを湧かせる」という点ではさほど優位に思われないのである。hirax.netは比較的画像を多く使っているサイトであるとは思うのだけれど、それでもやはりページの内容が文字主体であるため、サムネイル表示を上手く活用する方法が考えつかなかったのである。

 実際のところ、私が頻繁に見に行く他のサイトでも文字主体のところが多いので、自分自身の用途としてはなかなかWEBページのサムネイル表示は活用できそうになかった。
 

 しかし、周りを見わたして考えてみればそんなWEBサイトばかりではないのだった。もしかしたら、「文字主体の読み物」を読んでいる人は実は少数派で、そうじゃない人やそうじゃないサイトの方が圧倒的に多いのかもしれない。少なくとも、企業のWEBサイトは良くも悪くもグラフィカルなページの方が圧倒的に多い。そして、そんなサイトに対して「検索結果をサムネイルで表示する」ことでどんなに「結果からイメージが湧くか」を実感させてくれたのが、お笑いパソコン日誌経由で知ったgirafa(http://www.girafa.com/)である。実際の例を示してみると、化粧品(cosmetics)というキーワードで検索をかけた時

この二種類の結果から受けるイメージの違いはやはり大きい。

 girafaを使って化粧品をキーワードにして検索結果をサムネイル表示させた場合は、もう化粧品のパンフレットのような感じで文字なんか読まなくても、イメージが頭の中に入ってくるのである。言葉の壁もなんのその、文字を読む必要もないのである。なるほど、私のように文字主体のWEBサイトばかり読んでいるものには判らなかったが、ファッション関係のWEBサイトを検索する女性にとっては、「検索結果のサムネイル表示」はとても必要とされそうである。

 もちろん、それはコスメ用品を検索しまくる女性だけでない。エロ・エロ・キーワードを片手に検索をしまくるエロゾンビたる男性達にもとてもありがたいものとなるに違いない。例えば、こんな風にエロ・エロ・キーワードで検索をかけたりすると、その結果なんてもうイメージ湧きまくり状態になる。もちろん、この検索結果もここに張り付けて、その効果とイメージを共に分かち合いたいくらいなのであるが、そんなことをしたらこのページまで18禁扱いされないし、私を誤解する人も出てきそうなので、残念ながら止めておく。(いや、違った。全然残念ながらではないか。)

 このgirafaは検索結果をサムネイルで表示してくれるだけではなくて、InternetExplorerのサイドバーとして自分の好きなリンク集をサムネイル表示させておくこともできる。例えば、下の画面左に表示されているのがgirafaのサイドバーである。
 

girafaのサイドバー

 さて、冒頭で「文字主体のサイトではサムネイル表示では効果が少ないのではないか」と書いた。しかし、それは実はサムネイルの画像が粗い場合の話であって、実は文字主体のサイトでもサムネイル画像の情報量が多い場合には、それは必ずしも正しくない。実際、girafaの作成するサムネイル画像はかなり高品質なので、WEBページの頭に大きな文字があれば、それもちゃんと読むことができるのである。

 試しに、girafaとThumbnails Viewの作成するサムネイル画像の違いを並べてみると、下のようになる。
 

girafaのサムネイル画像は、記事のタイトルもちゃんと読める
girafaの作成するサムネイル画像
ThumbnailsViewのサムネイル画像

 この記事のタイトルが読めることの効果は非常に大きい。例えば、誰しも駅のキオスクで実際の新聞を買おうとする場合には、一面のトップの記事のタイトルを見て、どの新聞を買うかを決めるということも多いはずである。少なくとも、私の場合はそうだ。目を引く記事のタイトルがあれば、その新聞を買い、そうでなければ買わないというやり方である。

 それと同じで、girafaでニュースサイトのリンク集を表示させているような場合には、興味がある記事がトップにあればそのリンク先へ飛んで、そうでなければわざわざそのサイトへ飛んだりはしない、という風な使い方になってしまいそうなのである。つまり、girafaでサムネイル表示されているリンク集というのは、ほとんどキオスクで折り畳まれた新聞の一部が見えているだけの状態と非常に良く似ているのである。girafaのサイドバーとキオスクに並んでる新聞はとても感覚的に近いのだ。そういう感覚的な近さというのは、きっととても大事なことだとも思うのである。

 このgirafaみたいな便利なモノはきっと普及することだろう。girafaがベータ版でなくなって、ちゃんと動作するようになれば普及しないわけがない。そして、誰もがそんなサムネイル表示された新聞社のWEBサイトを見るようになった暁には、新聞社のWEBページは絶対東スポ方式にすべきだと私は思う。サムネイル画像には大きく、「川崎麻世・カイヤ、離婚」という文字が見えるのだが、それをクリックしてそのページに飛ぶと、その下に「回避」という文字があって、実は「川崎麻世・カイヤ、離婚回避」という記事だったというようなやり方だ。あまりやりすぎるとオオカミ少年になってしまう恐れもあるが、まぁそんな新聞WEB記事も面白くていいんじゃないのかな、と思ったりするのである。二十一世紀は東スポスタイルが大流行するハズなのだ。

 しかし、ホントのところ二十一世紀になってもやっぱり東スポや噂の真相ってあるんだなぁ。当たり前かもしれないけど、鉄腕アトムの時代もやっぱり東スポや噂の真相ってあるんだなぁ。ちょっと不思議な感覚だなぁ。
 

2002-11-04[n年前へ]

WEBページがキオスクになる日 中編 

 の更新に伴い、WEBサムネイルリンクのテスト用のリンクはそちらへ移動しました。「おもーーーーーーーーーーーーーーーい」と怒りメールを送ってくる方もいますしね。
 さて、今回作成した「定期的にWEBページのサムネイル画像を作成するソフト」の面白い使い道などを考えついて、しかもそのアイデアを自分ではやらないかもなんて人がもしいたら、私まで教えて頂けるとうれしいです。
 ちなみに、ページ内で使っているバージョンは15分おきに更新するようにしてあるのですけど、この配布用にサーバに置いたものは一時間おきに更新するように固定してあります。また、HTMLコードを自動生成する部分も殺したバージョンにしてありますが、何か面白いことをされる方がいらっしゃいましたら別途ご相談ということで。
 ソースごと置いても構わないのですけれど結構他のサイトに迷惑をかけるソフトだし…ということで。

WEBページがキオスクになる日 中編 

hirax.net風 「WEB&雑誌の立ち読みコーナー」

 前回、「WEBページがキオスクになる日 前編 - 東スポ・レイアウトでいこう-」新聞社や雑誌のWEBページはいずれ「東スポ」みたいなレイアウトになっていくハズなのだー、と予想してからもう一年半も過ぎた。いずれ検索サイトの結果表示は「イメージを湧かせ易いサムネイル表示」になっていくのが自然だろうから、それに対応してWEBページの作り方もサムネイル表示を念頭においたものになっていくに違いない、と考えたのである。そして、そんな暁にはWEBページのデザインは東スポのようになっていくに違いない、と思ったのだ。つまり、ページのトップには目を惹かれる大きな写真と、興味を惹かれずにはいられないキャッチーなフレーズが大きく配置されるに違いないと思ったのである。
 

典型的な東スポデザイン
折りたたんだときには「人面魚重体」しとしか読めない東スポマジック

 もちろん、ここまでトリッキーな配置は一部裁判所にすら嘘つきのライセンスを保証されたことがある(東スポvs三浦和義名誉毀損 裁判の一審で、「東スポがウソを書きまくるのは明らかなので、何を書いても名誉毀損にはならない」と裁判所に認定されたことがある)東スポくらいにしか許されないことだは思うが、特にニュースを報道するようなWEBページはもっと目を惹き心を惹くようなビジュアルなレイアウトになっていくに違いないと思ったのだった。

 しかし、前編をアップしてから一年半も過ぎたのだけれど、一向にそんな気配はないのである。サムネイルを表示してくれる検索サイトもまだまだ主流とは言えないし、検索されるWEBページの側だってページのトップにはテキストだけを羅列しているだけのところも多い。

 例えば、下に示した「東京新聞」の例を見ればそれがよく判ることだろう。トップページには各ニュースの内容を説明する短いテキストだけが配置されている。読者はその短いテキストの内容を読んで、さらに詳しい内容を読むかどうかの判断をしなければならない。また、そのニュースの重要度は一見したところでは判らないのである。

 それとは逆に、下の右側に示したCNNの例では非常にビジュアルな配置になっている。ニュースを説明する写真が大きく配置されているし、重要なニュースは大きく配置され、そうでないものは小さく配置されている。レイアウトをする側は苦労するとは思うが読む側からすると非常に読みやすい。テキストを読んでイメージがもりもりと湧くようなタイプの人はともかく、ワタシのように雑誌でもなんでも斜め読みをして、ましてや英語の論文なんか図や画像を眺めて読んだつもりになるタイプの人間にはこのCNNスタイルは非常に読みやすいのである。(いや、読まずに眺めているだけなのだが…) 
 

対照的な二つのレイアウト例
東京新聞
ニュースを説明するテキストだけが配置されている
CNN
ニュースを説明する写真が大きく配置されている

 そして、一番素晴らしいのがやはり本家スポーツ新聞のWEBページである。そこにはちゃんと当日の新聞の最新版の画像が配置されているのだ。その最新版の画像はやはりとても目を惹き、内容もとても判りやすいのである。実際のところ、それはWEBページでもなんでもないわけなのだが、その日のスポーツニュースを一見して判るという点ではとても素晴らしいのだ。
 

スポーツ新聞コーナー
(この画像は最新版の一面にリンクされているので、いつも新しいニュースが判るハズ)

 とはいえ、残念ながらこんなビジュアルな例はとても数が少なく、ほとんどのニュースWEBページは単なるテキストの羅列だったりするのである。そしてそれは読まれるWEBページ側だけの話だけでなく、WEBページへたどり着くまでの過程だって、やはり同じようにとても非ビジュアル的なのである。

 例えば、ワタシはWEBページを読みに行くときにはWebページの更新チェッカであるWWWCを使っている。その動作画面は下に示してみたような感じで、基本的に更新されたサイト名の羅列になる。また、例えばはてなアンテナのような同じような更新チェックアンテナの場合だって、基本的には更新サイトと更新内容がテキストで羅列・表示されることになる。
 

WWWCでWEBページの更新をチェックしているようす

 こういうツールを使って、WEBページを読んでいると、いつのまにやら、「更新されているから読みに行かなきゃ」というような気持ちになっていることに気づくのである。まるで、義務感のような気持ちを(ほんの少しではあるけれど)植え付けられるような気持ちになるのだ。すると、チャップリンのモダンタイムズではないけれど、何やら自分が歯車の中で機械的にマウスをクリックしているような気になってしまうのである。これはちょっとイヤなのだ。携帯メールのテキストを駆使するようなニュータイプ、テキストから内容がすぐ理解できるニュータイプとは違い、ワタシのようなビジュアル重視タイプにはこういうテキストの羅列をクリックしていく作業はちょっと苦手なのである。

 ワタシはもっと違う気持ちでWEBページを読みに行きたいのだ。ページに目を惹かれ、思わずマウスをクリックしてしまうというような気持ちになりたいのである。特に、比較的画像を多く配置しているような新聞やPC系ニュースサイトを読みに行くときには、「その大雑把な見た目=大雑把な内容」を眺めて、その内容に惹かれてそのページを読みに行きたいのである。各ページへのリンク箇所には各ページの大雑把な画像つまりサムネイル画像か何かが表示されていて、そのサムネイル画像を眺めて判断してから各ページへ読みに行く、というようにしたいのである。キオスクやコンビニの雑誌コーナー新聞コーナーで、雑誌の表紙や新聞の一面を眺めて思わずそれらに手を伸ばすように、WEBページのサムネイル画像を並べて眺めてから、思わずそこのページへ飛んでみたかったりするわけなのだ。

 必要は発明の母というわけで、試しにhirax.net内にそんな「コンビニの雑誌コーナーのようなアンテナを作ってみたい」と考えて、まずはWindows上でWEBページのサムネイルを定期的に作成するソフトを試しに作ってみた。このソフトを動かして、定期的にニュースサイトの各ページのサムネイル画像を作成し、DT_FTPのような定期的にサーバーにファイルを転送するソフトと併用することで、サーバー上にいつも最新のWEBページのサムネイル画像を置いておくというようにしてみた。例えば、その画像を利用したニュースサイトへのリンクがこの下に配置されているものである。テスト用なのでまだまだリンク数も少ないし、(拡大したときの)サムネイル画像も少し小さめだし、更新チェック・アンテナとの連携もしていなかったりするけれど、それでもワタシの「こんなのが欲しい!」という大体のイメージは掴めることと思う。そしてまた、スポーツ新聞や各雑誌の最新号表紙へのリンクも貼ってみたので、それらを眺めればコンビニで眺めるような雑誌棚のイメージが湧くハズである。

 今は残念ながらテキスト羅列のリンクが多いのだけれど、いずれ「雑誌、ニュース系のWEBページへのリンクはこんなサムネイル画像タイプが主流になるハズなのだ」と前編に続き中編の今回もまた外れそうな予想をするところで話を終わらせてみたいのであるが、それにしてもそれにしても「テキストだけでもちゃんと頭の中に入ってくる」タイプの人が少しうらやましいと思うのである。これからは、やっぱりそんなニュータイプの時代なんだろうか?だとしたら、こんなサムネイルタイプは主流にはならないのかな?どうなんだろうな?

2002-11-07[n年前へ]

WEB現代 

WEB現代 お笑いパソコン日誌に書いてあったWEB現代を眺めている。おぉ、確かに内容が一目瞭然だー。電車の中吊り広告そのものだー。そして、これはまるでエロサイトだー。と、思ったけれどWEBページがキオスクになる日 中編が「まるでエロサイトのページのようです」というメールも頂いているのだった。営業努力を怠らないんだなぁ、エロサイトは。
 それにしても、ひろゆきもいるし。

2004-04-19[n年前へ]

品川駅で 

 この駅のホームは何故だが人をとてもブルーにするような。ホームのキオスクで味付き卵と新聞を買う。BGMで流れてるHaddawayがさらに人をブルーにする。 しょうがないから、卵を食べる。

品川駅で








■Powered by yagm.net