Search Box Inspiration


Posted by admin, 1 Year, 1 Month, 1 Week, 6 Days, 13 Hours, 10 Minutes ago

Search boxes are an important way of enabling users to find the content they want in your site. The search box needs to be clearly visible.. and straight forward to use.

Placement


The trend these days seems to be to have the search box in the top-right hand side of a webpage. The search box is usually part of the header so that it is available on every sub-page of a website. Usability studies seem to indicate that the upper-right or upper-centre of a webpage is good for usability.

Design


Here are a few search boxes from a variety of sites. I will add more as I find them.

Apple


Web Designers Wall


Larissa Meek


Tutorial Blog


Smashing Magazine


ilovecode


WebAppers


Veerle's Blog


Digg


EzzyEnough


Virb


Veoh


Cruxy


ThisNext


SwapTree


StyleHive


PartyStrands


Excites


ClipMarks


iLike



Search Results


Once a user has searched, we do not want to bombard them with thousands of search results. In general a max of 50 search results should be shown on a single page - any more than that and we should paginate the search results.

The user should also be able to refine their search from the search results page.




Comments (5)


avatar
sctronlinux » 1 Year, 1 Month, 1 Week, 5 Days, 7 Hours, 52 Minutes ago #

It is important to simple for search bar. Like IBM.com, search tool is embed in the title bar. search in the website is a tool to us. So, more easy, more well.

avatar
Kadir Dogan » 1 Year, 1 Month, 1 Week, 4 Days, 11 Hours, 28 Minutes ago #

Web Designers Wall's link is broken. True link is http://www.webdesignerwall.com.

avatar
admin » 1 Year, 1 Month, 1 Week, 4 Days, 7 Hours, 52 Minutes ago #

thanks kadir for pointing that out - fixed.

avatar
ses5909 » 1 Year, 3 Weeks, 2 Days, 18 Hours, 35 Minutes ago #

Thanks for the link to ilovecode. I'm glad you like the search box :)

avatar
sohbet » 3 Weeks, 1 Day, 21 Hours, 18 Minutes ago #

very nice, i'm install it already

Add A Comment



Name:
(required)
Email:
(required - will not be published)
Website:
Comment:
Security Code:
Enter the characters in the green box

Visual CAPTCHA
 

Archive



January 2008
November 2007
October 2007
September 2007