<?xml version="1.0" encoding="utf-8"?>

Use helpful placeholders

Use helpful placeholders Bad Practice
Use helpful placeholders Best Practice

To enhance user experience, consider providing sample search queries in the search box. This can be achieved using placeholders — short, descriptive texts within the search input field that suggest what users can search for. For example, a travel site might use "Search for flights, hotels, or destinations." These placeholders guide users, reducing uncertainty about what to enter.

However, use placeholders judiciously. They can be mistaken for pre-filled information, leading users to think no input is needed. Their often low contrast can also make them hard to read, posing accessibility challenges. Not all screen readers or assistive technologies interpret placeholders effectively, potentially hindering some users from accessing the hints.[1]

References

Topics

Share

Improve your UX & Product skills with interactive courses that actually work