07.5 / Design Elements #3

07.5 / Design Elements #3
Stepped process A progress bar lets the user know where they are in relation to attaining the end-goal by breaking up a task into logical, titled steps.
Progress indicator
Loading spinner
Membership badge levels
Membership badge levels
Breadcrumbs
Search filters – vertically anchored Search Filters allow the traveler to refine their search to meet their specific needs. By using accordion panels to expand or collapse sections, the user is able remain in the same screen to refine their selections.

Search filters appear vertically anchored on screens larger than 1280px. If the users screen is smaller than 1280px, the filters will be horizontally anchored to the bottom of the browser.

All filters collapsed
Price and schedule
Airports & route
Experience
Search filters – horizontally anchored Search Filters allow the traveler to refine their search to meet their specific needs. By using accordion panels to expand or collapse sections, the user is able remain in the same screen to refine their selections.

Search filters appear vertically anchored on screens larger than 1280px. If the users screen is smaller than 1280px, the filters will be horizontally anchored

All filters collapsed
Price and schedule
Airports & route
Experience
Search filters – in context Search Filters allow the traveler to refine their search to meet their specific needs. By using accordion panels to expand or collapse sections, the user is able remain in the same screen to refine their selections.

Search filters appear vertically anchored on screens larger than 1280px. If the users screen is smaller than 1280px, the filters will be horizontally anchored to the bottom of the browser.

Filters – vertically anchored
Filters – horizontally anchored
Available Assets Use the links below to access the available files for the assets referenced on this page.