Everyone has seen the classic ‘hamburger’ (or ‘pancake’) menu in action and while it may be a highly debated topic the menu is more prevalent than ever today. I was reading up on menu designs when I found this satirical article by Craig Phillips of TheUXBlog which got me wondering; What types of named menus are out there? So, I came up with a list focusing on menus named for food.
#1 — Hamburger Menu
Let’s kick things off with the GOAT, or WOAT depending on who you ask: the Hamburger menu*. This menu typically comprises of three congruent horizontal rectangles equally spaced out vertically. It typically symbolizes some sort of list, often a mobile app or website’s menu with a variety of links. A few alternate forms of the hamburger menu can be seen below. I personally have named them for your convenience.
*I know some people think these three lines represent pancakes, but I have noticed that the hamburger naming scheme is far more popular
#2 — Waffle Menu
While far less popular than the hamburger menu you can see the waffle menu in action in a lot of places. Many of these involve Google designed interfaces, including the Android app tray and the G Suite product tray. The waffle menu serves as a way to represent a grid, as opposed to a list, of options when clicked.
#3 — Breadcrumb Menu
Next up is the breadcrumb menu. This type of menu can be seen both horizontally and vertically and is primarily used on mobile apps or high density desktop applications. The breadcrumb menu is great for popups that allow users to access extra features or options that do not need to be readily available. Some popular use cases are music streaming services like Spotify and Deezer.
All in all many of these menus are great options with their own pros and cons. Most users know how to use these right now, but always think about your project’s persona. The key is using simple elegant solutions that aren’t so minimal that users will not be able to understand. Pretty things are nice, but users come to the site for information, not the design.
Thanks for reading,