Search Area


The users need to find a page


Use a dedicated area with different kinds of search functionality.


Use when

In addition to the main navigation scheme, the web site has secondary functionality to search for information. Such sites are typically medium to large sites. There may be several kinds of search-related functionality on the site. The search functionality is not the main way to access the information, it has a secondary role.


Group the different kinds of search functionality and place them in a small rectangular area. The area is placed in a prominent position on the page but is not masking the main navigation. Use a combination of a Search Box together with a Site Map, Site Index, Search Tips or Advanced Search.


By combining all these search related functionality, the Search Area is THE place for searching and users only need to go to one place on the page. Alternatives and help is provided in a coherent way.

More Examples

Apple uses a search area with sitemap, tips and options.

plml logo


0 comments have been added to this pattern

Add a comment
Do you have something to add or say about this pattern? Perhaps some more examples of how this pattern is used in the wild? Add a comment to this pattern and I'll update the pattern when necessary. Please abstain from misuse. I reserve the right to delete or modify inappropriate postings.

Your Name


Enter the verification code you see in the image below