Complete AI Training

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.

All 11 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. 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

  1. Ask for any missing details before starting.
  2. Analyze the application and user needs, focusing on common tasks and content hierarchy.
  3. Propose a navigation structure that includes menus, breadcrumbs, search functionality, and any other relevant elements.
  4. Provide implementation steps, including how to test and iterate based on user feedback.
  5. 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?