↑ 普通にメアドをいれると・・・。

↑ ありがとう！と出てTwitterへのリンクが現れます。

↑ Twitterに行くとちゃんとメッセージが入力されています。

Twitterにメッセージを入れ込んだ状態でリンクを作成できるとは知らんかった。いろいろ使えそうですね。これについてはIDEA*IDEAでも書こうっと。

↑ ビデオで見たほうがわかりやすいかな。

さてやっている内容ですが。

Flickrなどにも実装されている「クリックすると編集画面に」というインターフェースでフォームが画面の外に行ってしまう問題がありますよね。画面の下のほうのテキストをクリックすると中途半端にフォームが表示されるあれです。

そうしたときに画面をずずっとスクロールさせてフォームをすべて表示し、編集しやすいようにしています。たしかに、こうした小さな違いこそが使い勝手を大きく向上させるのかもしれませんね。

» Designing Details: Autoscrolling the edit state - (37signals)

↑ 招待用のコードがある人はこちらへ！

↑ ログインしてねー、的メッセージ。

使いどころが難しいですが、やっぱりマンガと吹き出しのセリフはわかりやすいですね。使える場面がないか、検討してみるとよろしいかと。

» Welcome to Bitstrips

↑ SkypeとToDo管理を合体させた「デキる俺」の説明より。

このツールを使っていると何かが勉強できる、という仕組みは良いですね。linux以外にもいろいろありそうです。

» デキる俺： 個人秘書がSkypeであなたのToDoを管理

メールアドレスを入れるときに「招待メールが送られるまでだいたいこれぐらいね」ということをあわせて教えてくれます。

↑ だいたい3日で送ってくれるらしい。

こういう目安があるとちょっと安心ですね。登録してみようかな、という気にもなります。ご参考までに。

» Heroku | Beta （どうでもいいですが、この画像って・・）

↑ こんな感じでどんどん曲が見つかっていきます。

検索エンジンをはじめて訪れたときは何を検索するか悩むもの。それよりもこうして候補が出てきてくれるとうれしいですね。またちょっとしたにぎやかさを演出する効果もありますね。

実際の動作は以下からどうぞ。

» SeeqPod Playable Search - Find. Discover. Watch. Listen. Share.

検索結果をクリックすると扇形のメニューが現れて操作を選べます。Songzaは音楽検索なので、その場で再生できたり、評価できたりします。

↑ こんな感じでその場でいくつもの操作ができます。

検索結果はどのサイトにもたいていありますよね。こうしたリッチなインターフェースでユーザーの利便性を高めてもよさそうです。

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

» Songza - The music search engine & internet jukebox. Listen. Now.

↑ このように最新情報がスクロールしていきます。

ちょっとしたことですが、こうして検索フォーム直下ににぎやかな感じを演出できれば「ちょっと検索してみようかな」と思うかもしれませんよね。

ちょっと気になったので紹介してみました。

» Actual Sales Prices for New & Used Cars, Autos, or Automobiles | PriceHub.com

↑ はしっこにさりげなく登場している手。

クリックするとPayPalの寄付ページに飛びますｗ。有料サービスにするまでもないけど、やっぱりお金は欲しいかな・・・というときに寄付してもらえるといいですよね。

そうした寄付を募る際にちょっと茶目っ気のあるインターフェースではないでしょうか。

» globalPandora - the box is open

↑ ここからスタート。「READY, GO!」をクリックすると・・・。

↑ 画面がぐいーん！と動いて・・・。

↑ このように切り替わります。

そんな感じでジェットコースター気分でサイトを見てまわることができます。ちょっと気分がいいですね。シンプルなサイトを作りたい方は参考にされてみてはいかがでしょうか。

» www.MelissaHie.com

よく拡大・縮小するためにはCTRLキーを押したり、いちいちマウスを動かして左上の拡大ボタンを押したりしなくてはいけませんが、このインターフェースだと最小限の動きで思ったとおりの動作をしてくれます。

↑ この＋、－で拡大縮小を指示。右側の矢印でダウンロードもできますね。便利。

実際に動作している様子を体験されたい方は以下からどうぞ。ちょっとした工夫ですが、実によくできています。

» ZOOMORAMA

■ 追記

掲載していた例が不適切なものでした。ちゃんとしたものに変更しました。ご指摘いただいた皆様、ありがとうございました。

↑ おいしそうな写真。右下に「View Recipe」なるボタンが。

↑ クリックするとこのようにレシピが現れます。これはいいかも。

こういう説明付きの写真を貼り付けられる、という機能はいいですね。「貼り付け」機能がクチコミのエンジンになっている今、こうした便利なインターフェースも研究していきたいですね。

実際に動作している様子はこちらから。

» Strip Vote! » Yongfook | Web Producer and Usability Consultant based in Tokyo

↑ Firefoxの検索バーに追加するにはこちらをクリック、というメッセージ。

ツールバーをインストールさせようとするこうした仕組みはありますが、ツールバーはちょっと躊躇しちゃうもの。それよりもスペースをあまりとらない検索バーならたしかに追加してもいいかもしれません。

検索機能はどのサイトにもついているのでこうしたインターフェースを検討してもいいかもしれません。

» FilesTube.com - Every search is a direct hit - file search engine

Facebookでは友達にメッセージを送る時にURLを入れると自動的にそのサイトの簡単な説明を文末につけてくれます。しかもその説明に使う画像をサイト内から引っ張ってきてくれます。

↑ メッセージ中にURLを入れるとこうした画面に。

↑ 実際に送られるメッセージ。こういう風に見えます。わかりやすい。

引用したサイトのタイトルとメタタグを引っ張ってきているようですね。単にURLが書かれているとそこをクリックするかどうか迷いますが、こうして説明がついていると良いですね。

良くできているなぁ・・・。

» Facebook | Compose New Message （要ログイン）

↑ 次の○件、を指定することができます。

ちょっとしたことですが、「次のページではもっと見たいな」と思うときがありますよね。応用しがいのあるインターフェースではないでしょうか。

実際に動作している様子は以下をどうぞ（なお、Firefoxでしか見れないようです）。

» Imagery - Better Image Searching