Size should be determined by the amount of white space in the interface the search input will be used in.

Stick to using native components when designing search for mobile and display the results in table or list views.

Labels are mandatory on all fields, but they don’t always have to be visible. This is especially true for search, so make use of hidden labels as they make a difference in accessibility.

Search should appear only once in an interface and relate to the content it’s presented with.

Don'texclude search from the context of the interface.

Dokeep search relevant to the user’s workflow.

Results should always relate to the information input by the user and never take them out of context. If a basketball team is searching for opponents in the area, results shouldn’t return all opponents in every sport.

Don'tignore key words used and return irrelevant information.

Dotreat search as a way to discover content.

Placeholders are required and should use verbs to suggest what the results will return.

Don'tuse placeholders in place of hidden labels.

Doprovide instruction with an appropriate action.

They should follow non-label text guidelines, but don’t put punctuation at the end.

See our full accessibility audit for more information about these results.