Web Page Display Adjusting Content Visibility by Scroll Speed
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Users face difficulty in finding desired information from web pages that contain excessive content, as existing methods do not provide an effective way to quickly search through large amounts of information.
Innovation Solution
A terminal apparatus and web server system that adjusts the display of web pages based on user scroll speed, showing only first information at higher speeds and both first and second information at lower speeds, allowing users to easily locate content by controlling the display of information in content regions.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Quantity of substance
If a web page includes too much information corresponding to a search word, then the user can access more content, but it becomes difficult for the user to find the desired information
Solution Approach 1:
The patent segments content into multiple levels (first information and second information) and displays them differently based on scroll speed. First information is displayed prominently when scrolling quickly, while second information is displayed when scrolling slowly, allowing users to access detailed content only when they have time.
Solution Approach 2:
The patent dynamically adjusts the display of content based on the user's scroll speed. The system detects scroll speed and changes the visible content accordingly - showing condensed first information at high speeds and detailed second information at low speeds, making the interface adaptive to user behavior.
2Loss of information
If the web page displays all content details, then the user can access comprehensive information, but the user cannot quickly search for desired content
Solution Approach 1:
The patent divides content into first information (concise summary) and second information (detailed content). Users can quickly access first information for rapid searching, and only access second information when they need detailed content, reducing time loss while maintaining information completeness.
Solution Approach 2:
The patent changes the display parameter (amount of information shown) based on the scroll speed parameter. At high scroll speeds, the system displays only first information to reduce time loss, while at low scroll speeds, it displays both first and second information to maintain completeness.
3Loss of information
If the web page shows detailed information, then the user can access comprehensive content, but the user experience deteriorates when scrolling quickly
Solution Approach 1:
The patent makes the information display dynamic by adjusting the level of detail based on scroll speed. When users scroll quickly, the system displays only first information to maintain browsing convenience, and when users scroll slowly, it displays detailed second information to provide comprehensive content.
Solution Approach 2:
The patent changes the information display parameter according to the scroll speed parameter. The system monitors scroll speed and adjusts what is displayed - showing condensed information at high speeds and detailed information at low speeds, optimizing both browsing convenience and content accessibility.
Data Source
AI summary
Provided is a method of displaying, by a terminal apparatus, a web page, the method including: displaying, on a screen of the terminal apparatus, a web page including a plurality of content regions respectively corresponding to a plurality of pieces of content; obtaining a moving speed of the web page that moves according to a scroll input of a user with respect to the screen of the terminal apparatus; and displaying first information of the plurality of pieces of contents in the plurality of content regions when the moving speed is equal to or higher than a pre-set first speed, and displaying first information and second information of the plurality of pieces of contents in the plurality of content regions when the moving speed is lower than the pre-set first speed.