On mobile, menus are navigational components showing option lists on tap. They efficiently provide multiple actions while conserving screen space.

Different menu types exist. Basic menus appear when users tap a button or icon (like the hamburger menu), optionally including icons with labels for faster action recognition.

Contextual menus appear on touch-and-hold gestures, offering common actions relevant to the selected element.

Best practices for menu design:

• Position strategically: Place menus near trigger elements. If cut off by screen edges, reposition above or to the opposite edge
• Prioritize choices: List frequently used items at the top to minimize user effort
• Enhance visibility: Use shadows and elevation to distinguish menus from background content
• Separate items: Add dividers for better scannability
• Set proper height: Keep the maximum height at least one row shorter than the interface height.^[1]