social signup

Pierre Valade (@pierrevalade)http://pierrevalade.com

User Experience Reviews

Social Sign Uphttp://pierrevalade.com

Pierre Valade (@pierrevalade)http://pierrevalade.com

Case Study

Pierre Valade (@pierrevalade)http://pierrevalade.com

homepage

Pierre Valade (@pierrevalade)http://pierrevalade.com

about Sign In

Pierre Valade (@pierrevalade)http://pierrevalade.com

focus on username field

users can start typing right away

Pierre Valade (@pierrevalade)http://pierrevalade.com

“Keep me signed in” = YES

Pierre Valade (@pierrevalade)http://pierrevalade.com

about Sign Up

Pierre Valade (@pierrevalade)http://pierrevalade.com

#1 “Basic” Sign Up

Pierre Valade (@pierrevalade)http://pierrevalade.com

“Basic” Sign Up

Pierre Valade (@pierrevalade)http://pierrevalade.com

small linkPlancast want to “push” Social Sign Up

Pierre Valade (@pierrevalade)http://pierrevalade.com

“Basic” Sign Up form

focus

Pierre Valade (@pierrevalade)http://pierrevalade.com

explicite title = “Sign Up”

Pierre Valade (@pierrevalade)http://pierrevalade.com

real-time username availability and preview

Pierre Valade (@pierrevalade)http://pierrevalade.com

and javascript validation

Pierre Valade (@pierrevalade)http://pierrevalade.com

completed form

Pierre Valade (@pierrevalade)http://pierrevalade.com

then social connections

Pierre Valade (@pierrevalade)http://pierrevalade.com

Pierre Valade (@pierrevalade)http://pierrevalade.com

open ina popup

Pierre Valade (@pierrevalade)http://pierrevalade.com

#2 “Social” Sign Up

Pierre Valade (@pierrevalade)http://pierrevalade.com

Facebook and Twitter

they are used both for creating a new account and signing-in

Pierre Valade (@pierrevalade)http://pierrevalade.com

privacy note

important because users can be confused to use Facebook Connect because of privacy issues

Pierre Valade (@pierrevalade)http://pierrevalade.com

Facebook Connect

Pierre Valade (@pierrevalade)http://pierrevalade.com

Pierre Valade (@pierrevalade)http://pierrevalade.com

remarquable Facebook permissions

✓ email (yes, it’s possible now!)

✓ post to wall

✓ access data anytime

✓ sms!

Pierre Valade (@pierrevalade)http://pierrevalade.com

profil completion

Facebookdata

Pierre Valade (@pierrevalade)http://pierrevalade.com

explicite title

Pierre Valade (@pierrevalade)http://pierrevalade.com

same fields than “Basic” Sign Up

Pierre Valade (@pierrevalade)http://pierrevalade.com

real-time username availability and preview

context added info“Basic” Signup Up “Social” Signup Up

Pierre Valade (@pierrevalade)http://pierrevalade.com

context added info make it very clear what

user is doing

Pierre Valade (@pierrevalade)http://pierrevalade.com

Facebook Friends matching

Pierre Valade (@pierrevalade)http://pierrevalade.com

Very easyto subscribe

NiceAjax

Pierre Valade (@pierrevalade)http://pierrevalade.com

Interesting choicePlancast redirect the user that haven’t completed their profil on the page to do it when they want to have access to the homepage.

Pierre Valade (@pierrevalade)http://pierrevalade.com

</end>

Pierre Valade (@pierrevalade)http://pierrevalade.com

Follow me for more UI reviews!http://pierrevalade.com