This is the process we will look at:
The series of screenshots is here:
Screen 1: A choice
This screen offers users a choice to Sign or Register.
Plan:
Remove this screen, it has too limited (or negative) value.
We do not want registered users to have to go through this screen every time they want to log in.
The two links ‘Signup (Register)' or ‘Sign in’ can easily be added to any place where they are relevant.
Common usage patterns are the above, split links eg on main navigation, in context etc.
Screen 2: User identification
Visual / identity / background
Squint your eyes, you will see two things popping out on this screen:
a blue box
a thick red bottom
Neither of these are of prime importance to the goal here which is frictionless identification by the end user.
Additionally (and this can be subjective) the style is rather dated, not contemporary.
Suggestion:
Replace the background with:
a subtle, light visual which does not scream at the user
contemporary styling (we are leading edge so the styling reflects that ?)
Lacking the updated brand guide as it will be forthcoming from Teak, Red is combined with Blue.
Gradients = today
Toned down colors = appropriate for UI.
“Footer”
The “footer” is not needed here. The less CTAs we have on this focused page, the better. It is like a landing page in this aspect.
At this registration stage, it is not the time to send users off to look at e.g. documentation. They have clicked on a ‘register’ button, let’s keep them in that state of mind.
Social proof
…or in other words - showing logos of customers.
A well-known and valid tactic.
“Adding logos on a landing page can increase conversions by 400%.”
It says “can” and in my experience adding logos almost always does give a considerable lift.
Adding customer logos in a very correct way means contacting a company’s legal department, asking them for approval, and spend a good amount of time and effort before getting answers.
Most SaaS companies go for a pragmatic approach = put the logos on the page, and if the customer asks to do so, immediately remove the concerned logo.
The “Update” request
We should find a way to not have to show this message all together, throughout the system.
But, for registration it makes not much sense. By far and large, these are new users and first thing we ask them is to manually update …
“Social” login
Well-researched. A summary maybe from the CXL, a leading CRO agency:
86% of users report being bothered by having to create new accounts on websites
77% of users believe social login is a good registration solution
92% of users will leave a site instead of resetting or recovering login info
88% of users admit to entering incomplete or incorrect data on registration forms
Data from Okta highlights the two that matter for us: Google and Microsoft.
Email sign-up: The fields and the # of fields
A lot of research has been done on this aspect re conversion rates, and the research can be confusing/contradictory. Bottom line is that we should run our own experiments later on when we have bandwidth. There is the eternal trade-off between lead quality and quantity.
“The takeaway here is you should use as few form fields as you can on your landing pages and be especially cautious with more sophisticated text areas and select boxes.”
“for each additional field you add, your conversion rate may drop anywhere from eight to 50 percent.”
Proposal:
Keep the amount of fields as-is but build up the form. It is a common and somewhat modern approach.
Test later more with other scenarios eg where we start with the full form.
The full form:
Building it up (mentally splitting it):
The form expands after information has been entered.
The benefit of this approach is a step-by-step validation of the entered information.
Eg valid email address:
domain validity
work-related email
…
