Page Loading Masking Directory for Interactive Module Visibility
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional page loading masking methods, such as the full-page single-image loading masking method and the loading masking method based on pre-loading information, limit user experience by not providing clear visibility into the loading progress and content of different sections on a page, restricting user interaction during the loading process.
Innovation Solution
A page processing method and device that generates and displays a loading masking directory, which includes data directories and real-time loading state information for each data module, allowing users to understand the loading status of individual sections and interact with the page during the loading process.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If a full-page single-image loading masking method or a loading masking method based on pre-loading information is used, then the loading process can be masked, but the user experience is limited due to lack of visibility into loading progress and content
Solution Approach 1:
The patent divides the page into multiple data modules (e.g., article content, comments, recommendations) and creates separate directory entries for each module. The loading masking displays individual loading states for each module rather than a single unified masking, allowing users to see the loading progress of specific sections while maintaining a clean overall layout.
Solution Approach 2:
The patent transforms the traditional single-dimensional loading masking (either full-page or simple progress bar) into a multi-dimensional structure by organizing loading information in a directory format with hierarchical entries. Each directory entry represents a data module with its own loading state, creating a structured overview of loading progress across multiple dimensions of page content.
2Ease of operation
If a single masking image is used for loading prompt, then the implementation is simple, but the prompt effect is limited and user interaction is restricted
Solution Approach 1:
The patent implements real-time feedback by dynamically updating the loading masking directory as data modules load. Each directory entry shows the loading state of its corresponding data module, providing continuous feedback to users about which sections are loading, loaded, or failed. This enables users to understand the loading status and interact with already-loaded sections while waiting for others.
Solution Approach 2:
The loading masking directory serves multiple functions simultaneously: it displays loading progress, provides navigation structure, offers information about available content, and enables user interaction with loaded sections. This multi-functional approach replaces the need for separate masking, navigation, and interaction elements.
3Loss of information
If page data is loaded in the background with masking, then the page structure is maintained, but users cannot understand the content or interact with the page during loading
Solution Approach 1:
The patent performs preliminary actions by pre-defining the directory structure and data module divisions before page loading begins. The loading masking directory is prepared with all expected data module entries, so when loading occurs, users immediately see the structured overview of what will be loaded and the current status of each module, reducing perceived waiting time.
Data Source
AI summary
A page processing method. The method includes generating a loading masking directory when page data of a target page is being loaded, the loading masking directory including a data directory corresponding to a data module set to be loaded in the target page, and loading state information of data modules in the data module set; and displaying the loading masking directory at least during a loading period of the page data.