Hamburger Design Checklist

interface Design patterns
  • Can we avoid a hamburger icon and show navigation as is?

  • Is the icon + padding large enough for comfortable tapping?

  • If not, what icon do we choose to indicate navigation?

  • Will the icon be at top left/\'right, bottom left/right or floating?

  • Can We push the icon down by placing logo on the top?

  • What happens when the user clicks/taps on the icon?

  • Will nav appear as full page/partial overlay, accordion or slide-in?

  • If we use slide-in, do they appear above or below the header?

  • How will the icon change on tap or on click?

  • Will we have some sort of animation or transition on click?

  • What happens when the user opens both search and hamburger?

  • Do we expose critical navigation by default on desktop/mobile?

  • Can users tap on the same spot to open/close navigation?

copy saved

copies saved