Responsive Design: Getting Advanced Filtering Right

A View Mode Solution

Dealing with Lists of Business Documents

List view mode, phone size.
List view mode tablet/desktop size

The Mechanics of filtering these Lists

Simple search on typical desktop/tablet view.
First level picker
Second level picker

How does it respond to my Phone?

Search and filter behavior. When search is active the header bar slides out and the filters compress.

How about even more complex Cases?

A Note on Aesthetics

UX consultant, UI dev. Ex-Designit, Made by Makers, 6 years at Tradeshift. Currently helping a handful of early stage startups becoming successful.

UX consultant, UI dev. Ex-Designit, Made by Makers, 6 years at Tradeshift. Currently helping a handful of early stage startups becoming successful.