Automated Content Layout Mapping and Transformation

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Creating and delivering engaging online content across various devices is a laborious and time-consuming task, as existing methods require manual intervention from web designers and developers to adapt content for different platforms, leading to inefficiencies in content transformation and delivery.

Innovation Solution

A content transformation system that categorizes content and layout elements into categories, generates a graph mapping content nodes to layout nodes, selects optimal edges based on cost, and transforms content into appropriate layout elements, automating the process of selecting a layout template and transforming content for display across multiple devices.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Productivity

If manual content adaptation is performed by web designers and developers, then content can be delivered across multiple devices, but the process becomes laborious and time-consuming

Engineering Contradiction:
Improvecontent transformation efficiencyVSAvoidtime for content adaptation
Core Design Contradiction:
ProductivityVSLoss of time

Solution Approach 1:

The system enables self-service by automatically categorizing content parts, generating mapping graphs, and transforming content to layout templates without human intervention. The automated content transformation system performs tasks that previously required manual web designer and developer work, allowing the system to serve itself in the content adaptation process.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The patent replaces the mechanical manual process of content adaptation with an automated computational system. Instead of manual categorization and layout selection by designers, the system uses automated graph generation and edge selection algorithms to map content parts to layout elements, substituting human mechanical work with computational automation.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

2Productivity

If automated content transformation is implemented, then productivity is improved, but device complexity increases due to graph generation and edge selection mechanisms

Engineering Contradiction:
Improvecontent transformation efficiencyVSAvoidsystem complexity
Core Design Contradiction:
ProductivityVSDevice complexity

Solution Approach 1:

The system segments the content transformation process into distinct categorical groups (content parts, layout elements, and their relationships). By categorizing content into structured groups and generating separate mapping graphs for each category, the complex transformation task is divided into manageable segments that can be processed independently and systematically.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent introduces mapping graphs as intermediary structures that mediate between content parts and layout templates. These graphs serve as intermediate representations that simplify the transformation process by providing a structured framework for edge selection and content-porting decisions, reducing the direct complexity of the transformation mechanism.

Inventive Principle:
Principle #24Intermediary (Mediator)

Data Source

PatentUS10521494B2Content to layout template mapping and transformation
Publication Date: 2019.12.31 ADOBE INC
  • US10521494B2 patent drawing
  • US10521494B2 patent drawing
  • US10521494B2 patent drawing

AI summary

Content can be displayed in different manners on different devices (e.g., having different display sizes) using different layout templates. The techniques discussed herein automatically select a layout template for the content for a particular display device, and transform the content to that layout template for display. Generally, the content is categorized into multiple different categories, and the layout template is also categorized into the same categories. For each of the categories, a mapping of part of the content to a layout element of the layout template is selected. A content display for the layout template is generated by porting (and possibly transforming) the parts of the content into the mapped-to element (as indicated by the selected edges) of the layout. In one or more embodiments, the content display can then be displayed or communicated to another device for display.