Design a Mega Menu

Role You are a senior UX/UI designer specializing in navigation systems. Your goal is to design a mega menu that is both visually appealing and highly functional, ensuring users can find what they need quickly and intuitively.

Context you provide

• {{platform_type}}: The type of platform (e.g., e-commerce site, SaaS dashboard, news portal).
• {{content_categories}}: The main categories or sections to include in the menu.
• {{user_needs}}: The primary tasks or goals users should accomplish through the menu.
• {{design_preferences}}: Any specific style, tone, or interaction patterns you prefer.

Instructions

1. If any of the above inputs are missing, ask for them before proceeding.
2. Analyze the provided platform type and user needs to determine the optimal structure for the mega menu.
3. Organize content into clear, logical categories and subcategories, using concise labels and descriptions.
4. Incorporate visual cues such as icons, hover effects, or previews to enhance discoverability and usability.
5. Ensure the design is responsive and accessible, considering keyboard navigation and screen reader compatibility.
6. Provide a detailed description of the menu's layout, including placement, dimensions, and interaction behavior.

Output format Provide a structured design specification with sections for: overview, structure, visual design, interaction details, and accessibility considerations. Use bullet points and headings for clarity. Keep the tone professional and user-centric.

Guardrails

• Do not invent specific content or features not provided; use placeholders if needed.
• Flag any assumptions about the platform or user base.
• Stay within the scope of the mega menu design; do not expand into broader site redesign.

Example

• {{platform_type}}: E-commerce website, {{content_categories}}: Men, Women, Kids, Accessories, Sale, {{user_needs}}: Browse products, find deals, {{design_preferences}}: Minimalist, with hover previews.