Search Box Design Examples

1. November 2007 Bad Design, Good Design, Interfaces, Search Box, Usability, Web Written by Alexis Brion 4 comments

Search boxes are becoming more and more important as the number of people that prefer to search instead of browsing grows. Search could seem to be easy to implement but it’s not, apparently, as I have found many examples of bad design.

Yahoo! search box is a master piece of design. Everything is clear and they don´t use fancy wording. As expected, when the user clicks on Images, the button changes to “Images Search”. The same happen with Video, Local and Shopping.

Yahoo Search Box 20071101

Digg is another good example. The search box is placed on the top right corner, exactly where most users would look for it.

Digg Search Box 20071101

Barnes & Noble search got a good piece of the home page but it does not allow to search all the categories (only books, only DVDs, etc.). Usability failure for Barnes & Noble.

Barnes&Noble Search Box 20071101

The worst design example I found was at PayPerPost, the company that pays bloggers sums for writing articles (soon to be called “izea”). This site it’s giving too many options to search forum posts without a simple search-go search box. Search keywords, author, category, sorting, etc. I would leave this for an advanced search function and not for normal users. I wonder if PayPerPost has ever tried this search with users. The PayPerPost site won a place in the site’s inferno.

PayPerPost Seach Box 20071101

.

Disclaimer: with this kind of article I want to point out usability and interface problems some sites could have. Please do not take this as an attack, take it as a free advice. I would like to make clear that this design problems could happen for many reasons, including lack of time or money.


Share/Save/Bookmark


4 Responses to “Search Box Design Examples”

  1. Dr. Pete says:

    Nice examples. I keep wondering how well the Digg search actually tests for users. Design-wise, it’s great (I love the integration), but do people understand that’s a button? Of course, Digg’s audience is hardly low-tech.

  2. Alexis Brion says:

    You are totally right, I guess that Digg button might not be that obvious to many people.

    Thanks for your comment.

  3. Regarding PayPerPost, that’s actually a very common search menu that’s found across a lot of forums. I recognize it. PayPerPost didn’t make it… they just installed it. That being said, it is bad nevertheless. Show Advanced Options only when asked for, don’t just dump a user “figure it out”.

    Good call on the others.

  4. good examples of search field boxes.

RSS feed for comments on this post. And trackBack URL.

Leave a Reply

  • Twitter

      twitter / designvsart
  • Subscribe

  • Recent Posts

  • Popular Posts

  • Categories

  • Archive





  • Creative Commons License
  • Spread Firefox Affiliate Button