Frame-Breaking Interactive Elements in Social Feed Interfaces

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current man-machine interaction methods in social media platforms are limited, with infomercials only allowing interaction through clicking or tapping on social content, lacking diversity and depth in user engagement.

Innovation Solution

An interface display method that includes displaying a multimedia frame-breaking element in response to interactive operations on social content, allowing the multimedia frame-breaking element to break out of its frame and provide an interactive object, which when triggered, replaces the feed interface with an information presenting interface, enhancing interaction between recommendation accounts and user accounts.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If traditional clicking/tapping interaction on social content is used, then the interaction implementation is simple, but the interaction diversity and depth are limited

Engineering Contradiction:
Improveinteraction diversityVSAvoidinteraction complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent applies dynamics by transforming the static frame structure into a dynamic one where objects can break out of frames based on user interaction. The frame-breaking element transitions from a confined state to an expanded state, creating multiple interaction layers that enhance versatility while maintaining operational simplicity through intuitive gestures.

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The patent introduces a new dimension of interaction by adding the frame-breaking capability that allows elements to transcend their original boundary constraints. This dimensional transformation creates additional interaction space and possibilities, enabling diverse engagement modes without significantly increasing operational complexity.

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

2Productivity

If the information presenting interface is directly opened, then the access speed is fast, but the user engagement and interaction frequency are reduced

Engineering Contradiction:
Improveaccess speedVSAvoiduser engagement
Core Design Contradiction:
ProductivityVSAdaptability or versatility

Solution Approach 1:

The patent applies preliminary action by first displaying the frame-breaking element and requiring user initiation before opening the information interface. This preliminary interaction step enhances user engagement and commitment to the action, while the subsequent interface opening maintains speed efficiency, balancing both metrics through a two-stage process.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The frame-breaking element serves as an intermediary between the user and the information presenting interface. It acts as a mediator that enhances engagement by requiring active user participation while facilitating quick access to the target interface, thus bridging the gap between engagement depth and access speed.

Inventive Principle:
Principle #24Intermediary (Mediator)

3Adaptability or versatility

If the multimedia frame-breaking element is displayed, then the interaction types are enriched, but the interface complexity increases

Engineering Contradiction:
Improveinteraction typesVSAvoidinterface complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent applies segmentation by dividing the interface into distinct functional layers: the feed interface layer, the frame-breaking element layer, and the information presenting interface layer. This segmentation allows each layer to serve its specific function independently, enriching interaction types while managing complexity through modular design and clear separation of concerns.

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS20240212067A1Interface display method and apparatus, device, and medium
Publication Date: 2024.06.27 TENCENT TECHNOLOGY (SHENZHEN) CO LTD
  • US20240212067A1 patent drawing
  • US20240212067A1 patent drawing
  • US20240212067A1 patent drawing

AI summary

This application discloses an interface display method performed by a computer device. The method includes: displaying a feed interface of a first user account of a social networking platform, the feed interface comprising at least one object displayed within a frame of the feed interface; in response to an interactive operation on the first social content, displaying the at least one object breaking out of the frame and becoming a multimedia frame-breaking element of an interactive object with a body contour of the at least one object remaining within the frame; and displaying an information presenting interface associated with the interactive object in replacement of the feed interface in response to a triggering operation on the multimedia frame-breaking element.