Android Filters - top bar interaction on Pixate

With the increasing number of events available in our use cases (this weekend, date night, near you etc) we needed to rethink how the user filters and sorts the events.

Here we are looking at how the top bar interacts when scrolling at the top of the screen. Working out how the top bar reacts to different filters/ number of filters applied etc is good for us to understand before the developers put it together.

We are also trying to align ourselves closely with the Material guidelines so working out the shadow transitions on scroll was important. As the screen is scrolled 'Editor's Picks' raises up and joins the top bar to allow the content to flow beneath.

This prototype was made in Pixate and you can play with it HERE on your Android device.

@YPlan team