Adaptive Column Selection for Responsive Web Layouts
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Traditional content delivery systems require multiple versions of web pages for different screen sizes and orientations, leading to inefficiencies in user experience and increased development and maintenance costs, as each version needs to be separately designed and tested for various devices.
Innovation Solution
A system that divides content into standard-sized panels, which can be combined and displayed on different devices based on screen size, allowing a single version of content to be presented attractively across all devices by selecting and arranging panels dynamically based on available screen space and user device characteristics.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If multiple versions of web pages are created for different screen sizes and orientations, then user experience quality is improved, but development and maintenance costs increase
Solution Approach 1:
The patent segments web page content into standardized panels that can be independently selected and arranged. Instead of creating multiple complete page versions, the content is divided into modular panels that can be recombined based on screen size and orientation, reducing development complexity while maintaining user experience quality across devices
Solution Approach 2:
The patent creates a universal panel-based content structure that serves multiple functions across different devices. The same panel library can be used for various screen sizes and orientations, eliminating the need for device-specific page versions and reducing maintenance costs while providing consistent user experience
2Device complexity
If a single version of content is used across all devices, then development and maintenance costs are reduced, but user experience quality deteriorates
Solution Approach 1:
The patent implements dynamic panel selection and arrangement based on screen size and orientation. The system automatically adapts the content display by selecting appropriate panels from the library and arranging them optimally for each device, maintaining high user experience quality while using a single content version
Solution Approach 2:
The patent changes the display parameters (panel selection, arrangement, sizing) based on screen characteristics rather than creating different content versions. This allows a single content version to adapt to various devices by modifying how panels are presented, reducing development costs while preserving user experience
3Loss of information
If all columns are displayed on the screen, then information completeness is improved, but display area utilization deteriorates when screen space is limited
Solution Approach 1:
The patent extracts and prioritizes important columns for display while moving less important columns to secondary positions or making them available on demand. This selective extraction allows the system to display only essential information in limited space while maintaining access to complete information, balancing information completeness with display area utilization
Data Source
AI summary
Methods, systems, and apparatus, including computer programs encoded on computer storage media, for adaptive column selection. One of the methods includes obtaining a size of a display area. The method includes obtaining column descriptors, each column descriptor identifying a column and a column width. The method includes determining a set of columns to present, including comparing the column width of a column to an available size remaining, and including the column in the set in response to determining that the column size is less than the available size. The method includes calculating an aggregate width of all the columns in the set. The method includes allocating a portion of the size to each column in the set of columns based on a ratio of width of the respective column and the aggregate width. The method also includes presenting the columns in the set of columns on the display area.