
Organize the content, screens, and workflows to shape how users experience a website, and explore the four core components—organizational structure, labeling systems, navigation, and search.
Information architecture shapes how content is organized, labeled, navigated, and searched to meet user expectations. A sitemap visually proves this strategy, while IA governs the content structure.
Content forms the foundation of information architecture and should be strategic, relevant, appropriate, and useful, speaking the user’s language, telling the truth, and guiding action.
Identify content requirements by naming creators, editors, and managers, and decide update responsibilities within the information architecture. Assess content types, multimedia display, navigation, and form factors for usefulness and findability.
Identify and map content workflows by engaging content stakeholders to define roles, tasks, and dependencies, then diagram the publishing process to optimize CMS use and SEO-ready workflows.
Identify and socialize content early, secure client approval before design, and center IA on user needs by considering physical, environmental, preferential, emotional, and cognitive contexts, matching user terminology.
Organize, categorize, and label content to create information architecture models that communicate value, prioritize categories and labels, and guide navigation, taxonomy, and file naming for websites, apps, and CMS.
Label content with clear, descriptive terms and intuitive navigation to boost user confidence and reduce cognitive effort. Avoid jargon and model numbers, and test labels with users via tree testing.
Align file and directory names with your information architecture model's categories and labels to create a clear, navigable structure that boosts consistency and seo.
Learn how to group and classify content, build hierarchy, and choose effective ordering methods such as chronological, alphabetical, geographical, most popular, and process order.
This example demonstrates establishing information priority by listening to actual users, revealing that FAQs and services outrank events, and guiding content architecture and prioritization accordingly.
Turn information priority into an information architecture (IA) model by shaping navigation with questions and answers and plans, services, and docs, using progressive disclosure to reveal details and reduce noise.
Evaluate information architecture models to find the best fit for your audience, content, and devices, balancing navigation and content for mobile contexts.
Explore the hierarchical tree model as a top-down category structure for content-heavy sites, using progressive disclosure to unfold context and support multiple routes, while noting its link-heavy limits on mobile.
Explore the nested list model, a linear mobile navigation pattern that uses tap or swipe to reveal sub lists and detail content, guiding from broad to narrow.
Discover the hub-and-spoke model, a central hub launches exploration to separate spokes. Return to the hub to reach other sections, saving space and boosting task-based efficiency.
The bento box model uses a dashboard-style, single multi-purpose screen that aggregates dynamic content from sources and third-party services, revealing layered information as users navigate between videos, data, and settings.
Explore how a filtered view model uses a single dataset to support multiple user controlled views and sorting options, with filtering at each step to focus on what matters.
Explore when to combine IA models, such as hierarchical browsing and hub-and-spoke patterns, and learn to mix them appropriately—avoiding a single self-contained site to prevent user confusion.
No single right tool exists; use what's available to create IA models and socialize them with clients. Small sites suit word processing; larger sites benefit from visual diagramming.
Socialize information architecture and validate decisions with tree testing and card sorting; observe find-it scenarios to prove how easily users locate content for approval.
Create, prioritize, and label your own information architecture model by considering content, order, categorization, and user-friendly labels that guide the decision path and initial views.
Explore how to design website navigation across simple to multi-level architectures and different user states. Learn a concrete process to determine an appropriate navigation organization.
Balance primary and secondary navigation to spotlight core offerings and calls to action, while placing about us and faq in secondary, with importance shifting by audience and goals.
Explore global and local navigation and learn how persistent menus guide across pages while context-specific category navigation smooths browsing and reduces cognitive load.
Design navigation that adapts to user states and membership levels, detailing access, content differences, and actions to take for logged-out and logged-in experiences.
Validate your navigation by maintaining strong information scent across paths, guiding users like Julia to relevant content, and applying the trunk test to answer key wayfinding questions.
Identify valuable outcomes and map the key navigation paths to deliver value for users and the business, prioritizing routes like login, fast track, quick purchase, and search.
Ensure content is relevant, appropriate, and useful; socialize content early; center information architecture on user tasks, speak their language, and align file names with categories for clarity.
Without good, relevant content, there’s no compelling reason for anyone to visit or use the site or app; without clear, understandable structure, no one can find anything! How pages or screens are divided and categorized is a direct result of Information Architecture (IA). What shows up in your navigation menus and interactive controls is a result of IA. The information on a single screen and how people move through it — and what’s connected to it — is the result of IA.
Your physical body can’t perform any task without the bones under your muscles and skin, which are designed to support those actions. In the same way, a site, app or system can’t deliver anything to anyone unless its bone structure — it’s Information Architecture — is specifically designed to support those tasks.
Information Architecture Fundamentals walks you through everything you need to know — from determining what content should be presented to what it’s called to how it’s organized and what format it’s delivered in. Taken from Joe Natoli's popular UX & Web Design Master Course taken by more than 7,000 students, these laser-focused lessons will show you how to: