Page-Based Interaction With Shake-Triggered Content Layering

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

The display mode of splash pages in existing technologies is poor in interactivity, leading to a suboptimal user experience.

Innovation Solution

An interaction method and apparatus that includes displaying a target page with a target object, receiving a shake trigger operation, and in response, displaying associated content above the target page and transitioning to the detail page of the target object after the associated content is displayed.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If a traditional splash page is displayed with preset content, then the display is simple and easy to implement, but the interactivity is poor and user experience is suboptimal

Engineering Contradiction:
ImproveinteractivityVSAvoiddisplay mode complexity
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The splash page transitions from a static display to a dynamic interactive experience. When the user shakes the device, the system detects the shake gesture and responds by displaying associated content in a popup window, then transitions to a detail page. This dynamic response to user actions significantly improves interactivity while maintaining reasonable system complexity.

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The system implements feedback by detecting the shake gesture and providing immediate visual feedback through the popup window displaying associated content. After the user views the popup content, the system automatically transitions to the detail page, creating a closed-loop interactive experience that enhances user engagement without excessive complexity.

Inventive Principle:
Principle #23Feedback

2Productivity

If users wait for automatic transition from splash page, then the system is simple to control, but the waiting time is excessive and reduces productivity

Engineering Contradiction:
Improvepage transition speedVSAvoidinteraction mechanism complexity
Core Design Contradiction:
ProductivityVSDevice complexity

Solution Approach 1:

The system uses mechanical vibration (shake gesture) as the trigger mechanism for page transition. Instead of requiring users to wait for automatic timing or perform complex menu navigation, a simple shake gesture instantly activates the transition sequence, significantly improving page transition speed while keeping the interaction mechanism simple and intuitive.

Inventive Principle:
Principle #18Mechanical vibration

Solution Approach 2:

The system prepares the transition sequence in advance by detecting the shake gesture and immediately displaying the popup window with associated content. This preliminary action eliminates unnecessary waiting time and prepares the user for the upcoming detail page transition, improving overall productivity without adding complex interaction mechanisms.

Inventive Principle:
Principle #10Preliminary action

3Loss of information

If splash content is displayed without additional information, then the display is clean and simple, but the information provided is insufficient

Engineering Contradiction:
Improveinformation completenessVSAvoiddisplay layer complexity
Core Design Contradiction:
Loss of informationVSDevice complexity

Solution Approach 1:

The system adds information in another dimension by displaying associated content in a popup window that overlays the current splash page. This layered display approach provides additional information without cluttering the original splash content, maintaining visual cleanliness while improving information completeness through spatial layering.

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

Solution Approach 2:

The popup window containing associated content is nested within the splash page display. This nesting structure allows the system to provide additional information layers without replacing the original content, enabling progressive information disclosure that enhances completeness while managing display complexity through hierarchical organization.

Inventive Principle:
Principle #7Nested doll (Nesting)

Data Source

PatentUS12366950B2Page-based interaction method and apparatus, electronic device, and storage medium
Publication Date: 2025.07.22 BEIJING ZITIAO NETWORK TECH CO LTD
  • US12366950B2 patent drawing
  • US12366950B2 patent drawing
  • US12366950B2 patent drawing

AI summary

Provided are an interaction method and apparatus, an electronic device, and a storage medium. The method includes displaying a target page, where target content containing a target object is displayed in the target page; receiving a shake trigger operation of a user; and in response to the shake trigger operation, displaying associated content of the target content in a layer above the target page and displaying the detail page of the target object after completing displaying the associated content.