Interface Region Segmentation for Gesture-Driven Mobile Transitions

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current mobile computing devices face challenges in providing a seamless and natural transition between different functional content displayed on their interfaces, particularly due to limited screen size and the need to efficiently manage various types of information such as news, navigation bars, and search portals.

Innovation Solution

A method and apparatus for processing interface displays by detecting specific gestures, such as swipe-up or swipe-down operations, to switch between interfaces, where the content is dynamically rearranged by moving and combining regions like navigation, content, and title bars, with features like refreshing, masking, and animation to enhance user experience.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If a common waterfall layout is used to display web content, then the content can be displayed in a simple and straightforward manner, but the transition between different functional content becomes abrupt and unnatural

Engineering Contradiction:
Improvetransition smoothnessVSAvoidinterface management complexity
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The interface is divided into multiple regions including a first region for content display and a second region for functional elements. This segmentation allows different parts of the interface to be managed independently, enabling smooth transitions between different functional content while maintaining a simple overall structure.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The first region is configured to move in accordance with detected gesture operations, making the interface dynamic rather than static. This allows the content display area to adaptively respond to user interactions, creating natural transitions between different functional states without requiring complex interface management.

Inventive Principle:
Principle #15Dynamics

2Ease of operation

If all types of information are displayed in the current interface, then comprehensive information is provided, but the interface becomes cluttered and user experience deteriorates

Engineering Contradiction:
Improveinterface clarityVSAvoidinformation accessibility
Core Design Contradiction:
Ease of operationVSLoss of information

Solution Approach 1:

The interface separates content information from functional information by assigning them to different regions. The first region displays content information while the second region contains functional elements like navigation bars and search portals. This segmentation maintains interface clarity while ensuring all necessary information remains accessible through the divided structure.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

Functional elements are extracted from the main content area and placed in a separate second region. This extraction allows the primary content display area to remain clear and uncluttered, while functional elements remain accessible in their dedicated region, preventing information loss.

Inventive Principle:
Principle #2Taking out (Extraction)

3Quantity of substance

If the screen size is increased to display more content, then more information can be shown simultaneously, but the portability and usability of mobile devices is reduced

Engineering Contradiction:
Improvecontent display capacityVSAvoiddevice portability
Core Design Contradiction:
Quantity of substanceVSEase of operation

Solution Approach 1:

Instead of increasing screen size in two dimensions, the patent utilizes the temporal dimension by implementing smooth transitions and animations. This allows more content to be presented over time through natural transitions between different functional states, maintaining device portability while increasing effective content display capacity.

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

Solution Approach 2:

The interface uses dynamic region movement and transformation to display more content within the fixed screen boundaries. By making regions movable and adaptable to gesture operations, the system can present diverse content types sequentially and smoothly without requiring a larger physical screen.

Inventive Principle:
Principle #15Dynamics

Data Source

PatentUS10416874B2Methods, apparatuses, and devices for processing interface displays
Publication Date: 2019.09.17 ALIBABA GROUP HOLDING LTD
  • US10416874B2 patent drawing
  • US10416874B2 patent drawing
  • US10416874B2 patent drawing

AI summary

Methods and apparatuses are provided for processing interface displays. The disclosed methods and apparatuses may detect a gesture operation on a current interface of a computing device. The current interface is pre-divided into a first region and a second region. The first region is configured to move in accordance with the detected gesture operation. The disclosed methods and apparatuses may switch from the current interface to a new interface that includes content of the first region when the gesture operation is determined to be corresponding to a predetermined gesture.