The Wiki say’s, a search box or search field is a graphical control element used in computer programs, such as file managers or web browsers, and on web sites. A search box is usually a single-line text box with the dedicated function of accepting user input to be searched for in a database. Search boxes on web pages are usually used to allow users to enter a query to be submitted to a Web search engine server-side script, where an index database is queried for entries that contain one or more of the user’s keyword research. Search boxes are commonly accompanied by a search button (sometime indicated only by a magnifying glass symbol) to submit the search. However, the search button may be omitted as the user may press the enter key to submit the search, or the search may be sent automatically to present the user with real-time results.

The top features of a customized search experience includes search filters to achieve more specific results with minimum effort or number of clicks, the provision of search suggestions, search histories and much more. The best part of such amazing search box user interface designs are its intelligent with auto-suggestions features for the closest match in a few seconds.

So while we design a search box for an app or a web page we must remember these three key points.

  1. Clearly visible
  2. Quickly recognizable
  3. Ease to use
  4. Minimal clicks

In the pursuit of a good and comprehensive search bar we explored a lot of them that are already there in the internet. We came across many fascinating and intuitive designs and I think it would be worthwhile to share these few with all of you. See them, get inspired and create something new!!

By: Traver

By: Traver

By: Yalantis

By: Yalantis