Search – Main menu

It works like this:

  1. The user presses the hardware menu button, and the options menu slides into the screen.

  2. The user taps on the option ‘search’ …

  3. … and the search bar appears at the top of the screen. On the left the app-logo is displayed. (When multiple search modes are supported, the app logo is replaced by an icon for the corresponding and selected search mode, together with an indicator) The text field is selected, on the right the search button is displayed, and the keypad slides in from the bottom.

Use when

Search for content is often an important feature within an app, but when screen real estate is limited and applying a search bar or an action bar with a dedicated button in it is not possible, you should put the option in the options menu. Search in the options menu can very well be used together with a dedicated search bar (at a fixed place at the top of the screen). This usually happens when the search option is important.

The Good

  • Saves screen real estate in comparison with dedicated search bar

The Bad

  • Takes multiple taps to get to the search option
  • The search location is often not clear (whole app or just this screen?)

    Examples

    Dropbox

    1 In dropbox, search is the first item in the main menu. When tapped...

    2 ...a search bar and keyboard appear, to let the user search.

    Google Maps

    1 Google maps has a dedicated button on the top of the screen, looking like a search field. Tapping on it would launch the search bar, but calling for the options menu...

    2 ... also launches the search bar.

    Android Market

    1 Android Market has a search button at the top of the screen, and a search option in the options menu.

    2 Both option and button have the same result: the search bar appears.

    Leave a comment