Template-Based Web Content Layout for Portable Devices
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Web content on portable devices often requires excessive scrolling due to lack of standardized size or length, leading to a poor layout experience, especially on devices with small screens, as existing technologies struggle to translate sophisticated layouts between different display devices with varying dimensions and resolutions.
Innovation Solution
A system and method for performing page layout of web content using templates, where a content processing system restructures sources into a standardized format, selects appropriate templates based on asset types, and lays out assets to avoid scrolling, using a conversion module and a rule database to ensure visually appealing designs across various devices.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If web content is displayed without standardized layout, then content can be viewed on any device, but users must repeatedly scroll to read the content
Solution Approach 1:
The web content is segmented into discrete assets (title, subtitle, byline, dateline, pull quote, image, video, audio, caption, in-line text) that can be independently managed and laid out. This segmentation allows the system to reconstruct content in standardized layouts that fit within single-page views on portable devices, eliminating the need for repeated scrolling while preserving all content elements.
Solution Approach 2:
The system changes the layout parameters of web content by applying templates that define standardized dimensions, margins, and arrangements for each asset type. By transforming the content into template-based layouts with fixed structural parameters, the system ensures content fits within standard display areas without requiring excessive scrolling, thereby improving ease of operation and reducing time loss.
2Ease of manufacture
If sophisticated layout is used to accommodate variety of assets, then content presentation quality improves, but layout translation between different display devices becomes difficult
Solution Approach 1:
The system creates a universal template-based layout system that can accommodate multiple asset types and display device configurations through a single standardized framework. Templates are designed to be multi-functional, capable of rendering various combinations of assets (text, images, media) across different display dimensions and resolutions, thereby eliminating the need for device-specific layout designs while maintaining high presentation quality.
Solution Approach 2:
The system uses templates as reusable copies that can be applied to different content and devices. Instead of creating unique layouts for each device or content type, the system copies and adapts standardized template structures to match both the content requirements and display device characteristics, simplifying the layout creation process while ensuring broad adaptability.
3Manufacturing precision
If manual layout by publisher is used, then content layout precision is high, but time consumption increases
Solution Approach 1:
The system enables self-service layout generation where templates automatically adapt to content assets without requiring manual intervention from publishers. The automated system selects appropriate templates, positions assets according to predefined rules, and generates final layouts, thereby maintaining high layout precision through consistent template application while dramatically reducing the time required compared to manual layout creation.
Solution Approach 2:
The system performs preliminary action by pre-defining templates with optimized layouts for various content types and display devices. These templates are prepared in advance with precise positioning and formatting rules, so that when content is submitted, the layout generation is rapid and automated, eliminating the need for time-consuming manual layout creation while ensuring consistent precision.
Data Source
AI summary
Page layout of web content is performed based on templates. Publishers publish web content referred to as “sources.” Each source comprises one or more assets from one or more asset types. The asset types include title, subtitle, byline, dateline, pull quote, image, video, audio, caption, and in-line text. A content processing system processes the sources using a conversion module and a rule database. The conversion module restructures a received source into a standardized format of the source, wherein each asset of the source is tagged with an asset type according to rules present in the rule database. A layout module interprets the standardized source, determines one or more templates from a template database to use for the layout of the assets of the source, and lays out the assets of the source based on the selected templates.