You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Search + advanced search

  1. Summary
    1. The search box text entry field allows users to search for content across the application using keywords. The entry field includes a type-ahead feature (for worksets and cost objects in the RAFT application). Users can select from the drop-down of suggested results and navigate to that page, or users can click Enter to submit their search query. The Enter key takes them to a separate search results page with a complete list of results.
    2. The search field uses the magnifying glass icon as an indicator of its function.
    3. The Advanced Search hyperlink appears in Source Sans, white, 13 pt, underlined.
  2. Code
  3. Example (in use, with an interaction, in context)
  4. Related patterns
    1. Header
  5. Problem
    1. Users need a way to search the application for their specific content as a shortcut to browsing.
  6. Solution
    1. We provided this search bar as an alternative to browsing.
  7. Rationale
    1. The search bar appeared in several other places in the header during our design phase. Adjacent to the logo was the most obvious location for end users.
  8. Accessibility
  • No labels