Graphical Tree View for CMS Content Hierarchy Editing

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Content editors in content management systems (CMS) face challenges in maintaining the logical context of content pieces due to complex structuring and nested hierarchies, leading to difficulties in understanding the contextual relationships between content components during editing.

Innovation Solution

The implementation of a graphical tree view interface within the editor application that displays content components according to their logical hierarchy, allowing editors to select and edit content components while maintaining a correlation to their position in the hierarchy, and distinguishing between compositional and non-compositional content to provide an intuitive editing experience.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If content is structured in a modular format with nested hierarchies for flexibility and reuse, then content can be created once and reused across different presentation contexts, but editors lose awareness of the logical context and relationships between content components

Engineering Contradiction:
Improvecontent reuse flexibilityVSAvoidcontextual relationship awareness
Core Design Contradiction:
Adaptability or versatilityVSLoss of information

Solution Approach 1:

The patent implements a nested tree view interface where content components are displayed in a hierarchical structure that visually nests parent-child relationships. Editors can expand and collapse nested content groups to see the logical hierarchy, maintaining contextual awareness while working with modular content that is structured for reuse across different presentation contexts.

Inventive Principle:
Principle #7Nested doll (Nesting)

Solution Approach 2:

The patent adds a visual dimension to content editing by displaying content components in a tree view that shows their logical relationships. This transforms the abstract hierarchical structure into a visual representation, allowing editors to see contextual relationships in a spatial arrangement rather than just working with isolated content pieces.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

2Productivity

If editors work with isolated content pieces in a modular CMS, then content can be independently edited and reused, but editors must mentally track logical relationships and organizational context

Engineering Contradiction:
Improvecontent editing efficiencyVSAvoidmental tracking complexity
Core Design Contradiction:
ProductivityVSDevice complexity

Solution Approach 1:

The patent introduces a tree view interface as an intermediary between editors and modular content components. This intermediary visually displays the logical hierarchy and relationships, serving as a mediator that connects isolated content pieces to their contextual framework without requiring editors to mentally track relationships.

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The patent uses visual indicators including color coding to distinguish different types of content components and their relationships in the tree view. This visual differentiation helps editors quickly understand the logical structure and context of content pieces without complex mental tracking.

Inventive Principle:
Principle #32Color changes

Data Source

PatentUS11657114B2Systems for executing an editor application for composing content of a content management system
Publication Date: 2023.05.23 CONTENTFUL GMBH
  • US11657114B2 patent drawing
  • US11657114B2 patent drawing
  • US11657114B2 patent drawing

AI summary

A system for editing content of a content management system (CMS) includes providing an editor application that provides an interface for composing a content page in the CMS. The content page is associated with a plurality of content components referenced in the content page which are further arranged in accordance with a logical hierarchy defined for the content page. A graphical tree view is displayable via the interface, and presents content components in accordance with the logical hierarchy, wherein each of said content components is selectable via the graphical tree view. An editing view in the interface is responsive to selection of one of the content components from the graphical tree view, and provides access to editing fields related to the selected content component. The editing view presented maintains a correlation to a relationship position of the selected content component in the logical hierarchy.