Food for Thought
The love story between UI elements and Food.

Isn’t it a slice of cake how many UI elements are named after delicious foods? Think about it: Hamburger Menus, Kebab Menus, Snack Bars, and even Breadcrumbs — it’s like a smorgasbord of digital design! This tasty naming convention isn’t just a gimmick; it’s all about making the world of UI design more appetizing and accessible to everyone. So here is a 50% facts 50% intuition take on these elements. This is our exploration on our personal understanding.
The origins of these names are as flavorful as they sound. Take the Hamburger Menu, for example. This iconic three-line icon resembles a stack of patties (or at least that’s what we like to imagine!). It was coined by designer Norm Cox back in the 1980s while working on the Xerox Star. He wanted a simple way to hide navigation options, and what better way to do that than with something as universally beloved as a burger? It’s easy to remember and even easier to associate with a quick bite to eat.
Then there’s the Kebab Menu, often depicted as three vertical dots, which might remind you of skewered meat on a stick! It’s a fun little twist that highlights the playful nature of design. This naming convention plays into the idea of stacking options vertically — just like your favorite street food vendor might stack those delicious kebabs!
Breadcrumbs are another tasty metaphor, borrowed from the classic fairy tale of Hansel and Gretel. Just as those little crumbs help navigate a dark forest, breadcrumb navigation helps users retrace their steps through a website. It’s like leaving a trail of delicious crumbs so users don’t get lost in the digital wilderness — who wouldn’t want a little guidance when exploring?
And let’s not forget the Snack Bar — a delightful UI element that serves up brief notifications or actions. Think of it as the snack you grab when you’re in a hurry, providing quick access to what you need without overwhelming you with options. This approach keeps the user experience light and breezy, ensuring you get just the right amount of information without feeling stuffed!
Using food-inspired terms also highlights the need for accessibility in design. Everyone knows their way around a kitchen, so by likening complex UI elements to familiar bites, designers create an inviting space for all. It’s like serving up a comforting bowl of soup on a chilly day — warm and welcoming! This clever strategy stirs up interest and makes digital experiences feel less intimidating, especially for those who might not be tech-savvy.
Ultimately, these playful names serve a dual purpose: they make the design process more enjoyable for designers and demystify the user experience for everyday folks. Who wouldn’t feel more at home navigating a site that feels like a buffet rather than a sterile tech platform? It’s about transforming mundane tasks into delightful interactions — like turning a boring old menu into a feast of options, where users can pick and choose what they want without feeling overwhelmed.
So, the next time you’re navigating a digital interface and spot a Kebab Menu or Snack Bar, just remember: it’s all part of a well-balanced diet of design meant to satisfy everyone’s appetite for usability! These food-inspired terms are not just clever — they’re a way to serve up delightful experiences that keep users coming back for more. What’s your favorite food-inspired UI term, and does it make you hungry for more design inspiration?
From the Desk of Mirrorless Creatives


