Itqualityassurance
- How wide should a search box be?
- How big should search icon be?
- How long should a search bar be?
- Where should I put a search bar?
How wide should a search box be?
The [Nielsen] study found that the average search box is 18-characters wide. The data showed that 27% of queries were too long to fit into it. Extending the box to 27 characters would accommodate 90% of queries. Remember, you can set widths using ems, not just pixels and points.
How big should search icon be?
Make sure your search box and button are large enough to see and be selected. W3C provides two relevant accessibility guidelines: Ensure that touch targets are at least 9 millimeters high by 9 millimeters wide.
How long should a search bar be?
A rule of thumb is to have a 27-characters text input (extending the box to 27 characters would accommodate 90% of queries).
Where should I put a search bar?
Place your search bar where users expect to find it
This is at the top center or top right of your website. Additionally, users actually expect to find search bars for websites at the top of the page. Don't bury your search bar in the footer, where users have to hunt for it.
