UI Screen Layer Visibility Control for Fast Web Page Transitions

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

The transition of UI screens in web pages is slow due to the need to access and analyze different URLs for each screen change, particularly in communication terminals with limited resources, leading to decreased usability.

Innovation Solution

An information processing apparatus that sets display attributes for multiple UI screens in a web page, allowing only one screen to be visible while others are invisible, and switches these attributes upon user instruction to switch screens, reducing the need for repeated content processing.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If different web pages are accessed for each operation screen transition, then each screen can be displayed correctly, but the transition time increases and resources are consumed repeatedly

Engineering Contradiction:
Improvescreen display correctnessVSAvoidscreen transition time
Core Design Contradiction:
ReliabilityVSLoss of time

Solution Approach 1:

The patent applies preliminary action by loading and analyzing all web content for multiple operation screens in advance, before the user actually needs to switch between them. The content is prepared and stored in the terminal device beforehand, so when screen transition is requested, the system can immediately switch between pre-prepared content without performing repeated access and analysis operations, thus reducing transition time while ensuring display correctness

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent merges multiple operation screens into a single web page structure rather than using separate web pages. By combining multiple screens (first operation screen, second operation screen, etc.) within one web page and using layer display attributes to control visibility, the system eliminates the need to access different URLs for each screen, reducing communication overhead and enabling faster transitions while maintaining proper display of each screen

Inventive Principle:
Principle #5Merging (Combining)

2Measurement precision

If web content is accessed and analyzed for each operation screen, then accurate screen content is obtained, but communication resources and processing resources are consumed repeatedly

Engineering Contradiction:
Improvecontent accuracyVSAvoidcommunication resource consumption
Core Design Contradiction:
Measurement precisionVSUse of energy by moving object

Solution Approach 1:

The system performs web content access and analysis in advance, before screen transition is actually needed. All content for multiple operation screens is loaded and processed beforehand, storing the analyzed results in the terminal device. This preliminary action ensures content accuracy is maintained while eliminating repeated communication and processing operations during actual screen transitions, thus reducing resource consumption

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent segments the web content into distinct operation screens (first operation screen, second operation screen, etc.) that can be independently controlled through layer display attributes. Each screen's content is prepared separately in advance but stored together, allowing the system to switch between segments without re-accessing or re-analyzing the source web content, thereby maintaining accuracy while reducing resource usage

Inventive Principle:
Principle #1Segmentation

3Adaptability or versatility

If multiple operation screens are arranged on different web pages, then each screen can be independently designed, but screen transition requires repeated processing

Engineering Contradiction:
Improvescreen design flexibilityVSAvoidscreen transition speed
Core Design Contradiction:
Adaptability or versatilityVSProductivity

Solution Approach 1:

The patent merges multiple independently designed operation screens into a single web page structure, using layer display attributes to manage their visibility and arrangement. This merging approach maintains the design flexibility of having multiple distinct screens while eliminating the need to access different URLs for transitions. The system can switch between screens by controlling layer visibility rather than loading new pages, significantly improving transition speed while preserving design independence

Inventive Principle:
Principle #5Merging (Combining)

Data Source

PatentUS20240078003A1Information processing apparatus, method of controlling the same, and storage medium
Publication Date: 2024.03.07 CANON KK
  • US20240078003A1 patent drawing
  • US20240078003A1 patent drawing
  • US20240078003A1 patent drawing

AI summary

An information processing apparatus sets, to visible, a display attribute of one UI screen among a plurality of UI screens arranged in multiple layers in a web page, and set, to invisible, the display attribute of the other UI screens, and controls to display, on a display unit, a UI screen among the plurality of UI screens that has the display attribute set to visible by the setting unit. In response to an instruction to switch a UI screen displayed on the display unit, the information processing apparatus changes the display attribute of the UI screen among the plurality of UI screens displayed before switching, from visible to invisible, and changes the display attribute of a UI screen displayed after switching, from invisible to visible.