ux-information-architecture

Information architecture diagrams map your site or app's structure using ASCII symbols for different page types and hierarchy levels. Provide your app or site structure, and this Skill generates an ASCII IA diagram showing screen hierarchies, navigation paths, and content organization using standardized node types like [Root], [Section], [Page], and [[Core Page]].

ASCII IA diagrams use defined symbols: [Root] for top level, [Section] for grouped content, [Page] for standard pages, [[Core Page]] for critical pages, (Modal/Overlay) for popups, {Dynamic Content} for variable sections, <External Link> for off-site resources, and [Page*] for linked duplicates.

Yes. IA diagrams organize navigation structures and screen hierarchies for UI/UX projects. They help visualize how users move through your app or site and ensure navigation follows IA principles like the 3-click rule and appropriate depth constraints for discoverability.

Information architecture diagrams enforce design principles including the 3-click rule—keeping key content within three clicks—and depth constraints to prevent overly nested structures. ASCII IA diagrams make these constraints visible, helping you optimize content classification and sitemap organization.

A sitemap lists pages; an information architecture diagram visualizes the relationships, hierarchy, and navigation flow between pages using ASCII symbols. IA diagrams reveal content organization, screen dependencies, and user pathways that sitemaps don't convey structurally.

Yes. IA diagrams organize content taxonomy and screen hierarchies for applications of varying scale. They use node types and depth constraints to keep large structures readable and navigable while maintaining clarity on how content categories relate and nest.