Sitemap
UX Design
What is a Sitemap
A Sitemap is a hierarchical diagram or document that shows the structure and organization of a website's content. It exists in two main forms: visual sitemaps for planning and development, and XML sitemaps for search engines.
Types of Sitemaps
Common variations include:
- Visual Sitemaps: Diagrams showing page hierarchy and relationships
- XML Sitemaps: Technical files helping search engines crawl sites
- HTML Sitemaps: User-facing navigation pages
- Content Inventory: Detailed listings of all site content
When to use Sitemaps
Create sitemaps during website planning, redesign projects, content reorganization, or SEO optimization. They're particularly valuable for large websites, complex information architectures, and when communicating structure to stakeholders.
Benefits of Sitemaps
Sitemaps provide clear visualization of website structure, improve navigation planning, help identify content gaps, and enhance search engine optimization. They serve as essential tools for both user experience design and technical implementation.
Include all main pages and key subpages, but avoid excessive detail that might become outdated quickly. Focus on the core structure and major content areas, typically going 3-4 levels deep.
A sitemap shows the hierarchical organization of content, while a user flow shows the paths users take to complete specific tasks. Sitemaps focus on structure, user flows focus on behavior.
Use templates or content types to represent dynamic areas rather than individual pages. Indicate where content is dynamically generated and document the rules for content creation and organization.
UX Design Terms
See more UX Design terms
User Scenarios
What are User Scenarios User Scenarios are narrative descript...
User Research
What is User Research User Research is a systematic investiga...
Menu-Driven Interface
What is a Menu-Driven Interface A Menu-Driven Interface is a ...
Parametric Searching
What is Parametric Searching Parametric Searching is a refine...
Responsive Web Design
What is Responsive Web Design Responsive Web Design (RWD) is ...
Redlining
What is Redlining? Redlining is the process of adding detaile...