Separating Content and Layout in Display Descriptions

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Declarative display description languages, such as HTML and XML, suffer from repetition and reduced readability when specifying user interface layouts that vary conditionally based on device orientation or size, leading to increased development and maintenance costs.

Innovation Solution

A method and system that separates the definition of a user interface element's content from its layout, allowing conditional and alternate layouts to be specified using condition and layout pairs, enabling dynamic rendering without repeating content definitions.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If declarative display description languages are used to specify content without layout procedures, then readability is improved, but repetition increases when accommodating different output device characteristics

Engineering Contradiction:
ImprovereadabilityVSAvoidrepetition
Core Design Contradiction:
Ease of operationVSQuantity of substance

Solution Approach 1:

The patent segments the display description into separate content definitions and layout specifications. Content elements are defined once with their semantic meaning, while layout attributes are separated into distinct style rules that can be applied independently. This segmentation eliminates the need to repeat content definitions for different layouts, as the same content can be rendered with different layout styles by simply changing the applied style rules rather than duplicating content.

Inventive Principle:
Principle #1Segmentation

2Ease of manufacture

If styles are used to define attributes at a common location, then development and maintenance cost is reduced, but the ability to vary layout conditionally is limited

Engineering Contradiction:
Improvedevelopment and maintenance costVSAvoidconditional layout variation
Core Design Contradiction:
Ease of manufactureVSAdaptability or versatility

Solution Approach 1:

The patent introduces dynamic conditional logic into style rules, allowing layout specifications to vary based on runtime conditions such as device characteristics, user preferences, or contextual factors. Style rules can include conditional expressions that evaluate device properties (e.g., screen size, orientation) and automatically select appropriate layout configurations. This dynamic approach maintains the centralized organization of styles while enabling flexible conditional layout variation without repeating content definitions.

Inventive Principle:
Principle #15Dynamics

3Adaptability or versatility

If statically generated display descriptions are used to accommodate different layouts, then all possible layouts are covered, but repetition and file size increase significantly

Engineering Contradiction:
Improvelayout coverageVSAvoidrepetition
Core Design Contradiction:
Adaptability or versatilityVSQuantity of substance

Solution Approach 1:

The patent creates universal content definitions that can be rendered in multiple layouts through a single style rule set. Instead of creating separate content definitions for each layout scenario, the system uses parameterized style rules that can adapt to different device characteristics and layout requirements. A single content definition with associated conditional style rules serves multiple layout purposes, eliminating the need for multiple copies of the same content and significantly reducing file size while maintaining comprehensive layout coverage.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Data Source

PatentUS7856596B2Method and system for separation of content and layout definitions in a display description
Publication Date: 2010.12.21 MICROSOFT TECHNOLOGY LICENSING LLC
  • US7856596B2 patent drawing
  • US7856596B2 patent drawing
  • US7856596B2 patent drawing

AI summary

A method and system for specifying alternate layouts of a user interface element of a display description is provided. In one embodiment, a display system provides a display description language that separates the definition of content of a user interface element from the layout of the user interface element. This separation allows alternate layouts to be specified that are conditionally applied to content of the user interface element without having to repeat the content. In another embodiment, the display system allows each element of a table to be positioned within a specific cell within the table.