I have a sign up flow where users can choose to enter their email/phone, or select a social account (Facebook Google).
My sign up flow is a single page multi-step form, which uses animation to hide show the previous next step.
My problem is that when the user selects to sign up with facebook, after they return from the facebook sign-up process they are represented with the sign up screen, then there is a 2 second delay before the next step is shown to them.
In testing this with a friend, it resulted in quite a reaction before them going, oh, wait, whats going on?
I want to avoid this…
Following is my workflow:
I’ve also uploaded a screen capture of the flow to youtube:
At the beginning I show you the behaviour of selecting phone/email and progressing to the next step, before kicking off the facebook flow.
What I’ve tried:
- the following step (1b) is hidden on page load. I tried addition a condition to that group that says “if users Facebook is not null” this element is visible, and removed the animation from the workflow - but it’s still delayed.