Web Page Display Control for Scroll Reduction on Small Screens
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
On information terminals with smaller screen sizes, such as smartphones, users often require numerous scroll operations to view desired content, which hampers convenience due to vertically longer display configurations of web pages compared to personal computers.
Innovation Solution
A computer-implemented display control method that determines if the display configuration of a first web page is analogous to a second web page, allowing it to display a corresponding region of the first web page without user scrolling, by registering and comparing positional information and structure between elements, and adjusting the display accordingly.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If web pages are displayed on smaller screen information terminals, then the display configuration becomes vertically longer, but users require numerous scroll operations which hampers convenience
Solution Approach 1:
The system performs preliminary actions by storing display configuration information and positional data of web pages in advance. When a user requests a web page, the system retrieves the stored configuration and automatically calculates and applies the appropriate display position, eliminating the need for users to manually scroll through vertically long content on small screens.
2Extent of automation
If display configuration information and positional information are stored in a database, then automatic display positioning is enabled, but system complexity increases
Solution Approach 1:
The system employs a universal database structure that stores display configuration information and positional information in a standardized format. This database serves multiple functions: storing web page configuration data, maintaining positional information for automatic positioning, and supporting various web pages with different structures. The unified approach reduces overall system complexity despite enabling automation.
Data Source
AI summary
A computer-implemented display control method includes, in response to receiving an instruction for displaying a first web page, determining whether difference between a display configuration of the first web page and a display configuration of a second web page satisfies a specific condition, the first web page being different from the second web page, and displaying, on a display, a region of the first web page corresponding to positional information indicating a region of the second web page without a scroll operation of a user after the receiving of the instruction when it is determined that the difference satisfies the condition.