Hamburger Design Checklist
-
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?