2007-08

映像共有サイトはたくさんありますが、Brightcoveのインターフェースがちょっとかっこいいです。

このサイトでは音量調整のためのアイコンをクリックすると、音量調整バーのまわりが暗くなって操作しやすくなります。

↑ 右下のスピーカーをクリックすると・・・。

↑ 右下が暗くなって音量調整バーが見やすくなります。

必要なものは必要なときに表示する。だけどあくまでも見やすく表示する。そうしたシンプルなポリシーが感じられて好感が持てました。

実際の動作は以下からどうぞ。ちなみにここで話している37 signalsのJasonのお話はあいかわらずいいですよ。

» Jason Fried, 37signals – Brightcove – Mozilla Firefox

メールによる認証プロセスがあるサービスでありがちなのが「メールが届きません」というユーザーからの問い合わせメール。

だいたいにおいて迷惑メールフォルダに振り分けられていることが問題ですが、その注意を喚起する方法としてPing Meはなかなか良いかな、と思いました。

このサイトではユーザーがメールアドレスを入力した直後（フォーカスを他に移ったとき）に「迷惑メールフォルダに注意してね」というメッセージが現れます。

入力した直後に自分が見ていたところに突然あらわれる点がいいですね。びっくりすると同時に「なんだろ？」と思わせることができるかもしれません。こういう工夫もいいですね。

↑ メールアドレスを入力した直後に上のようなメッセージが現れます。

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

» PingMe – Create An Account

Zoominfoのトップページがちょっとユニークです。左側に見切れてる写真があって、どうにも気になります。

↑ こんな感じでちょっとだけ写真が見える。

↑ マウスオーバーするとこんな感じ。

秘してこそ・・・という感じですかね。ちょっとだけ見せて誘う、というインターフェースは他にも使えそうですね。

» ZoomInfo.com

Save the assistants.comのブログのインターフェースがちょっと気になります。過去記事へのアクセスをスライダーで行うことができるのです。

↑ こんな感じ。Ajaxな感じで、スライドさせると動的にページをロードしてくれます。

「次のページ」「1 > 2 > 3 >」といったインターフェースより直感的でよいですね。

» save the assistants

今日の百式でも紹介したLeft Handed ToonsのFaviconもかわいい・・・。

↑ サイトのコンセプトにもばっちりマッチしていますね。

こういうのが描けるようになりたいなぁ。

» Left-Handed Toons (by right-handed people)

前から気になっていたTreehuggerのインターフェース。

ページの右側がちょっと変わっています。

↑ ページの右側に「Click To Jump」というバーがあります。

ページの右側に点線で囲われたエリアがあって、そこをクリックすれば一画面ずつスクロールしてくれる、という仕組み。

狭いスクロールバーまでマウスを持っていかなくても、ざっくり右側でクリックすればOKという工夫ですね。

便利そうなシーンは限られるかもしれないですが、ユニークなインターフェースだったのでご紹介しておきます。

» TreeHugger