UX Writing

UX Writing: 11 Examples of Placeholder

1. Made

www.bearbook.com

The form of sign-in of Made.com is very simple. But there is nothing wrong in it. When users first see a form, it needs to look as simple as possible and provide the feeling that there’s not much work, or that it’s easy to fill out. When the fields are empty, the form seems simple, and users feel a need to complete it. In conclusion, don’t add placeholders just to fill up space and this is also an important part in UX writing to know where to add content. Only add them when there is a good reason and they help you accomplish a specific goal.

The placeholder used for “Search” symbol is also interesting. It’s not just written search but accompanied with specific words like “Search for products and inspiration” which will make the users work easily as they know now what to search about.

2. Veneziano

Veneziano had used two different texts in the label and placeholders. In the label, they are asking the user to find what you need. In the placeholders, It is requesting to enter a keyword. But it is still difficult to understand what they are trying to tell us. It would be better if they would have mentioned some keywords or examples to get the exact idea.

3. The Sill

The Sill had created the login page very simple without having the placeholders. Here, labels are not given in the field. It is shown outside above the field. It is actually a good way. If it would have shown inside the field and not outside, the label disappears when users start typing, and there is no way for them to go back and remember what they were supposed to provide there.

4. Homepage – Northern

Generally, we see that search box encourages users to explore the site. But here it is comprised of the label “Enter your search here” which is meaningless. Already the placeholder is consisting of the text ‘Search’ then why unnecessarily writing this type of label. Instead, they could have written some motivational text (e.g. search from 1000+ products) in the label or in the placeholder which motivates users to action and moves things along.

5. Kotn

Helpbox

In the help box, the placeholder is written in this way -“Search for articles” where they had clearly mentioned that users can search for articles only. Also, they had given some top articles below the placeholder. So users task had become easy as they don’t have to think about what to search.

Sign up for newspaper

Here the placeholder is asking for email but it does not consist of the word “Email” or had kept the placeholder empty. It is nicely showing the way to write the email- [email protected]

6. The Nue co

The login page and register page seems very crowdy. It seems that the user is not given space to fill the details. Labels and placeholders are given side by side instead of up and down and that too with the same text in both of them. If you give some space to the user, he will feel a need to complete it.  In conclusion, don’t add placeholders just to fill up space. Only add them when there is a good reason.

7. Reforestum

This practice has become so pervasive that sometimes designers are incapable of leaving the fields empty, and feel the need to fill them, even if it creates a weird redundancy.

8. Optix

The placeholders on the form are meant to make users smile. Each time, a different fictional character from a TV series, film, book or video game, appears in the field, and an appropriate email address is provided in the email field.

Also, it enables users to tell something about their business. In order to do so, they ask users to describe the business. And this request is illustrated by an example displayed as the placeholder. The placeholder for “Anything else, you would like to tell us about your business?” helps users to get a clue of what they could share about their business with Optix.

9. Newsletter – Letters from Sweden

While subscribing for the newsletter, the form is simply designed to amuse users. Each field is followed by the example by using some character’s name.

10. Recreo

The placeholders put in the contact form seems good. As soon as the user places the cursor in the field, the placeholder doesn’t disappear but moves above so that even if user forget what details to be filled in the particular field, he can look above and can fill it easily instead of erasing the field.

11. Rapha

The Login Page and the Register Page of Rapha look like busy, crowded and difficult to fill. The text written in label and placeholders is redundant. They had doubled the amount of text on the form which is not needed. Without placeholders, and with the right labels, the form seems as simple as it actually is.