Twitterでパスワードを忘れた場合、次のようなメールが飛んできます。

↑ 「誰でもよくあることです。」ってｗ。

コーチングやなんかでは「ノーマライゼーション」という手法ですね。「あなただけじゃないよー」と安心させてくれてなんだかほっこりしますね。

» Twitter: What are you doing?

いつのまにか再生終了画面に検索ボックスがついていましたね。動画が終わったあとの画面はそのあとの滞在時間を延ばすカギになるのでこうした工夫は大事ですね。

↑ こんな感じ。

そういえば前に以下の記事をまとめましたね。こちらもどうぞ。

» 動画共有サイトに見る口コミのメカニズムまとめ | SiMPLE*SiMPLE

すでに多くのサイトで採用されているインターフェースではありますが、気をつけていないと忘れてしまうかもしれないので念のためにエントリー。

WUFOOではFAQページの下に最終更新日が記載されていますね。ここのページには問題を抱えている人が来るだけに、あまりに古い更新だとうっかり信用を落としかねないです。

↑ これ、重要かと。

地味な項目ですが、「FAQには最終更新日を！」は大事ですよね。

» Wufoo Docs » Unplugged

サイト上に人が出てきてしゃべりだす、というエフェクトはよく見ますが、ターゲットをうまいこと理解している映像だったのでご紹介。

ネコ用のドアを売っているサイトで、左下に次のような映像が。

↑ ネコを抱えた販売員。

抱かれているネコがいい感じにフリーダムで微笑ましいです。ネコを飼っている人ならちょっと見入ってしまうのでは。なかなかうまいですな。

実際に動作している様子は以下からどうぞ。

» Pet Porte® Microchip Cat Flap – Stops Cats Bullying!™

写真を数枚表示するコンテンツは多々ありますが、「次の画像へ」のときにプレビューを見せてくれると助かりますね。

↑ こんな感じ。

マウスオーバーすると表示されるようになっているようです。ちょっとしたことですが気が利いていますね。

実際に動作している様子は以下からどうぞ。

» Breakfast in America and Around the World | Family Breakfast | Reader’s Digest

「頭の中」さんのブログ、ちょっとおもしろいインターフェースを搭載していますね。

本文中の気になる単語をドラッグするとそのまま検索ボックスに自動入力されます。

↑ こんな感じ。

個別ページでしか動作しないようですが、ユニークな仕組みですね。個人的にはFirefoxで「Easy DragToGo」を使っているので大丈夫ですが、人によっては便利そうですね。

実際に動作している様子は以下からどうぞ。

» 携帯への迷惑メールがフィルタを通り抜けてきた – 頭ん中

JavaScriptでこういう効果を実現するライブラリがありましたが、ショッピングサイトで実装されているのは初めて見たかも。なかなか良いですね。

↑ 商品画像の上でマウスオーバーすると右に拡大画像が。

LightBoxと同じぐらい普及してくればいいのになぁ、と個人的には思ったり。

実際に動作している様子は以下からどうぞ。

» Pretty Bitter – Stationery that pushes the envelope

■ 関連記事

• あらゆるページに拡大鏡を追加できる『Loupe.js』 | SiMPLE*SiMPLE
• 画像がズームしながら浮かび上がってくる特殊効果 | SiMPLE*SiMPLE
• 拡大鏡インターフェース | SiMPLE*SiMPLE

新しいDSは画面が大きくなったようですが、公式サイトではそれをうまいこと表現していますね。

↑ 右が現行、左が新型。

マウスでインタラクティブに動かせるのでどれだけ大きさが違うか二つ手にとって比べてみてるような感覚になりますね。わかりやすい。

実際に動作している様子は以下からどうぞ（メニューの一番右です）。

» ニンテンドーＤＳｉ

画像アップローダーのPicamaticがシンプルすぎですねｗ。ユーザー登録不要なのですが、実にわかりやすく表現しています。

↑ 打ち消し線は直感的でわかりやすいですね。

ちなみにここをクリックするとFAQの「会員登録は？」部分が浮き上がってくるというギミックになっています。こちらもおもしろいので是非クリックしてみてください。

↑ ここで該当する部分がぐぐーっとあがってきます。

あとおまけ。右上部分のちょっとしたメッセージがランダムに変わるのですが、なかなか小粋な感じです。

↑ 「ここはあなたの広告スペースではない」・・・わかりやすいっすね。

シンプルなウェブサービス作りたい方にはお手本になるのではないでしょうかね。是非いじってみてください。

» Picamatic – Upload images in one click!

先日に引き続きPanicのサイトから。ここではいろいろダウンロードできますが、ダウンロードリンクにマウスオーバーするとファイルの詳細情報がポップアップします。

↑ このリンクにマウスオーバーすると・・・。

↑ こんな感じで何をダウンロードしようとしているかが分かります。

ダウンロードする前にこうした情報は知っておきたいので便利ですよね。マウスオーバーしなくちゃ見えないってのはどうよ？という議論もあるでしょうが、ちょっと変わった視覚効果が欲しい、という人は参考にされてはいかがでしょうか。

実際に動作している様子は以下からどうぞ。

» Panic – Coda – Purchase Coda Instantly