Mobile Navigation Patterns Comparison
Choose the right mobile menu pattern.
The Open buttons send the prompt text as currently shown below to that site only when you click. Fill in the placeholders first.
ROLE: You are a mobile UX designer. CONTEXT: Site: [WEBSITE_NAME]. Number of top-level sections and typical depth: [STRUCTURE]. Top mobile tasks: [MOBILE_TASKS]. Audience devices and comfort level: [AUDIENCE_DEVICES]. Current mobile navigation: [CURRENT_PATTERN]. STEPS: 1. Compare hamburger menu, bottom tab bar, priority-plus, full-screen overlay, and accordion menus on discoverability, speed to key tasks, thumb reach, and accessibility. 2. Recommend a pattern for my site and describe how deeper levels should work. 3. Specify labels, icons, touch target sizes, and focus behavior. 4. Provide a test plan with five tasks and a first-click measure. 5. List risks and the fallback if tests show confusion. OUTPUT FORMAT: Comparison table, recommendation, specification, test plan, and risks. QUALITY BAR: Labels beat icons alone. Make sure keyboard and screen reader users can operate the menu. Include a summary of the trade-offs in a decision rule (for example, use a bottom bar when there are three to five frequent destinations), a note on safe areas and gesture conflicts on phones, and a testing script for one-handed use. Record the results of the first-click test and revisit the decision after three months of analytics. FOLLOW-UP: Ask me which pages mobile visitors try to reach most.
Fill in before use
Optional: type your details and the prompt above updates. Nothing is saved or sent.
Replace each bracketed placeholder with your own details, then paste into Any AI or another assistant.