Visualizing Navigation Design and Producing Deliverables

Navigation design deliverables move through increasing fidelity: sketches, then wireframes, then mockups, then interactive prototypes. Which fidelity is appropriate depends on the audience and the moment, echoing a principle that runs throughout this course, a rough sketch can align a team quickly in an early ideation session, while a fully annotated wireframe or clickable prototype is what a development team actually needs to build something correctly, especially without ongoing access to the design team during implementation. Reusable navigation components and wireframe templates speed up producing these deliverables consistently across many pages.

Presenting this work well matters as much as producing it. Facilitating a design review means setting a clear agenda and specific goals for the feedback being sought, and running an effective critique means keeping feedback focused on the work itself rather than the person who made it, pushing for specific and actionable comments rather than vague reactions, and making sure everyone in the room actually contributes rather than letting one voice dominate.

A wireframe handed to a remote team with no annotations is really just a picture, the annotations are what turn a picture into instructions someone else can actually build from.

Exercise

The scenario: An IA team is working on a navigation redesign for a large retail website. They face four distinct communication needs at different project moments: presenting three alternative navigation concepts to the client's leadership team for a decision; aligning the content team on what new navigation categories will require new content; handing off the finalized navigation structure to a remote development team who will implement it without ongoing access to the designers; and conducting usability testing on the new navigation with real participants.

1. Which fidelity level is most appropriate for presenting three alternative concepts to leadership for a decision?
2. Which fidelity level is most appropriate for the remote development team handoff?
Try It With Your Data: Label Variation Generator

Fill in your own details below; the prompt updates as you type. When it's ready, copy it into Claude or whatever AI tool you use.

What this prompt is made of (RICE breakdown)
R

Role

Casts the AI as: You're a UX writer specializing in navigation labels and information architecture terminology.

I

Instructions

Spells out exactly what to analyze and return.

C

Context

What this section contains, Current audience and Current problem with label tell the AI what your specific situation is, not a generic one.

E

Expected format

Table comparing all variations with recommendation

How many to generate, e.g. 5
The label you're replacing, e.g. "Resources"
Where this label is used
Character limit
Any tone/style requirements
Brief description
Who uses this section
Why you need alternatives
Assembled prompt

        
        
      
Try It With Your Data: Information Scent Evaluator

Fill in your own details below; the prompt updates as you type. When it's ready, copy it into Claude or whatever AI tool you use.

What this prompt is made of (RICE breakdown)
R

Role

Casts the AI as: You're a UX researcher specializing in information scent and navigation usability.

I

Instructions

Names 5 specific outputs to produce, so the response comes back structured rather than a general summary.

C

Context

Site type, Target audience and User goals tell the AI what your specific situation is, not a generic one.

E

Expected format

Structured evaluation with overall score and priority recommendations

One per line
Brief description
User types
Common tasks
Assembled prompt