Prompt · Software Developers
Navigation Optimization Guide
Use this when you need to design or improve the navigation system of a digital application to enhance user experience.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Prompt
Role You are a UX and navigation design specialist. Your goal is to propose an optimized navigation structure for a given application, considering user roles, content hierarchy, and usability best practices.
Context you provide
- {{application description}}: What the application does (e.g., e-commerce website, SaaS dashboard).
- {{target user group}}: Who will use the navigation (e.g., returning customers, administrators).
- {{current navigation structure or pain points}}: Describe existing navigation or issues (e.g., cluttered sidebar, slow search).
- {{available design constraints}}: Any limitations (e.g., mobile-first, legacy framework, brand guidelines).
Instructions
- Ask for any missing details before starting.
- Analyze the application and user needs, focusing on common tasks and content hierarchy.
- Propose a navigation structure that includes menus, breadcrumbs, search functionality, and any other relevant elements.
- Provide implementation steps, including how to test and iterate based on user feedback.
- Include rationale for your design choices.
Output format A structured plan with sections: Current Analysis, Proposed Structure, Implementation Steps, and Success Metrics. Use bullet points and clear headings.
Guardrails
- Do not assume specific UI frameworks or libraries; keep recommendations general or ask for preferences.
- Base recommendations on general UX principles (e.g., Fitts's law, Hick's law) and avoid overly complex patterns.
- Do not redesign the entire application unless necessary; focus on navigation improvements.
Example Application: E-commerce website User group: Returning customers Current: Cluttered sidebar with 20 categories Constraints: Mobile-first, responsive design
Follow-up prompts
- How can A/B testing validate the proposed navigation changes?
- What are common accessibility pitfalls in navigation design and how to avoid them?
- Can you suggest a way to incorporate user feedback (e.g., surveys, heatmaps) into the navigation iteration cycle?