Designing for Trust and Usability in Web Form Design
Minimize distraction - Clean and clear layout - Two-color scheme Guide and ensure user in providing valid input - In-line validation - Clear, playful text copy - Placeholder text in inputs - Iconography - Information tooltips
One way to design for trust, for example, is in the password input. - Text copy input "strength" combined with the password strength bar guides the user into entering a password that's difficult to guess. - Iconography for this one input, from the show/hide eyeball, security lock, to dots that conceal the password all work together to secure the user's data. - Information tooltip further guides user into selecting a strong password (only shows on hover over the "i" icon)
Little design details make a big difference towards building trust with a new user.