information-architecture

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Information Architecture

信息架构

Overview

概述

Information Architecture creates logical structures that help users find and understand information easily.

信息架构创建逻辑结构，帮助用户轻松查找和理解信息。

When to Use

适用场景

Website or app redesign
Large information spaces (documentation, e-commerce)
Navigation structure planning
Taxonomy and categorization
Search functionality design
User journey mapping

网站或应用重设计
大型信息空间（文档、电商平台）
导航结构规划
分类法与分类体系设计
搜索功能设计
用户旅程地图绘制

Instructions

实施步骤

1. IA Principles & Process

1. 信息架构原则与流程

yaml

IA Process:

1. Research & Discovery
  - Interview users about mental models
  - Card sorting sessions (open and closed)
  - Analyze current usage patterns
  - Competitive analysis

2. Structure Development
  - Create organization scheme (hierarchical, faceted, etc.)
  - Define categories and relationships
  - Build taxonomy
  - Plan navigation

3. Wireframing
  - Sitemap creation
  - Navigation structure
  - Page templates
  - User flows

4. Validation
  - User testing with prototypes
  - Tree testing (navigation only)
  - Iterate based on feedback

---

yaml

IA Process:

1. Research & Discovery
  - Interview users about mental models
  - Card sorting sessions (open and closed)
  - Analyze current usage patterns
  - Competitive analysis

2. Structure Development
  - Create organization scheme (hierarchical, faceted, etc.)
  - Define categories and relationships
  - Build taxonomy
  - Plan navigation

3. Wireframing
  - Sitemap creation
  - Navigation structure
  - Page templates
  - User flows

4. Validation
  - User testing with prototypes
  - Tree testing (navigation only)
  - Iterate based on feedback

---

Organization Schemes:

Hierarchical (Top-Down):

Home → Categories → Subcategories → Products
Clear parent-child relationships
Good for browsing

Faceted/Filtering:

Products filtered by multiple attributes
User can narrow down
Flexible combinations

Contextual:

Related items grouped together
Cross-links between sections
Supports exploration

Task-Based:

Organize by user goals/tasks
"How do I...?" approach
Matches mental models

Hierarchical (Top-Down):

Home → Categories → Subcategories → Products
Clear parent-child relationships
Good for browsing

Faceted/Filtering:

Products filtered by multiple attributes
User can narrow down
Flexible combinations

Contextual:

Related items grouped together
Cross-links between sections
Supports exploration

Task-Based:

Organize by user goals/tasks
"How do I...?" approach
Matches mental models

Navigation Types:

Primary Navigation:

Main categories
Top of page or left sidebar
Access from any page

Secondary Navigation:

Sub-categories
Related topics
Context-specific

Breadcrumb Navigation:

Shows user location in hierarchy
Enables backward navigation

Footer Navigation:

Links to important pages
Legal/company info
Helps with SEO

undefined

Primary Navigation:

Main categories
Top of page or left sidebar
Access from any page

Secondary Navigation:

Sub-categories
Related topics
Context-specific

Breadcrumb Navigation:

Shows user location in hierarchy
Enables backward navigation

Footer Navigation:

Links to important pages
Legal/company info
Helps with SEO

undefined

2. Card Sorting & Taxonomy

2. 卡片分类与分类体系

python

undefined

python

undefined

Organize content into logical groups

class InformationArchitecture: def conduct_card_sort(self, items): """Uncover user mental models""" return { 'method': 'Open card sort (users create own categories)', 'participants': 15, 'items_sorted': len(items), 'analysis': self.analyze_card_sort_results(items), 'dendrograms': 'Show similarity between user groupings', 'categories': self.identify_categories(items) }

def identify_categories(self, items):
    """Find natural groupings"""
    categories = {}
    frequency = {}

    # Track how often items are grouped together
    # Find dominant groupings

    return {
        'primary_categories': self.get_primary_categories(frequency),
        'ambiguous_items': self.identify_ambiguous_items(frequency),
        'user_created_labels': self.extract_labels()
    }

def create_taxonomy(self, categories):
    """Build hierarchical structure"""
    return {
        'level1': ['Products', 'Services', 'Support', 'Company'],
        'level2_products': ['Electronics', 'Clothing', 'Books'],
        'level3_electronics': ['Phones', 'Laptops', 'Accessories'],
        'relationships': 'Define parent-child and related items',
        'synonyms': 'Identify similar terms'
    }

def validate_ia(self, structure):
    """Test with users"""
    return {
        'testing_method': 'Tree testing',
        'tasks': [
            'Find product return policy',
            'Locate shipping information',
            'Access account settings'
        ],
        'success_metrics': {
            'task_completion': '90% target',
            'time_to_complete': '<3 minutes',
            'satisfaction': '>4/5'
        }
    }

undefined

def identify_categories(self, items):
    """Find natural groupings"""
    categories = {}
    frequency = {}

    # Track how often items are grouped together
    # Find dominant groupings

    return {
        'primary_categories': self.get_primary_categories(frequency),
        'ambiguous_items': self.identify_ambiguous_items(frequency),
        'user_created_labels': self.extract_labels()
    }

def create_taxonomy(self, categories):
    """Build hierarchical structure"""
    return {
        'level1': ['Products', 'Services', 'Support', 'Company'],
        'level2_products': ['Electronics', 'Clothing', 'Books'],
        'level3_electronics': ['Phones', 'Laptops', 'Accessories'],
        'relationships': 'Define parent-child and related items',
        'synonyms': 'Identify similar terms'
    }

