Design Pattern for Simple Filtering

This is a post capturing some inspirations and references for displaying simple filtering options on iOS.

On Android, this is really straightforward and would be implemented on the overflow menu similar to this:

On iOS, there are a few more other options, which is great if you like choices, but not so ideal if like me, you’re alright with sacrificing a few degrees of liberty in favor of consistency.

I like the clean feel of this flow and the nice continuity in terms of menu options, but when you’re only filtering by one or two options, it is not really worth it to point the user to an entirely separate screen.

Top/bottom menu sheets

Another option is to have an overlay selection modal.

This provides slightly more screen estate for more filtering options without having to go to a full separate screen.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s