Gordon Mei

iOS Signup Form

  • Save
iOS Signup Form app design interaction interface ios mobile ui ux iphone visual design form validation

This is from the beginning of last year, for the Animoto iOS app - back when redesigning an integrated signup-login-reset flow. Facebook Connect was emphasized in the visual hierarchy, to encourage more frictionless signups (and logins) via a single-step registration path. This also lay groundwork for other features dependent on FB authentication.

For those wanting to register via email, wanted to lower the barrier to sign up - slimmed down this form by removing the password confirmation field (and adding a password reset to catch typos from lack of a confirm), and merged the first and last name fields into a "Name" field, which split into first and last upon focus. Filling out forms on mobile is never fun, so also replaced form errors via UIAlertView with friendlier inline form validation.

keyboard shortcuts: L or F like