Viewport Scroll Position Control for Dynamic Data Updates
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Accessing and displaying dynamic data on small mobile device screens is cumbersome due to limited on-screen real estate and disruptive data updates that shift the viewport, making it difficult for users to locate and comprehend information efficiently.
Innovation Solution
A method and system that determines the scroll position of a viewport and updates dynamic data only when the scroll position is at the top-of-page, retrieving data updates from a buffer and integrating them into the viewport chronologically, thereby minimizing disruptions and improving user experience.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Reliability
If dynamic data updates are displayed continuously, then data freshness is improved, but viewport stability deteriorates causing frequent shifts and disruptions
Solution Approach 1:
The system pre-loads data updates into a buffer before they are needed for display. When the user scrolls to the top of the page, the buffered updates are then applied in advance, ensuring data freshness without causing disruptive viewport shifts during active viewing.
Solution Approach 2:
A buffer is introduced as an intermediary between data updates and the viewport display. The buffer stores updates temporarily and controls when they are applied to the viewport, mediating between the need for continuous data updates and the need for stable display.
2Productivity
If the viewport updates frequently with new data, then information accessibility is improved, but user comprehension deteriorates due to frequent disruptions
Solution Approach 1:
Data updates are prepared and stored in the buffer in advance. The system waits until the user is at the top of the page before applying updates, ensuring that information is accessible when needed without disrupting the user's current viewing and comprehension activity.
Solution Approach 2:
The system monitors the user's scroll position and uses this feedback to determine when to apply data updates. By triggering updates only when the user is at the top of the page, the system ensures optimal timing for information accessibility without interrupting comprehension during scrolling or reading.
3Speed
If data updates are applied immediately, then data timeliness is improved, but display stability deteriorates causing frequent viewport shifts
Solution Approach 1:
Updates are collected and stored in the buffer immediately upon arrival, maintaining data timeliness. The actual application to the viewport is delayed until the user scrolls to the top, maintaining display stability and preventing frequent viewport shifts during active viewing.
Solution Approach 2:
The buffer acts as an intermediary that receives updates immediately (maintaining timeliness) but releases them to the viewport at optimal times (maintaining stability). This mediates between the speed of data arrival and the stability of display.
4Stability of the object's composition
If the system monitors and controls scroll position, then display stability is improved, but system complexity increases
Solution Approach 1:
The system uses the browser's built-in scroll event detection to automatically determine when the user is at the top of the page. This self-service approach leverages existing browser capabilities rather than implementing complex custom monitoring mechanisms, thereby maintaining display stability without significantly increasing system complexity.
Data Source
AI summary
A method, apparatus, system, and computer program code for controlling a display of dynamic data updates is provided. A scroll position is determined for a viewport. The viewport chronologically displays a sequence of dynamic data within a graphical user interface. Responsive to determining that the scroll position is a top-of-page, a set of data updates is retrieved from a buffer. The sequence of dynamic data displayed in the viewport is updated with the set of data updates. The viewport is updated only when the scroll position is the top-of-page.