Skip to main content

information-architecture-frameworks

Systematic frameworks for organizing, structuring, and labeling content to support findability and usability

소스 정보

저장소
lev-os/agents
최근 소스 활동
2026년 3월 7일 00:14
감지된 SKILL.md 언어
영어
스타
22
포크
2

설치 방법

기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.

소스 파일 검토

설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.

SKILL.md 표시 중

SKILL.md
소스 지침 · 읽기 전용 미리보기
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
GitHub에서 보기