Figma's new design system update? Yes please!
I was working on a project to improve checkout flow conversion for an e-commerce site when I stumbled upon something that made me
rethink everything about how we handle form inputs.
We had been testing variations of our input fields, tweaking labels and placeholder text endlessly with no major breakthroughs in the CTR or submission rates.
Then one day while browsing through Figma's new design system update (yes! Free updates are always a win), I noticed their take on password field styling:hidden'' by default.
I decided to give it
a shot and changed our checkout flow so that all input fields, including passwords where applicable, were hidden until the user clicked them.
Result? A 15% increase in form submissions right off bat! And not just any users either - those who previously bounced due to perceived security issues stayed around longer as they felt more comfortable entering their details.
So if youre struggling with conversion rates on forms and havent tried hiding inputs yet, give it a go:it might change your life''
input[type="password"] {visibility : hidden;}>Remember - the point is to make users feel safe without sacrificing convenience. This approach gives you both!