Template-Based Page Layout for Social Magazine Content
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Web content lacks standardized sizes, leading to frustrating scrolling experiences on portable devices, especially when consuming mixed media from various sources like social magazines, where users must scroll horizontally or vertically to view content, unlike traditional printed media.
Innovation Solution
A content processing system that identifies and processes items from multiple sources, using a template-based page layout system to determine optimal placement of assets like text, images, and videos into predefined slots, ensuring aesthetically pleasing layouts that fit within the display area without requiring users to scroll.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If web content is displayed without standardized sizes, then content from multiple sources can be collected flexibly, but users must scroll repeatedly to view the entire page
Solution Approach 1:
The patent segments web content into discrete content items with defined boundaries and characteristics. Each content item is treated as an independent unit that can be individually sized and positioned, allowing the system to construct pages with standardized dimensions that fit display devices without requiring scrolling.
Solution Approach 2:
The patent changes the parameter of content item sizing from unstandardized (inherited from source web pages) to standardized (defined by the page layout system). By assigning standardized size parameters to content items, the system can arrange multiple items within a fixed page dimension that matches display device screens, eliminating the need for scrolling.
2Ease of operation
If traditional printed media uses standard page sizes, then layouts are aesthetically pleasing and no scrolling is needed, but custom content from multiple sources cannot be easily integrated
Solution Approach 1:
The patent introduces content items as intermediary elements between source web content and the final page layout. These content items act as mediators that standardize diverse content from multiple sources into uniform units with defined characteristics, which can then be systematically arranged using template-based layouts to achieve aesthetically pleasing presentations without scrolling.
Solution Approach 2:
The patent creates a universal content item structure that can accommodate various types of content from different sources (text, images, videos, etc.). This universal structure allows diverse content to be integrated into a standardized page layout system, achieving both aesthetic quality and multi-source content integration.
3Loss of information
If web pages extend beyond visible display area, then all content can be displayed, but users on portable devices must scroll considerably to read content
Solution Approach 1:
The patent applies dynamics by making the page layout adaptive to different display device dimensions. The system dynamically determines page size parameters based on the target display device, arranging content items to fit within the visible area while maintaining content completeness. This dynamic adaptation eliminates scrolling on portable devices while preserving all content.
Data Source
AI summary
Page layout of content items from a variety of sources is performed. A content processing system queues content items, such as user-generated blogs, tweets, social networking status updates and other postings, received from a variety of sources. Each content item comprises one or more assets from one or more asset types. The asset types include text, images, and video. A page builder retrieves items from the queue and determines the item's size constraints. A template is selected from a template database to use as a layout for the items on a page; each template has a number of slots into which content can be placed. A layout module lays out the items into the slots of the selected template based on the respective size and aspect ratio constraints of the items, in order to build a page to serve to a client device.