Daily UI:001
Sign Up & Sign In Experience
I have heard of Daily UI for a while now and I am thrilled to know that I have finally taken the baby steps in my journey of UX designer.
As a part of first daily challenge, I am supposed to design a UI for Sign Up experience. I improvised a challenge a bit to include Sign In and Forgot Password experience as well.
Since my aim was to get myself familiar with Figma and its capability, I have tried to use all the right tools in the right place, such as Auto Layout, Interactive Components, Style guides, etc.
Since my main focus was not completeness, I have decided to omit including branding from my design.
When user focuses on a particular input, the label will appear above the field, allowing users to have context available all the time.
Instead of using "enter your email" as a placeholder text, I have used a more concrete example, i.e. "janedoe@sparks.com". This allows users to form a mental model where they can sort of estimate what format of the input is expected.
Here is screenshot of how the label will appear.
I am attaching the rest of the screenshot which includes the "Create Account" flow and "Forgot Password" flow.
Here, I am also embedding the Figma file where I designed this challenge. I am hoping this will prove helpful for someone looking to get started with Figma and Daily UI.