Floating labels are problematic
Adam Silver

Hi Adam! I must admit have an interesting point of view, however, it’s completely founded upon your personal opinion and skewed facts. Allow me to break it down for you and your readers:

  1. There is no space for a hint
    Hint text can always be easily included inside parenthesis, or masked inside a “i” informational tool-tip if longer text is required. Furthermore, if a form is asking for something that is so crucial to have a “hint” I would argue the experience calls for further simplification, rather than a “to float” or “not to float” conversation.
  2. They are hard-to-read
    Simply remove that unnecessary bottom padding on your input box allowing your label font size to increase.
  3. They need space to move into
  4. The animation is problematic
    Sorry but you are once again 100% wrong. Simply refer to the principles of animation in UX Design?
  5. They have poor contrast
    WOW! Low blow… First off, how did poor contrast become a “floating label problem”? Secondly, you would still run into the same issue regardless of the form design approach taken (to use floating labels, or not)
  6. They may be mistaken for a value
    The pattern is established immediately upon the user entering their information on the first form field. Not sure how they may assume it’s already completed when continuing to fill out the subsequent form fields.
  7. They are inconsistently located
    In your example, I agree. However, this is a usability heuristic issue, “consistency and standards”, to be more exact, where you’ve deliberately placed your label outside your field, breaking the already established pattern of your digital product AND making this an invalid argument. Nice try though.
  8. The label may get cropped
    Allow me to introduce myself, I have 4 last names, when entering those four names into any form field, you best believe it gets cropped. My point being, regardless if your label is statically affixed above your input box, or whether is a floating label, when the user inputs long pieces of information, you’d still run into “cropping” issues. The real problem here is allowing for the length of the form field to accurately relate to the amount of information that needs to be entered here. I’ll give you an example, if you want my zipcode, the label would read “Zipcode” and I would have a smaller width input box. If you want to hear about my experience at your restaurant, you’d give me the label “Please tell us about your experience at our restaurant” with a large message box. So on and so forth. (Sorry, didn’t mean to belabor the point).
  9. They ignore the standards
    If Steve Jobs hadn’t ignored the “standards”, we’d all still be stuck with some pretty shitty phones. Furthermore, if Elon Musk didn’t ignore the “standards” you think we’d have so much exploration and progress on self-driving cars and space travel? #FoodForThough :)
Like what you read? Give Matheus a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.