色々なWebサービスのログイン導線のまとめ(トップページ)
Webサービスの命ともいえるログイン機能ですが、その導線はどういったパターンがあるのか気になったので、よく見るサービスの導線をまとめてみました。
個人的には、ログインは既存会員向け=ある程度サイト構造を理解している方向けなので、CTAよりも控えめでいいのでは?と思っています。
右上にあるパターン
ログイン導線の王道といった感じです。確かによく見かけますし、ログインや会員登録はするときはついつい右上を探します。
いくつかピックアップしてみます。
Dropboxは新規ユーザ獲得のグロースハック事例でもよく取り上げられるほど新規を重視しているので、やはりログインは控え目です。
食べログはかなりログインリンクが小さいです。あまり既存会員よりもオーガニックでの非会員を意識した結果でしょうか。
真ん中にドーンとあるパターン
Sumallyはアグレッシブです。ここで何かしらのアクションをしないとコンテンツが確認できません。この手法、離脱とのバランスだと思うのですが、実際ユーザ獲得にはプラスなのか気になっています。
ログイン情報入力フォーム+ログインボタンのパターン
Twitter、Facebookが共にこのパターンなのは偶然でしょうか?両社ともグロースハックでよく語られますが、トップが本当にシンプルです。ブランド力があるからこそできる削ぎ落としだと思います。
pixivは珍しい位置にあり、各種SNSボタン等の導線も多く、何かしらで開始できそうな印象を与えてくれます。
その他のまとめ
過去にも色々なWebサービスのUIをまとめているのでご参考までにどうぞ。
色々なWebサービスの会員登録画面デザインまとめ - No Web Service No Life
色々なWebサービスのヘッダーデザインまとめ - No Web Service No Life
今話題のWebサービスのコンバージョン(CV)と導線のまとめ - No Web Service No Life