SIMPLE*SIMPLE » フォーム

穴埋め式のユーザー登録画面

Gen Taguchi — Tue, 24 Feb 2009 00:03:40 +0000

ちょっと素敵。穴埋めの試験に答えるようにユーザー登録ができます。

↑ 「ユーザー名はこれで、パスワードはこれ、ちなみに私の名前は・・」なんて具合です。

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

Gen Taguchi — Wed, 21 Jan 2009 00:05:32 +0000

ちょっと見たことがなかったインターフェースなのでメモ。

ログインフォームのテキストボックス中にアイコンを配置するのはよく見ますが、「パスワードを忘れたときに？」も「？」として中にいれちゃってますね。

マウスオーバーすると「Forgot?」が出てきます。

↑ GIFアニメにしてみた。

コンパクトなフォームを作りたいときにはいいかも・・かな。あまり邪魔じゃないですし。

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

Gen Taguchi — Thu, 11 Sep 2008 01:28:05 +0000

ブラウザ履歴を共有できるTimelopeですが、会員登録からログインまでがちょっぱやです。なんと登録時のユーザー名をいれるとそれがすぐに右上のログインボックスに反映されます。しかもパスワードまで！

↑ 登録しながらログインフォームを埋めている感じ。

やりすぎなような気がしないでもないですがｗ、会員登録したらすぐに試したいもの。ありといえばありのインターフェースですね。

Gen Taguchi — Wed, 10 Sep 2008 01:08:40 +0000

ブラウザ上でタイムシートを管理できるClockspotですが、ユーザーのログイン画面がWindowsっぽく作られていてユニークです。

↑ ユーザーの一覧。

↑ 選択するとぐぐっとせりあがって・・・。

↑ ここでログイン。

ユーザー数増えたらどうすんだろ、とか疑問がないわけではないですが、ギミックとしてはおもしろいですね。ユーザー数が限定された状況で使ったり、その他のシーンでインターフェースの候補にしてもいいですね。

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

Gen Taguchi — Mon, 08 Sep 2008 22:45:26 +0000

よく検索キーワードを入れるフォームに虫眼鏡マークがついていたりしますが、携帯番号の場合は次のようなインターフェースがわかりやすいですね。

↑ これなら迷いません。

いかに迷わずに入力させるか、ちょっとした工夫を凝らしたいところですね。

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

Gen Taguchi — Mon, 08 Sep 2008 13:10:12 +0000

えらい細かいことですが、FacebookのTwitter的機能のインターフェースが素敵ですね。入力しようとすると穴埋めちっくな文書が現れるので、何を書くべきか迷うことがありません。

↑ 今何しているの？と聞かれてクリックすると・・・。

↑ （自分の名前）は・・・と答えを途中まで書いてくれます。

実に細かいことですが、こうすることで入力の敷居を下げているのかもしれませんね。また自分の名前がフォームに出てくるというのも当事者意識が高まって良いかと。

こういう細かい工夫は大事にしたいところですね。