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

Using a navigation drawer that is off-screen, and will slide in when a user clicks the 'hamburger' icon, should that drawer push all the content to the right, or be an overlay on top of the content.

What are the benefits or cons to doing either?

share|improve this question
I've only see slideout drawers overlay on content but that doesn't mean it's wrong for the drawer to push the content out of the way. How important is the content? I think that the drawer pushing the content to the right would help to reinforce the idea that there's hidden "stuff" you can "pull out" in the app. – Mark Bubel Oct 31 '13 at 20:53
up vote 0 down vote accepted

Push content to the right if you want to suggest that the contents of the drawer are conceptually distinct from, or more important (at the moment the drawer is being displayed) than, the main content.

Pushing content to the right, and potentially off the screen, suggests that the main content isn't needed, or has been put on hold, when you're working with the drawer. The effect gets much stronger if you add a semitransparent overlay onto the main content to visually separate the two areas.

An overlay that leaves the content in place (e.g. the Evernote Web Clipper) doesn't reduce the importance of the main content. The downside, of course, is that the contents of the drawer have to compete more with the main content for attention.

share|improve this answer

In Apples user interface guidelines about using transitions they recommend you to use full screen animations in an Ipad app sparingly because it could make the interface feel messy. That is something to take into consideration.

share|improve this answer

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.