未分類

美しい入力フォームデザイン事例

スポンサーリンク

TheNextWebに良い記事があったのでダイジェスト版でご紹介。

Forms Can Be Beautiful Too


Designspiration

スクリーンショット 2012 05 03 9 34 20

二つの入力フォームをデザイン的に統合してしまっている例。


Tumblr

スクリーンショット 2012 05 03 9 34 42

非常にシンプルなデザイン。Tumblrは全体的にデザイン素晴らしいですよね。


Simple

スクリーンショット 2012 05 03 9 39 09

Simpleという注目の金融系サービス、Invitationの入力フォームがオシャレです。


Minute Race

スクリーンショット 2012 05 03 9 40 14

ステルス状態のようで詳細はまだ明らかではないのですが、非常に面白いデザイン。Minute Raceというサービス名とも合っていますね。


原文では他の事例も紹介されているのでぜひ。


複雑な入力フォームの時代は終わる

スクリーンショット 2012 05 03 9 44 21

ソーシャルサインオンが一般化しつつあるように、入力フォームも「より簡単」な方向にシフトしていくのは間違いないでしょう。

入力フォームが簡単であれば登録率は向上し、逆にフォームが複雑であれば、離脱率は上昇してしまう可能性があると思います。明らかに余計な項目を聞いている場合は、何らかの対策を施した方が良いでしょう。

ECやウェブサイト、Facebookなどのソーシャルサインオンを使うことでユーザ登録率がUP [調査結果]


関連して、どれか一つをダブルクリックして選択すれば、すべて自動で入力される機能をGoogleが提案しています。これ一般的になって欲しいですね。

スクリーンショット 2012 05 03 9 49 52

どうでしょう。こうした機能をサイトに設けられたら、フォームの入力ミスが減り、コンバージョン率が良くなると思いませんか?

これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様


忘れがちですが、入力フォームの最適化・リデザインにもぜひ取り組んでいきたいところです。参考になれば幸いです。


スポンサーリンク