Alta Mobile Search Pattern

I created the visual designs for the Alta Mobile Search Pattern images below.

The Search pattern is a textbox component that allows a user to search or filter a set of results. Results can be returned as the user types (i.e. auto suggest very common on Mobile) or after tapping a button to conduct a search. Search allows a user to quickly type or speak a search query. It is often used to filter a long list, to quickly bring up the desired item.

 

iOS Auto Suggest

02_Auto_Suggest 375x667.jpg

Displays outside the search field, typically as a list of matches. Results update as you type.

 

iOS No Results

03 no_results_phone 375 x 667.jpg

This image shows a search icon with the text “No Search Results Found.”

 

iOS Saved or Trending

04_Save_Trending_Search 375 x 667.jpg

This is a list of searches saved by a user or automatically saved as a search history. Usually related to a Profile pattern.

 

iOS Scoped

05_Scoped_Search 375 x 667.jpg

A scoped component narrows the context of the search being conducted, usually a button set or select.

 

iOS Result Categories

06_Categorized_Auto_Suggest 375 x 667.jpg

When the results have different categorizes and are separated by section headers. Similar to scoped search.

 

iOS Processing

07_Search_Processing 375 x 667.jpg

An optional indicator informing the user that a search is occurring. Used more often on searches that take a longer time to return.