せっかく会員登録してくれようとしたのに、UIがイケてないために逃してしまう。こんな悲劇を避けるために、Webサイトのトップページ、アプリの最初の画面には、会員登録への導線が目立つようにはられています。
そしてA/Bテストを繰り返して最適化が行われていきます。
でもちょっと待ってください！ そこ、既存ユーザーのログインでも使うんです！！！
個人的には「ログインフォームをもう少し目立つようにして欲しいのですが……」と思うことが時々あります。まぁ、既存ユーザーは最初の一回ログインすればいいので問題は少ないのですが。
この辺り、各サービスどの様にログインフォームと登録フォームが扱われているのかまとめました。
調べたのは、
- Tumblr
- Google+
- Asana
のWebサイトトップページとiPhoneアプリです。あくまで2014年9月の状況ですし、A/Bテストで見え方は異なる可能性も大きいですが、そこは気にしません。
Tumblr
Web画面
ログインエリアはすっごいすみっこです。キャプチャ取る時にウィンドウサイズを小さくしていますが、すこし大きなディスプレイでウィンドウの最大化をしていたら見落とす危険があるんじゃないかと心配になるレベル。
ただ、登録フォームにIDとパスワードを入れてもログインできます。登録フォームを最大限に目立たせたいけど既存ユーザーのログインも……的な問題への折衷案なのかもしれません。こんなの普通は気がつかないけどね！
iPhoneアプリ
iPhoneでも、これまたログインは左下に追いやられています。Webと同じく登録フォームでログインIDとパスワードでログインできるか試してみたらダメでした……
Web画面
登録フォームとログインエリアはほぼ同列の扱いですね。
iPhoneアプリ
こちらもWeb画面と同じく登録とログインは同列になっています。
Web画面
ログインフォームは右上のヘッダの中に入ってます。
iPhoneアプリ
FacebookはiPhoneアプリではログインが前面に出てきます。登録へのリンクはかなり控え目です。
Google+
Web画面
ログイン・登録ともに右上に移動します。他のソーシャルサービスと異なるのは、サービスの特徴が前面に出てきています。
iPhoneアプリ
えーと、ログインしかないです。アカウント持っている事が前提という形ですかね。
Asana
Web画面
ログインは右上の寄せられています。ただ、登録用のGoogleアカウントボタンをクリックしてもログインできます。
iPhoneアプリ
登録が色付きボタンで、ログインは白枠のみのボタンです。どちらかと言えば登録を目立たせたかったという事でしょうか。ちなみに、アプリからではGoogleアカウントでの登録が出来ません。
思った以上に各社各様ですね。とくにアプリは各社のカラーが出ていて面白いです。Facebookのように既に多くのユーザーがいるサービスはログイン重視で、Tumblrのようにこれからまだまだユーザーを増やさないといけない所は極限まで登録フォームを目立たせる、Twitterはその間のように見えます。
各企業の成長度合で設定されるKPIが変わり、それによってUIも変わってくるという事かもしれませんね。