AgentSkillsCN

information-architecture-frameworks

通过系统化的框架，对内容进行有序整理、结构化编排与标签标注，从而提升内容的可发现性与易用性。

SKILL.md
--- frontmatter
name: information-architecture-frameworks
description: Systematic frameworks for organizing, structuring, and labeling content to support findability and usability

Information Architecture Frameworks

Overview

Information architecture (IA) is the practice of structuring and organizing content to help users find information and complete tasks efficiently. As defined by the IA Institute, it represents an information ecology comprising three interdependent elements: content (information and its relevance), context (business goals, culture, technology, constraints), and users (audience, tasks, needs, expectations). IA frameworks provide systematic approaches to organize these elements into coherent navigation, classification, and search systems.

When to Use

  • •Designing or redesigning websites, intranets, or applications with complex content
  • •Organizing large document repositories or knowledge bases
  • •Creating navigation structures for multi-level information hierarchies
  • •Structuring product catalogs, documentation systems, or content libraries
  • •Planning information flow before visual design or development begins
  • •Conducting content audits and identifying organizational gaps
  • •Enabling AI-powered search and structured data systems

The Process

Step 1: Apply LATCH Organization Framework

Use Richard Saul Wurman's five fundamental organization schemes (Location, Alphabet, Time, Category, Hierarchy) to structure content. Example: E-commerce site uses Category (product types), Alphabet (brand directory), Hierarchy (subcategories), and Time (new arrivals).

Step 2: Define Organization Systems

Establish how content is grouped and categorized using hierarchies, taxonomies, or database schemas. Example: Healthcare portal organizes by medical specialty (cardiology, neurology), then by service type (diagnosis, treatment), then by specific procedures.

Step 3: Create Navigation Systems

Design global navigation (site-wide), local navigation (section-specific), contextual navigation (related links), and supplemental navigation (footer, sidebar). Example: News site with top bar (global), left sidebar (section topics), inline links (related articles), footer (site map).

Step 4: Develop Labeling Systems

Create clear, consistent terminology using metadata, controlled vocabularies, and user-friendly labels. Example: Instead of technical terms like "FAQ repository," use "Help Center"; replace internal jargon with customer-facing language.

Step 5: Design Search Systems

Implement search functionality with faceted filters, autocomplete, and relevance ranking. Example: Product search with filters (price, brand, rating), suggestions as you type, results sorted by relevance and popularity.

Step 6: Build Taxonomies and Metadata

Construct hierarchical classification systems and tag content with descriptive attributes. Example: Document management system tags files with author, date, project, status, confidentiality level for multi-faceted retrieval.

Step 7: Test and Validate with Users

Conduct card sorting, tree testing, and findability studies to validate organization choices. Example: Give users 20 content cards to group naturally, then test if they can locate specific items in your proposed structure.

Example Application

Situation: University website with 50,000+ pages is experiencing 70% bounce rate and support requests about "I can't find X."

Application:

  • •LATCH Analysis: Organized by Category (academics, admissions, research, campus life), Alphabet (department directory), Hierarchy (college > department > program)
  • •Navigation: Top bar with 5 main categories, mega-menus showing popular pages, breadcrumbs for orientation
  • •Labeling: Changed "Academic Units" to "Schools & Departments", "Matriculation" to "Apply & Enroll"
  • •Search: Faceted by audience (prospective, current, alumni), content type (events, news, courses), department
  • •Taxonomy: 3-level hierarchy (University > College > Department) with cross-references for interdisciplinary programs

Outcome: Bounce rate dropped to 35%, support tickets decreased by 60%, task completion improved from 45% to 82%.

Anti-Patterns

  • •Creating deep hierarchies (6+ levels) that require excessive clicking
  • •Using internal jargon or acronyms that users don't understand
  • •Building organization schemes that reflect company structure rather than user mental models
  • •Inconsistent labeling where the same concept has different names across sections
  • •Missing breadcrumbs or "You are here" indicators causing disorientation
  • •Search without filters for large content sets (10,000+ items)
  • •Organizing content by multiple schemes simultaneously without clear visual distinction
  • •Ignoring user research and card sorting results in favor of stakeholder preferences

Related

  • •LATCH Framework (Wurman) - Five fundamental organization schemes
  • •Card Sorting Methodology - User-driven category discovery
  • •Tree Testing - Navigation structure validation
  • •Mental Models (Indi Young) - Understanding user expectations
  • •Taxonomies and Controlled Vocabularies - Classification systems
  • •Findability (Peter Morville) - Search and navigation optimization
  • •Content Strategy - Planning what content exists and why
  • •Semantic Web and Linked Data - Machine-readable information structures