The log-in, sign-up, and forgot password screens are crucial as parts of the user onboarding process. The successful onboarding of users hinges upon the optimality of these screens.There are three design elements you need to optimize in this step. Here is a comprehensive guide to these three design elements that together shape the user onboarding process.
There are two ways using which you can design the background image.
Both these options are explored below.
When selecting the background, you can either select an image from the vast AppMySite image library or upload your own design.Let us discuss both in detail.
If you want to upload your own design for the background, follow these steps.
Make sure the image file meets the required specifications.
If you choose to fill the background design with a solid color, here are the steps you need to follow.
Preview the changes you make in real-time with the live emulator on the right side of the screen. Keep experimenting until you arrive at the right background.
Once you are done, preview the background color on the right of the screen. Proceed to the next step when satisfied.
There are two ways you can design the brand logo.
Let us explore both options in detail.
You can create your own logo using design elements such as logo text, color, font, and font size. Here’s how you need to proceed.
You can follow the steps below to upload your own brand logo.
File format: PNG, JPGFile size: 1024 * 1024 px
This step involves designing every action button on the user onboarding screens. You can optimize buttons such as REGISTER, SIGN IN, SEND PASSWORD, and others.Here’s how you should proceed.
Open the color panel under Button Text Color. Scroll across the color panel and preview the changes on the live emulator. Keep experimenting until you find the right aesthetic. You can also enter a hex code or RGB values to arrive at the color best suited to your design.
Click on NEXT when you’re done designing the user onboarding screens.