Search is an important component of any large website, especially an online retailer with thousands of products.
However, when visiting different sites I've seen little consensus on how many characters should be viewable in a search box, even though being able to read what you've typed is key to search usability.
I thought it would be interesting to review the search boxes of web retailers to see if there were any best practices that could be learned from them regarding search box size.
Rather than pick sites at random, I took my list of online stores from Internet Retailer's top 500 list and picked out the top 30. After all, for these sites search should be an even more critical component as it would be used so frequently.
To determine the size of each search box I repeated the string "1234567890" and stopped adding numbers when the initial "1" was no longer visible.
The average search box length was 29 characters and the median was 27 characters. Interestingly, this closely matches Jacob Nielsen's recommendation (albeit made back in 2002) that search should be at least 27 characters wide.
4 out of the 30 stores (13%) chose to emphasize search with really big search boxes. Not surprisingly, Amazon led the way (as a point of reference, Google's search box fits 49 characters).
Another 4 stores (13%) had large search boxes, although the size of the box relative to the rest of the website was greatly influenced by the padding and font size of the search text box.
Only 2 stores (7%) chose the 'middle' ground of the 30 character range.
A full 40% of stores — 12 out of 30 — had search box lengths in the 20s, with quite a lot of clustering around the average search box size of 29 characters.
Over a quarter of stores — 8 (27%) — had very small search boxes. This was surprising given how screen real estate has increased over the years. I don't really see why these search boxes need to be so small.
Here's how the search boxes compare when placed side-to-side. Click on the image to view the full version.
A follow-on study I would love to see is whether smaller search boxes cause users to enter shorter, less descriptive search terms and hence reduce search usability. It would be interesting to test if increasing search box size had a direct correlation with longer search terms and better search results.
Posted on: July 20, 2010 | 13 Comments



13 Comments Posted
Interesting little study, something I never would have thought would have made a major difference. I would have alwways thought that if it was important, it would be enough just to highlight it.
But after reading this, there's clearly some benefit in having it set at the average or above.
1. Posted by Tom Doyle on July 22, 2010
good study. 25-30 sounds about right. most product queries probably wouldn't go too far beyond that character amount where as a search engine search box would no doubt probably benefit from being longer.
2. Posted by Web design portfolio on July 22, 2010
That's a really interesting study. I always found Apple's search box to be absurdly tiny. Although I'd never heard Nielsen's recommendation, that number really "feels" right.
However my Amazon box seems to be SIGNIFICANTLY larger than yours...
http://cl.ly/22f1eeede4abcf147f80
That's 100 characters on the nose.
3. Posted by Ryan Giglio on July 23, 2010
That's quite an interesting study, thanks.
4. Posted by David on July 23, 2010
Thanks alot for the interesting study!
In fact, after looking at your gathered PNG file, I would love to follow up on the study trying to find what each search button is saying. For example, how many of them are saying, Search, Find, Go ...etc.
5. Posted by Ayman Aboulnasr on July 24, 2010
Previously I was not informed about it.Thank you for sharing and very interesting post.
6. Posted by Singh on July 25, 2010
Part of it I think can be geared towards what users are likely to search for. Sites like Amazon need to be able to handle full book titles w/ authors and search engines entire sentences relatively nicely.
However, sites like Victoria Secret would rarely have long searches anyway just because the likelihood of searching for a specific item is lower. This also applies to sites like Best Buy where you are more likely to look for a generic term like "bluetooth mice" than a specific bluetooth mouse.
7. Posted by Aaron Harun on July 25, 2010
Nice information. Thank you. Adding to your list, the BIG search guy, GOOGLE also showing 50 characters.
8. Posted by Chaitanya VRK on July 25, 2010
Yup cool.. i go for 27.. :)
9. Posted by Sensitive Designs on July 25, 2010
FYI: Amazon's search box is designed to stretch across the screen, thus is dependant on your browser's resolution. Try resizing your browser window or change your screen res. So your results will only be valid for a specific screen res (which is what btw?).
I wonder if any of the other websites are the same?
10. Posted by Dominic Pettifer on July 25, 2010
It would seem that for some sites a larger search box is better but your article simply assumes that these popular sites are right and have research somewhere to prove it. What if you WANT your user to browse and you have excelent navigation. I would like to see some real analytics to back up your assumptions or else you are blindly following the big boys....who have been known to be wrong or simply following a trend before.
11. Posted by Maak Boe on July 25, 2010
Excellent article! I'm dealing with this very question of search box size with a present client of mine.
12. Posted by Christopher Merrill on August 03, 2010
And what about auto wide with css and jquery ? Is there an example somewhere ? Juste like thé comment box in Facebook...
13. Posted by Jean-Christophe on August 19, 2010