EDIT: Screenshots will be added soon to better explain the problem
I got a four step progress on a website signup page and have a 4 stepped progress bar to indicate where the user is currently at:
- Step 1. Login Information
- Step 2. Avatar Upload
- Step 3. Account Created
- Step 4. Additional Information
The issue I am currently facing is how to display the progress bar or if my progress is flawed as is.
Page 1/Step 1:
I indicate at the progress bar, that the user is at step 1 and that there are 3 more pages to go. The user is required to enter a username and a password, after which he may proceed to step 2. The account is fully completed at this point and the user may already log in.
Page 2/Step 2:
I indicate at the progress bar, that step 1 is completed, the user is at step 2 and that there are 2 more pages to go. The user may here upload an avatar to his account and proceed to step 3. The user may also skip this step entirely.
Page 3/Step 3:
I indicate at the progress bar, that step 2 is completed, the user is at step 3 and that there is 1 more page to go. This page is only showing that the account is generated and ready. The user may choose to either "Save" or go to an additional step to add even more information to his account.
Page 4/Step 4:
I indicate at the progress bar, that step 3 is completed, the user is at step 4 and that there are no more pages to go. Here the user may add a lot more information to the account, and may choose to either "Save" or go to the "Account Settings" page.
Is this really good UX? I really doubt it. Somehow this progress is flawed in my eyes. We even tried to split the account creation to the bare minimum (step 1 only) and have all the additional settings somewhere else, but due to the nature of the website, the avatar is essential to actually interact on the website. Signups weren't higher before, but the avatar upload did go down by 80%, leaving us with 80% of inactive new accounts. Integrating the Image Upload to Step 1 brought signups down by around 30%, so that's not an option either at this point (we A/B tested various image upload functions A LOT).
I am really running out of options now, and can't think of something to make it dead simple to understand what the steps should be and how to tell the user when exactly the account is ready to be used...
Any insights, thoughts, ideas, greatly appreciated.