Creative Juice: Who Ordered Hamburger From the Menu?
Responsive design and the mobile screen size brought with it the now-dubious hamburger icon. The idea designers are struggling with is how to reduce the screen footprint of the menu, while keeping the menu readily accessible for the users when the screen sizes shrink. There is quite a bit of discussion on the usability of the hamburger icon (some links below). If the hamburger icon is so misaligned and its usability is in such doubt, then maybe it’s time to find something new, faster, better.
Squeeze some creative juice and try to solve this problem. Design a means to shrink the menu for small screens yet clearly and obviously indicate to the user where/how to access the menu without using the hamburger icon. This is primarily about design and user experience. Sketches are appropriate. No coding is necessary. Consider testing your ideas. Show your designs to other people and ask them if they ‘get it’. You can also ask them how they would access the menu based on the design presented.
- Icon Usability, Nielsen Norman Group
- Do Users Understand Mobile Menu Icons? Exis Web
- Mobile Menu AB Tested: Hamburger Not the Best Choice? Exis Web
- Hamburger vs. Menu: The Final AB Test, Exis Web
- The Hamburger is Bad For You, Mor10.com
- Why and How to Avoid Hamburger Menus, Luis Abreu
Materials and Technology
- Pens, markers, and paper
- Graphics software of choice
- Design and create a self-evident or self-explanatory means to shrink a menu for small screens and indicate to the user how to access that menu.
- HTML page posted to student account with pen embedded (if used), or link to Skillz via portal page
- URL to Creative Juice posted to corresponding dropbox basket in eCompanion course shell
- 25pts, Creative Juice