0

As the title says i am looking for advice on labels vs no labels for a form.

I have a small "check availability" form on the home page, and wonder what approach i should take.

Options:

Mobile

version 1

https://puu.sh/ySo1M/251e154e3b.png

version 2

https://puu.sh/ySo2V/666344aefa.png

Desktop

Version 1

https://puu.sh/ySo78/95785dcde0.png

version 2

enter image description here

Version 3

https://puu.sh/ySobU/e376252412.png

2

It's better to place the label above the input box it will be noticeable to the user at all times. Because the moment you place the label inside the input field user will lose context on what is the input type to be entered in turn a cognitive load on the user. The user has to delete/erase the input in order to recheck.

For the desktop version, you can with ver 2 & 3. For the mobile version, ver 2.

For reference: https://www.nngroup.com/articles/form-design-placeholders/

https://uxplanet.org/float-label-pattern-in-ux-form-design-7ab5e33010ab

Let me know if you have any doubts. Hope this solves the problem.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.