Web Page Rendering Viewpoint Preservation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current web content rendering technologies on small screens and limited connections often result in a poor user experience due to the need to download and re-render web pages entirely, causing users to lose their view and requiring navigation back to the original viewpoint, which is time-consuming and frustrating.
Innovation Solution
A system that allows web content to be rendered using default rules initially and then re-rendered according to specific rendering rules while preserving the user's current viewpoint, allowing seamless transition without requiring users to re-navigate to their previous location.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Manufacturing precision
If web content is re-rendered according to specific rendering rules after download, then rendering accuracy and design fidelity are improved, but user viewpoint is lost and navigation time increases
Solution Approach 1:
The system performs preliminary actions by determining and storing the viewpoint information before the re-rendering process occurs. When rendering rules are downloaded, the system has already captured the user's current viewpoint position, so it can restore this position immediately after re-rendering without requiring user navigation. This preliminary capture of viewpoint data eliminates the time loss that would otherwise occur.
Solution Approach 2:
The system implements feedback by continuously tracking and determining the user's viewpoint position during browsing, then using this feedback information to automatically restore the viewpoint after re-rendering. The viewpoint determination mechanism provides feedback about user position, which is then applied to maintain continuity of the user experience despite the re-rendering process.
2Manufacturing precision
If CSS rendering rules are downloaded and applied, then web page rendering quality is improved, but additional data download time and bandwidth consumption increase
Solution Approach 1:
The system performs preliminary actions by determining and storing viewpoint information before the CSS rules are downloaded and applied. This allows the system to have the viewpoint data ready in advance, so when the CSS download completes and re-rendering occurs, the viewpoint restoration can happen immediately without adding to the download time experience.
Solution Approach 2:
The viewpoint information acts as an intermediary element that bridges the gap between the download process and the final rendered display. By capturing and storing this intermediary viewpoint data, the system can mediate the transition from downloaded CSS rules back to the user's expected view position, preventing the need for additional navigation after download.
3Adaptability or versatility
If web content is rendered on small screens with limited connections, then device compatibility is improved, but user experience deteriorates due to viewpoint loss and re-navigation requirements
Solution Approach 1:
The system performs preliminary actions by capturing viewpoint information before re-rendering occurs on small screens. This preliminary capture ensures that when the device renders the content according to its screen constraints and downloaded CSS rules, the system can immediately restore the user's viewpoint without requiring re-navigation, thus maintaining ease of operation despite device limitations.
Solution Approach 2:
The system implements feedback by tracking the user's viewpoint position on small-screen devices and using this feedback to automatically restore the correct view after re-rendering. This feedback mechanism ensures that users on mobile or small-screen devices experience seamless transitions despite the necessary adaptations to screen size and connection limitations.
Data Source
Figure 1
Figure 2
Figure 3
AI summary
An approach is provided for rendering web content utilizing external rendering rules. Web content associated with a particular rendering rule is received. The web content is rendered according to a default rendering rule. The particular rendering rule is received. A viewpoint of the web content is determined. The web content is re-rendered according to the particular rendering rule at the viewpoint.