Filtering & Sorting

Web Filtering & Sorting User Flow

Discover best website designs for Filtering & Sorting flows. Get inspired by the best apps in the world.

Front Filtering a view screen

Front Filtering a view screen

Front Filtering a view screen

Front Filtering a view screen

Front Filtering a view screen

Front Filtering a view screen

Front Filtering a view screen

Front Filtering a view screen

Front Filtering a view screen

Front Filtering a view screen

Front Filtering a view screen

Front Filtering a view screen

Filtering a viewon
Front

The user filters workload data by date, inbox, and teammate. The dashboard updates to reflect the selected filters.

Filtering & Sorting Charts Dashboard Filter & Sort Chip Badge

Better Stack Filtering reports screen

Better Stack Filtering reports screen

Better Stack Filtering reports screen

Better Stack Filtering reports screen

Filtering reportson
Better Stack

The user filters the incident overview by searching and selecting a specific monitor. The overview is then updated to reflect the selected monitor.

Filtering & Sorting Filter & Sort Popover

Databricks Filtering sample data screen

Databricks Filtering sample data screen

Databricks Filtering sample data screen

Databricks Filtering sample data screen

Databricks Filtering sample data screen

Databricks Filtering sample data screen

Databricks Filtering sample data screen

Databricks Filtering sample data screen

Filtering sample dataon
Databricks

The user filters sample retail sales data by adding conditions for age and gender. The final table displays the data that matches both filter conditions.

Filtering & Sorting Date & Time Table

Mindtrip Searching a flight screen

Mindtrip Searching a flight screen

Mindtrip Searching a flight screen

Mindtrip Searching a flight screen

Mindtrip Searching a flight screen

Mindtrip Searching a flight screen

Mindtrip Searching a flight screen

Mindtrip Searching a flight screen

Searching a flighton
Mindtrip

The user searches for a flight by selecting origin and destination cities and then views the flight options. The user also interacts with the time filter.

Filtering & Sorting Searching & Finding Empty State Filter & Sort Accordion Search Bar Slider

Lemni Filtering messages screen

Lemni Filtering messages screen

Lemni Filtering messages screen

Lemni Filtering messages screen

Filtering messageson
Lemni

The user changes an email's priority. They open the priority dropdown, select "Urgent", and the inbox updates to reflect this change.

Filtering & Sorting Chat Detail Date & Time Emails & Messages Banner Divider Side Navigation

Notion Filtering and sorting a table screen

Notion Filtering and sorting a table screen

Notion Filtering and sorting a table screen

Notion Filtering and sorting a table screen

Notion Filtering and sorting a table screen

Notion Filtering and sorting a table screen

Notion Filtering and sorting a table screen

Notion Filtering and sorting a table screen

Filtering and sorting a tableon
Notion

The user filters a table by medium, removes the filter, and then sorts the table by launch date. The flow demonstrates filtering and sorting functionalities.

Filtering & Sorting Filter & Sort Date & Time Chip Table Toolbar

Front Filtering and sorting inbox screen

Front Filtering and sorting inbox screen

Front Filtering and sorting inbox screen

Front Filtering and sorting inbox screen

Front Filtering and sorting inbox screen

Front Filtering and sorting inbox screen

Front Filtering and sorting inbox screen

Front Filtering and sorting inbox screen

Filtering and sorting inboxon
Front

The user filters and sorts their inbox. They apply a filter that results in no conversations being displayed.

Filtering & Sorting Filter & Sort

Mindtrip Filtering stays screen

Mindtrip Filtering stays screen

Mindtrip Filtering stays screen

Mindtrip Filtering stays screen

Mindtrip Filtering stays screen

Mindtrip Filtering stays screen

Mindtrip Filtering stays screen

Filtering stayson
Mindtrip

The user searches for stays, filters by location, budget, and stay type. The final result is a list of hotels in Bali that are on a budget.

Filtering & Sorting Filter & Sort Select Checkbox

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Front Filtering search results screen

Filtering search resultson
Front

The user filters their inbox by sender, subject, date, status, attachments and tags. The search returns no results after applying all filters.

Filtering & Sorting Calendar Filter & Sort Date Picker Popover Carousel

Better Stack Searching live tail screen

Better Stack Searching live tail screen

Better Stack Searching live tail screen

Better Stack Searching live tail screen

Better Stack Searching live tail screen

Searching live tailon
Better Stack

The user searches and filters log data by 'kuala lumpur' and 'last 24 hours'. The filtered results are then displayed in the log data table.

Filtering & Sorting Searching & Finding Date & Time Search Filter & Sort Search Bar Table Top Navigation Bar

Databricks Filtering history screen

Databricks Filtering history screen

Databricks Filtering history screen

Databricks Filtering history screen

Databricks Filtering history screen

Databricks Filtering history screen

Filtering historyon
Databricks

The user filters the history of a dataset by selecting a date range and a specific operation. This allows them to view a subset of the history.

Filtering & Sorting Calendar Filter & Sort Date Picker Time Picker

Jasper Filtering apps screen

Jasper Filtering apps screen

Jasper Filtering apps screen

Jasper Filtering apps screen

Filtering appson
Jasper

The user filters a list of apps by selecting filter options and applying them. The app directory then displays the filtered apps.

Filtering & Sorting Browse & Discover Filter & Sort Grid List Icon Search Bar

More Flows

Midday screen

Midday screen

Reordering

422 Flows

Databricks screen

Databricks screen

Searching & Finding

1934 Flows

Jasper screen

Jasper screen

Selecting & Choosing

1674 Flows

OpenSea screen

OpenSea screen

Favoriting & Pinning

350 Flows

Front screen

Front screen

Marking

443 Flows

Front screen

Front screen

Saving to Collection

547 Flows