Creative Juice: Who Ordered Hamburger From the Menu?

Description

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.

Recommended Reading

Materials and Technology

  • Pens, markers, and paper
  • Graphics software of choice

Objective

  1. 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.

Deliverable

  • 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

Grade:

  • 25pts, Creative Juice

Comments are closed.