Material Design text fields are badly designed

View the original post

I’ve been designing forms for over 20 years now, and I’ve tested many of them for large organisations like Boots, Just Eat and GOV.UK.

One topic that comes up a lot with forms is: where to put the label. In the early days, we talked about left aligned labels versus top aligned labels.

These days the focus is more about placeholders that replace labels and float labels. The latter start off inside the input. When the user starts typing, the label ‘floats’ up to make space for the answer.

Material Design text fields use the float label