Mobile Filter Dropdown Menu

Question

I have a web application that has been responsively designed for mobile. While in a parent container you can apply filters to sort children. I am debating between two design types.

Option A:

This is a typical dropdown menu overlaying on top of child elements

Option B:

This is a native style option when the menu comes up from the bottom and an overlay over the children focuses the users attention on the menu items.

Arguably option A follows traditional browser paradigms while option b follows more native mobile UX. It has been 50/50 on the which way to go, is there a specific way I should look at this while building a browser web application?

Answer 1

Luke Wroblewski takes this a step further and claims that on mobile, "Dropdowns should be the UI of last resort", citing factors such as:

• Number of taps required
• Impact on the look and feel
• Visual and cognitive noise
• Perceived ease of use

Note that he does not talk about "desktop-model dropdown vs. mobile-model dropdown". He says that even the mobile-model dropdown should be ditched in favor of more appropriate controls, where possible (in some cases in may not be possible).