Home > Archives > 2006-10

2006-10

ブロックコメントという考え方

Jack Slocum’s Blogでは、ブロックコメントという新しいコメント方法を実装している。

下のほうを見てもコメント欄は見当たらないが、左の黄色いクリップをクリックするとコメント欄が出てくる仕掛けである。

block_comments.gif

つまり、パラグラフごとにコメントできてしまうというわけ。

Yahoo! UI LibraryのDrag and Drop Utility Grid Componentを用いており、動きもサクサクで気分がいい。

自分で実装してみたい人はこのブログからダウンロードしたり、ドキュメントを参照することもできる。

block_comments2.gif

ひとつのブログに何個もコメントしちゃいたくなりますね。

お得感を演出する

サイト上で懸賞キャンペーンをやることはよくある(かのYouTubeも最初のビデオを集めるためのiPodを配ったのだ)。

そんなときはPollDaddyのように「切り取り線のメタファー」を使うのも一つの手であろう。

kiritorisen.gif

「切り取り線」は「クーポン」を連想させ、「クーポン」は「お得感」を連想させる。

お得感を演出するには切り取り線。ちょっと覚えておいてもいいかもですね。

踊るウィンドウ

ウィンドウサイズは常に一定。

その常識をひっくり返してくれるのが、このmotion-wave.comの作品です。

見ているだけで楽しいので是非実際に見てみてください。ポップアップウィンドウなのでブロックをしている人は外してからどうぞ。

motion1.jpg

音楽に合わせて、

motion2.jpg

こんな感じに次々と、

motion3.jpg

サイズが変化していきます。

いわゆるデザイナーさんのサイトなのですが、自己紹介(結構笑える)を軽快な音楽にのせて魅せてくれます。しかも、音楽にあわせてウィンドウサイズがどんどん変化していきます。気持ちいいですね。

いつもはいやな感じのするポップアップウィンドウですが、これは一気に魅せてくれますね。音楽と合わせて強烈なインパクトを狙いたいときに使える技かと。映画の公式サイトやコンサートやイベントページにもいいかもしれません。

ウィンドウサイズもデザインの一部、という考え方はアリですね。

» Motion-wave.comのポップアップ

Home > Archives > 2006-10

最近の記事
カテゴリー一覧
過去記事一覧

Return to page top