How FrameworX documentation combines Diátaxis framework with module-centric navigation and AI-optimized content.

Platform → TechnologySupporting → Documentation Structure and Design Philosophy


Why Documentation Structure Matters

FrameworX 10.1 documentation follows the Diátaxis framework—not as an academic exercise, but to solve real problems. Engineers need different types of information at different times: learning concepts, following tutorials, solving specific problems, or looking up technical details. Our documentation structure ensures you find exactly what you need, when you need it, whether you're a human reader or an AI assistant parsing the content.


The Diátaxis Framework

Diátaxis defines four distinct documentation types, each serving a specific purpose:

The Diátaxis Principle

TypePurposeWhen You Need ItExample
TutorialsLearning by doingFirst time with the platformBuild your first HMI display
ConceptsUnderstanding whyNeed context and theoryHow alarms state management works
How-to GuidesSolving specific problemsHave a task to completeConfigure alarm email notifications
ReferenceTechnical specificationsNeed precise detailsAlarm API methods and properties

Each documentation type answers a different question:

  • Tutorial: "How do I get started?"
  • Concept: "Why does it work this way?"
  • How-to: "How do I accomplish X?"
  • Reference: "What are the exact specifications?"

Mixing these types creates confusion. Keeping them separate ensures clarity.


Our Hybrid Implementation

While strictly following Diátaxis principles, we recognize that engineers often think in terms of modules. Our hybrid approach provides both navigation paths:

Module-Centric Navigation

Navigate to any module (Alarms, Historian, Displays) and find all four documentation types:

  • Alarms Module
    • Tutorial: Build alarm configuration from scratch
    • Concept: Understand alarm state management
    • How-to: Configure specific alarm features
    • Reference: Complete API and configuration tables

Type-Centric Navigation

Or browse by documentation type across all modules:

  • All Tutorials - Learning paths for every module
  • All Concepts - Theoretical foundations
  • All How-to Guides - Problem-solving recipes
  • All References - Technical specifications

This dual navigation ensures users can follow their natural workflow, whether exploring a specific module or seeking a particular type of information.


AI-Optimized Content Design

Every design decision supports both human comprehension and machine parsing:

Diagrams Over Screenshots

Traditional ApproachOur ApproachWhy
Screenshots everywhereTables and diagramsMachine-readable, version-independent
UI-specific instructionsConceptual workflowsResilient to UI changes
Binary imagesSVG/HTML5 graphicsSearchable, scalable, accessible

Image Inclusion Rule

When We Include Images

Rule: Include an image only if it conveys information that text or diagrams cannot express clearly.

Examples where images add value:

  • Complex P&ID displays showing spatial relationships
  • Runtime visualization examples
  • Color-coded alarm states

Language Precision

FrameworX 10.1 underwent comprehensive terminology review:

  • Consistent naming - Same term everywhere for same concept
  • Technical accuracy - Precise without being pedantic
  • Future-proof - Terms that work for AI parsing
  • Clear hierarchy - Parent-child relationships explicit

Documentation Standards

Page Structure

  • One-liner - Single sentence describing page purpose
  • Breadcrumbs - Complete navigation path
  • Introduction - Context before details
  • Progressive disclosure - General to specific

Content Principles

  • Direct language - No unnecessary adjectives
  • Technical focus - Function over form
  • Practical examples - Real-world applications
  • Cross-references - Link related concepts

Supporting AI Assistants

This structure directly enables AI capabilities:

Semantic Understanding

  • Consistent terminology enables accurate responses
  • Clear categorization helps identify intent
  • Structured content improves context retrieval

MCP Integration Benefits

  • AI can distinguish tutorial from reference content
  • Structured diagrams enable visual generation
  • Consistent patterns improve answer quality

Practical Benefits for Users

User ChallengeHow Structure Helps
"Where does tutorial end and how-to begin?"Clear separation with distinct purposes
"I need all alarm information"Module view consolidates all types
"Just tell me how to do X"How-to guides isolated from theory
"I need to understand the architecture"Concept pages without implementation details

Navigation Patterns

Three complementary navigation methods:

  1. Module-based - All content for one module
  2. Type-based - All content of one type
  3. Task-based - Cross-module workflows

Each path leads to the same content, organized for different mental models.


Continuous Improvement

This structure evolves based on:

  • User navigation patterns
  • AI query analysis
  • Support ticket themes
  • Community feedback

The framework remains stable while content continuously improves.



In this section...