def validate_ia(self, structure):
    """Test with users"""
    return {
        'testing_method': 'Tree testing',
        'tasks': [
            'Find product return policy',
            'Locate shipping information',
            'Access account settings'
        ],
        'success_metrics': {
            'task_completion': '90% target',
            'time_to_complete': '<3 minutes',
            'satisfaction': '>4/5'
        }
    }

undefined

3. Sitemap & Navigation Structure

3. 站点地图与导航结构

yaml

Sitemap Example: E-commerce Site

Home
├── Products
│   ├── Electronics
│   │   ├── Phones
│   │   ├── Laptops
│   │   └── Accessories
│   ├── Clothing
│   │   ├── Men's
│   │   ├── Women's
│   │   └── Kids
│   └── Books
├── Services
│   ├── Shipping & Returns
│   ├── Extended Warranty
│   └── Installation
├── Support
│   ├── FAQ
│   ├── Contact Us
│   ├── Live Chat
│   └── Tickets
├── Account
│   ├── Orders
│   ├── Wishlist
│   ├── Returns
│   └── Settings
└── Company
    ├── About Us
    ├── Careers
    ├── Blog
    └── Affiliates

---

Navigation Labels:
  - Clear and predictable
  - Avoid jargon
  - Match user language
  - Consistent across site

yaml

Sitemap Example: E-commerce Site

Home
├── Products
│   ├── Electronics
│   │   ├── Phones
│   │   ├── Laptops
│   │   └── Accessories
│   ├── Clothing
│   │   ├── Men's
│   │   ├── Women's
│   │   └── Kids
│   └── Books
├── Services
│   ├── Shipping & Returns
│   ├── Extended Warranty
│   └── Installation
├── Support
│   ├── FAQ
│   ├── Contact Us
│   ├── Live Chat
│   └── Tickets
├── Account
│   ├── Orders
│   ├── Wishlist
│   ├── Returns
│   └── Settings
└── Company
    ├── About Us
    ├── Careers
    ├── Blog
    └── Affiliates

---

Navigation Labels:
  - Clear and predictable
  - Avoid jargon
  - Match user language
  - Consistent across site

4. Search & Discovery

4. 搜索与发现

javascript

// Enable multiple ways to find content

class DiscoverabilityStrategy {
  designSearchFunctionality() {
    return {
      search_box: {
        location: 'Header, prominent placement',
        placeholder: 'Clear example text',
        autocomplete: true,
        filters: ['Category', 'Price', 'Rating']
      },
      search_results: {
        ranking: 'Relevance + popularity + freshness',
        facets: 'Allow filtering results',
        snippets: 'Show preview and highlights'
      },
      zero_results: {
        suggestions: 'Show did you mean, popular searches',
        related: 'Show related categories'
      }
    };
  }

  designBrowsing() {
    return {
      category_pages: {
        structure: 'Subcategories + featured items',
        sorting: 'By popularity, newest, price',
        pagination: 'Load more or paginate'
      },
      related_items: {
        placement: 'Product page, cart page',
        logic: 'Similar category, trending, recommended'
      }
    };
  }
}

javascript

// Enable multiple ways to find content

class DiscoverabilityStrategy {
  designSearchFunctionality() {
    return {
      search_box: {
        location: 'Header, prominent placement',
        placeholder: 'Clear example text',
        autocomplete: true,
        filters: ['Category', 'Price', 'Rating']
      },
      search_results: {
        ranking: 'Relevance + popularity + freshness',
        facets: 'Allow filtering results',
        snippets: 'Show preview and highlights'
      },
      zero_results: {
        suggestions: 'Show did you mean, popular searches',
        related: 'Show related categories'
      }
    };
  }

  designBrowsing() {
    return {
      category_pages: {
        structure: 'Subcategories + featured items',
        sorting: 'By popularity, newest, price',
        pagination: 'Load more or paginate'
      },
      related_items: {
        placement: 'Product page, cart page',
        logic: 'Similar category, trending, recommended'
      }
    };
  }
}

Best Practices

最佳实践

✅ DO

✅ 建议做法

Start with user research
Conduct card sorting studies
Use user mental models
Keep hierarchy 3 levels deep max
Use clear, simple labels
Enable multiple ways to find content
Test navigation with users
Update based on usage data
Document taxonomy
Provide search functionality

从用户研究入手
开展卡片分类研究
运用用户心智模型
层级结构最多保持3层
使用清晰、简洁的标签
提供多种内容查找方式
与用户测试导航效果
根据使用数据更新架构
记录分类体系
提供搜索功能

❌ DON'T

❌ 避免做法

Impose organizational structure without research
Use jargon or technical terms
Make hierarchy too deep
Bury important content
Rely only on navigation (provide search)
Change navigation frequently
Create ambiguous labels
Forget about edge cases
Ignore accessibility
Assume desktop-only navigation

未经研究就强加组织结构
使用行话或技术术语
层级结构过深
隐藏重要内容
仅依赖导航（需提供搜索）
频繁更改导航
创建模糊标签
忽略边缘情况
忽视可访问性
仅考虑桌面端导航

IA Tips

信息架构小贴士

Use clear, specific category names
Avoid nested menus when possible
Provide multiple paths to content
Show context within hierarchy (breadcrumbs)
Monitor analytics to improve structure

使用清晰、具体的分类名称
尽可能避免嵌套菜单
提供多条内容访问路径
显示层级结构中的上下文（面包屑）
通过分析数据优化结构