{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreifrqzchpj5yvoa432biv2td6uaqpjymawhuywtyyqkp4vntlohb3u",
    "uri": "at://did:plc:fsxdrar45fdrarzog6x2vyow/app.bsky.feed.post/3mj5f27ne3p22"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreicv5klmtco3hosj3vydp4pxu2cvqref3exmu2z32jj2jwjw3teco4"
    },
    "mimeType": "image/jpeg",
    "size": 42287
  },
  "description": "Types of Menu: Master the essential visual language of modern navigation by understanding the most critical \"food-themed\" menu patterns in UI design",
  "path": "/types-of-menu/",
  "publishedAt": "2026-04-10T13:02:38.000Z",
  "site": "https://ux.prithivkumar.com",
  "textContent": "In the world of product design, navigation is the silent guide that determines whether a user feels empowered or lost. As a Senior Product Designer, I’ve found that even the most innovative apps rely on a set of standardised \"food-themed\" menu patterns that users already recognise and understand.\n\n#### **The Core Navigation Patterns**\n\n  1. **The Bento Menu** : This grid-based menu type is ideal for offering a diverse array of options in a structured layout, much like its namesake lunchbox.\n  2. **The Hamburger Menu** : The industry standard for mobile apps. These three horizontal lines are typically found in the top left-hand corner and serve as a \"home\" for secondary navigation links.\n  3. **The Kebab Menu** : Consisting of three vertical dots, this menu is often situated at the top-right or top-left of a screen to house additional settings or actions.\n  4. **The Döner Menu** : A strategic variant of the hamburger menu, this type consists of three lines of diminishing lengths, providing a unique visual cue for stacked navigation.\n  5. **The Meatballs Menu** : This horizontal three-dot menu is a subtle indicator that \"other choices\" or more options are available within a specific context.\n\n\n\n**The Bottom Line** : Choosing the right menu type isn't just about aesthetics; it’s about choosing the right **Affordance** for your user's goals. Master these patterns, and you master the art of seamless navigation.",
  "title": "Types of Menu",
  "updatedAt": "2026-04-10T13:02:38.449Z"
}