User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm designing an app for submitting media content to a site. This app is HTML5 for both Android and iOs and it is being developed with PhoneGap. The example below is for the iOS layout.

Do you see this pattern correct, could it work? Do you have any concerns about this approach? It's about using a contextual drawer to set up a some options of the form.

iOS example, contextual drawer

share|improve this question

This is quickly becoming a popular pattern (though I'm not sure it has a name yet) - see and for example implementations and rationale behind using it.

PS - The first article covers the specific problem that you have with selecting from a very large number of artists.

share|improve this answer
Nice! thanks, these are very interesting and informative articles. – mvgraph May 6 '14 at 14:26

Do you have any specific reason for having this in i drawer rather than a popup? I just don't see the benefit.

With a drawer you're used to expand/collapse it using a dedicated button or a bezel swipe (hopefully both), but here you request it with an in-line button. It really goes against established conventions when using this type of interactive artifact.

Based on the background you provided here I'd definitely suggest you'd look into using a more conventional selection control, like a popup.

share|improve this answer
Thanks! The problem I found with the popup is that... for example, I have another button to select artists, and it have more than a hundred items. An autocompleter is not good enough for the client that I working for. – mvgraph May 6 '14 at 13:53

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.