Dynamic Web Content Adaptation for Limited Viewports
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current methods for providing webpages to mobile devices with limited viewing areas often require content removal or separate webpage design, resulting in a suboptimal user experience and increased time and effort for authors and owners.
Innovation Solution
A method and system that automatically generate a mobile version of webpages by identifying and modifying predefined features to be compatible with limited viewing areas without removing content, allowing seamless display on mobile devices while maintaining original content.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If webpages are modified to remove content for mobile devices, then the webpage becomes viewable on limited viewing area displays, but the content completeness and user experience deteriorate
Solution Approach 1:
The system segments the webpage modification process by identifying specific predefined features (such as images, videos, iframes, and other embedded content) that need special handling. Instead of removing entire content sections, it selectively processes individual features, modifying their display properties (size, position, format) to fit mobile screens while preserving the content itself. This segmentation allows the webpage to maintain content completeness while adapting to limited viewing areas.
2Adaptability or versatility
If authors and owners re-create mobile versions of websites, then the webpage displays properly on mobile devices, but the time and effort required for webpage maintenance increases
Solution Approach 1:
The system implements self-service by automatically generating mobile-optimized versions of webpages without requiring author or owner intervention. The server computer autonomously detects when a mobile device requests a webpage, identifies predefined features within the content, and applies appropriate modifications (resizing images, adjusting layout, converting formats) based on the device's screen dimensions. This automated self-service approach eliminates the need for manual mobile version creation and maintenance, saving significant time and effort for content creators.
Solution Approach 2:
The system creates a universal solution that handles multiple types of predefined features (images, videos, iframes, audio, canvas elements) through a single automated process. Rather than requiring separate handling for each content type or device, the system applies a unified approach that detects and modifies various feature types according to mobile display constraints, making the solution broadly applicable across different webpages and devices without additional author effort.
3Adaptability or versatility
If separate mobile versions are hosted with separate addresses, then mobile devices can access optimized content, but the system complexity and maintenance burden increase
Solution Approach 1:
The system merges the desktop and mobile content delivery by using a single unified URL for both versions. Instead of maintaining separate hosted versions with different addresses, the server computer detects the requesting device type and dynamically serves the appropriate version (desktop or mobile-optimized) from the same webpage source. This consolidation eliminates the need for separate hosting infrastructure, URL management, and cross-referencing between versions, reducing system complexity while maintaining full mobile compatibility.
Data Source
AI summary
A server computer can generate and provide network content that is displayed on computing devices, such as mobile phones or tablets, which include displays with limited viewing area. When a computing device with a display, which has a limited viewing area, is detected, a mobile version of the content, such as a webpage, is automatically generated at the time the request is received. The mobile version is generated by identifying known features in the content and modifying the known features so they are compatible with the display, which has limited viewing area, without removing information and content.