Do you use adaptive placeholders on your forms?

Updated by Tiago Araújo [SSW] 8 months ago. See history

123

"Adaptive placeholders" are form labels that become into placeholders and vice-versa, depending on which fields have been filled or not. It gives your website a great UX.

It's also a nice way to save space and achieve a neat visual appearance. Using this method users can easily to tell which field has been filled in and which data has been entered.

Image

❌ Figure: Bad example - Having both label and placeholders can be repetitive and dull

Image

✅ Figure: Good example - Using adaptive placeholders


Acknowledgements

Adam Cogan
Farrukh Khan
Tiago Araujo
Related rules

Need help?

SSW Consulting has over 30 years of experience developing awesome software solutions.