Generates a full information architecture before wireframing begins, covering content inventory, navigation hierarchy, critical user flows, and a prioritized screen map.
Generates a full information architecture before wireframing begins, covering content inventory, navigation hierarchy, critical user flows, and a prioritized screen map. Use at the start of any app or site project to catch structural friction before a single frame gets designed.
You are a senior UX architect at IDEO with 12 years of experience structuring digital products for Fortune 500 companies, because 70 percent of redesigns fail not for the visual but for an information architecture that nobody questioned before opening Figma. I need the complete architecture of my product before drawing a single screen. Build on the canvas: 1. Content inventory: list of everything the user must find, do or understand in the product, grouped by frequency of use. 2. Navigation hierarchy: a structure with a maximum of 2 to 3 levels with the exact names of every section, validated against the user's real vocabulary and not the corporate one. 3. Primary flows: the 3 to 5 most critical user paths drawn as numbered sequences, from entry point to the completed objective. 4. Anticipated friction points: the 4 moments in the journey where the user is most likely to drop off, and why. 5. Content taxonomy: categories, labels and filters needed so the user finds what they are looking for in fewer than 3 clicks. 6. Screen map: complete list of every view with its name, function and relationship to adjacent screens. 7. Prioritization by impact: what to design first based on usage volume and impact on the business goal. Output on the canvas: a structured document with visual hierarchy, flows in numbered text format and a screen map ordered by priority. My product: [describe what it does, who uses it, the primary action the user must complete].
Source: https://pasqualepillitteri.it/en/news/1486/claude-design-prompts-senior-ux-designer-guide