Email or username:

Password:

Forgot your password?
Miguel Arroz

This is why the design trend of using placeholders as field labels is a terrible idea. This dialog showed up like this when I used the “Add Bookmark…” in Safari. What do you think the selected field is for? The bookmarked URL, right?

6 comments
Miguel Arroz

Well, wrong. Here’s how it looks empty. But because I was bookmarking a PDF, Safari couldn’t extract the title and used the URL as title instead. And the “Description” field below made me believe THAT would be the field with the title that shows in the bookmarks menu.

Miguel Arroz

All this for what? Saving the space of the labels in a dialog with 3 controls, plus the action buttons, that will be presented on a device with a large screen? The trade off is just wrong. Always show the field labels. Never use placeholders as labels.

chris

@arroz
I think I got your story but your writeup is confusing af

Dr Brian of London (Dev)🖥

@arroz I quite like this which minimizes the label into the form element.

Jibai

@arroz yikes. Bad UI all along the way leading to bad UX 😬
It was really complicated to display the 3 fields and the 3 labels I guess.

Go Up