Interactive Page Layout for Multimedia Switching Without Scrolling

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing digital network media, such as social entertainment web pages, display content in a single form of long images, which is inconvenient for users and affects user experience due to the need for scrolling and limited interaction modes.

Innovation Solution

A page displaying method and apparatus that switches multimedia content in response to user operations in different areas of a page, allowing dynamic display effects and richer interaction modes by switching between multimedia elements and pages.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If web page content is displayed in a single form of long images, then the display structure is simple, but the user experience deteriorates due to scrolling requirements and limited interaction

Engineering Contradiction:
Improveuser experienceVSAvoiddisplay structure
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The patent divides the web page into multiple distinct display areas (first area for multimedia content, second area for text content, third area for navigation). This segmentation allows each area to serve specific functions independently, eliminating the need for scrolling while providing rich interaction modes, thus improving ease of operation without excessive complexity

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent transitions from a single-dimensional vertical scrolling layout to a multi-dimensional spatial arrangement with multiple display areas positioned horizontally and vertically. This dimensional change allows users to access different content types simultaneously without scrolling, enhancing ease of operation while maintaining manageable display structure

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

2Adaptability or versatility

If multiple display areas with different functions are implemented, then interaction modes are enriched, but the display structure becomes more complex

Engineering Contradiction:
Improveinteraction modesVSAvoiddisplay structure
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent implements a universal display framework where multiple display areas (first, second, third areas) can simultaneously present different content types (multimedia, text, navigation) and respond to various user operations. This multi-functional design enriches interaction modes while the standardized area-based structure keeps the overall system complexity manageable

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

Each display area is assigned specific local qualities and functions: the first area handles multimedia with click/long-press operations, the second area displays text, and the third area provides navigation. This localized functional assignment enriches interaction modes while avoiding global complexity by keeping each area's responsibility focused and simple

Inventive Principle:
Principle #3Local quality

3Productivity

If different operations in different areas trigger different switching actions, then operation speed is improved, but the control logic becomes more complex

Engineering Contradiction:
Improveoperation speedVSAvoidcontrol logic
Core Design Contradiction:
ProductivityVSDevice complexity

Solution Approach 1:

The patent implements self-service control logic where each display area autonomously responds to specific user operations within its boundaries. The first area automatically switches multimedia content on click or long-press, the second area switches text content, and the third area navigates pages. This decentralized self-service approach speeds up operations while keeping control logic distributed and manageable rather than centralized and complex

Inventive Principle:
Principle #25Self-service

Data Source

PatentUS12547667B2Page displaying method, apparatus and electronic device
Publication Date: 2026.02.10 BEIJING ZITIAO NETWORK TECH CO LTD
  • US12547667B2 patent drawing
  • US12547667B2 patent drawing
  • US12547667B2 patent drawing

AI summary

The present disclosure provides a page displaying method and apparatus, and an electronic device, where the method includes: displaying a first page, where a first area of the first page displays a picture corresponding to first multimedia; in response to a first operation in the first area, switching the picture corresponding to the first multimedia to a picture corresponding to second multimedia; and in response to a second operation in a second area of the first page, switching the first page to a second page.