Page Interaction Layering for Immersive Bullet-Screen Engagement

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conventional activity pages lack an immersive atmosphere and interactive capabilities, leading to short user stay times and limited deep interaction with activity information due to simple display forms of interactive content.

Innovation Solution

A page interaction method involving a first page with a first and second image layer, where the second layer includes a wishing pool area, displaying the first image layer on the second layer after meeting a preset entrance condition, and playing interactive bullet-screen comments through scrolling after the entrance special effect is played.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of time

If conventional simple display forms are used for interactive content, then the display is easy to implement, but user stay time is short and deep interaction is limited

Engineering Contradiction:
Improveuser stay timeVSAvoiddisplay form complexity
Core Design Contradiction:
Loss of timeVSDevice complexity

Solution Approach 1:

The display interface is segmented into multiple image layers (first image layer, second image layer, third image layer) that can be independently controlled and displayed. Each layer serves a specific function: the first layer displays activity information, the second layer displays interactive bullet-screen comments, and the third layer provides background. This segmentation allows complex interactive content to be organized into manageable components, enabling extended user engagement without overwhelming complexity.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent introduces a temporal dimension to the display by implementing sequential display of different image layers based on trigger conditions. Instead of displaying all content simultaneously or in a static manner, the system transitions between layers over time (e.g., displaying the first layer, then triggering the second layer when bullet-screen comments are received). This temporal dimensionality change transforms simple static display into dynamic multi-stage interaction, significantly extending user stay time.

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

2Adaptability or versatility

If immersive bullet-screen comment interaction is implemented, then user engagement increases, but the system complexity increases

Engineering Contradiction:
Improveinteractive capabilityVSAvoidsystem complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent implements a nested structure where the second image layer (displaying bullet-screen comments) is embedded within the overall page display system. The second image layer can be displayed over or alongside the first image layer, creating a nested visual hierarchy. This nesting allows immersive bullet-screen interaction to be integrated into the existing activity page framework without requiring a complete system redesign, thus increasing interactive capability while managing complexity through hierarchical organization.

Inventive Principle:
Principle #7Nested doll (Nesting)

Solution Approach 2:

The patent introduces an intermediary mechanism (the image layer system) that mediates between the user input (bullet-screen comments) and the display output. When a user sends a bullet-screen comment, the system uses the image layer structure to seamlessly integrate the comment display with the existing activity information display. This intermediary layer handles the complexity of coordinating multiple display elements, allowing the system to provide versatile interactive capabilities while shielding the underlying complexity from direct user interaction.

Inventive Principle:
Principle #24Intermediary (Mediator)

3Illumination intensity

If multiple image layers are displayed with entrance special effects, then the immersive atmosphere is enhanced, but the processing requirements increase

Engineering Contradiction:
Improveimmersive atmosphereVSAvoidprocessing energy
Core Design Contradiction:
Illumination intensityVSUse of energy by moving object

Solution Approach 1:

The patent implements periodic action by triggering entrance special effects only at specific moments (when the second image layer is displayed or when bullet-screen comments are received), rather than continuously. The system alternates between displaying the first image layer (activity information) and the second image layer (interactive comments) based on trigger conditions. This periodic activation of special effects and layer transitions creates immersive atmospheric moments while allowing the system to conserve processing energy during standard display periods, balancing immersive atmosphere enhancement with energy consumption.

Inventive Principle:
Principle #19Periodic action

Data Source

PatentUS20240201830A1Page interaction
Publication Date: 2024.06.20 SHANGHAI BILIBILI TECH CO LTD
  • US20240201830A1 patent drawing
  • US20240201830A1 patent drawing
  • US20240201830A1 patent drawing

AI summary

A page interaction method in provided, where the method includes: displaying a first page in response to a jump instruction for the first page, where the first page includes a first image layer and a second image layer in an expanded state, and the second image layer includes a wishing pool area; in response to detecting that the first page meets a preset entrance condition, displaying the first image layer on the second image layer, and playing a preset entrance special effect in the first image layer; and after the preset entrance special effect is played, canceling display of the first image layer, and playing interactive bullet-screen comments in the wishing pool area of the second image layer through scrolling.