Social signup

1,352 views
1,310 views

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,352
On SlideShare
0
From Embeds
0
Number of Embeds
59
Actions
Shares
0
Downloads
10
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Social signup

  1. 1. User Experience Reviews Social Sign Up http://pierrevalade.com Pierre Valade (@pierrevalade) http://pierrevalade.com
  2. 2. Case Study Pierre Valade (@pierrevalade) http://pierrevalade.com
  3. 3. homepage Pierre Valade (@pierrevalade) http://pierrevalade.com
  4. 4. about Sign In Pierre Valade (@pierrevalade) http://pierrevalade.com
  5. 5. focus on username field users can start typing right away Pierre Valade (@pierrevalade) http://pierrevalade.com
  6. 6. “Keep me signed in” = YES Pierre Valade (@pierrevalade) http://pierrevalade.com
  7. 7. about Sign Up Pierre Valade (@pierrevalade) http://pierrevalade.com
  8. 8. #1 “Basic” Sign Up Pierre Valade (@pierrevalade) http://pierrevalade.com
  9. 9. “Basic” Sign Up Pierre Valade (@pierrevalade) http://pierrevalade.com
  10. 10. small link Plancast want to “push” Social Sign Up Pierre Valade (@pierrevalade) http://pierrevalade.com
  11. 11. “Basic” Sign Up form focus Pierre Valade (@pierrevalade) http://pierrevalade.com
  12. 12. explicite title = “Sign Up” Pierre Valade (@pierrevalade) http://pierrevalade.com
  13. 13. real-time username availability and preview Pierre Valade (@pierrevalade) http://pierrevalade.com
  14. 14. and javascript validation Pierre Valade (@pierrevalade) http://pierrevalade.com
  15. 15. completed form Pierre Valade (@pierrevalade) http://pierrevalade.com
  16. 16. then social connections Pierre Valade (@pierrevalade) http://pierrevalade.com
  17. 17. Pierre Valade (@pierrevalade) http://pierrevalade.com
  18. 18. open in a popup Pierre Valade (@pierrevalade) http://pierrevalade.com
  19. 19. #2 “Social” Sign Up Pierre Valade (@pierrevalade) http://pierrevalade.com
  20. 20. Facebook and Twitter they are used both for creating a new account and signing-in Pierre Valade (@pierrevalade) http://pierrevalade.com
  21. 21. privacy note important because users can be confused to use Facebook Connect because of privacy issues Pierre Valade (@pierrevalade) http://pierrevalade.com
  22. 22. Facebook Connect Pierre Valade (@pierrevalade) http://pierrevalade.com
  23. 23. Pierre Valade (@pierrevalade) http://pierrevalade.com
  24. 24. remarquable Facebook permissions ✓ email (yes, it’s possible now!) ✓ post to wall ✓ access data anytime ✓ sms! Pierre Valade (@pierrevalade) http://pierrevalade.com
  25. 25. profil completion Facebook data Pierre Valade (@pierrevalade) http://pierrevalade.com
  26. 26. explicite title Pierre Valade (@pierrevalade) http://pierrevalade.com
  27. 27. same fields than “Basic” Sign Up Pierre Valade (@pierrevalade) http://pierrevalade.com
  28. 28. real-time username availability and preview Pierre Valade (@pierrevalade) http://pierrevalade.com
  29. 29. context added info “Basic” Signup Up “Social” Signup Up
  30. 30. context added info make it very clear what user is doing Pierre Valade (@pierrevalade) http://pierrevalade.com
  31. 31. Facebook Friends matching Pierre Valade (@pierrevalade) http://pierrevalade.com
  32. 32. Very easy to subscribe Nice Ajax Pierre Valade (@pierrevalade) http://pierrevalade.com
  33. 33. Interesting choice Plancast 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
  34. 34. </end> Pierre Valade (@pierrevalade) http://pierrevalade.com
  35. 35. Follow me for more UI reviews! http://pierrevalade.com Pierre Valade (@pierrevalade) http://pierrevalade.com

×