Touch-Screen Graphical Control Elements with Gesture Compression

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing methods for interacting with touch-screen displays are cumbersome and non-intuitive, lacking efficient and visually appealing ways to manipulate graphical control elements such as adjusting position, rotation, size, and shape of user-interface objects.

Innovation Solution

The implementation of touch-responsive graphical control elements that combine and compress upon user input, allowing intuitive manipulation by swiping and pinching gestures, with simulated attraction and repulsion forces to prevent unintended changes, and providing visual feedback through animated transformations.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If traditional touch-screen interaction methods are used, then users can manipulate graphical control elements, but the interaction becomes cumbersome and non-intuitive

Engineering Contradiction:
Improveintuitiveness of manipulationVSAvoidcomplexity of interaction steps
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The graphical control element automatically performs compression and expansion actions in response to user gestures without requiring additional confirmation steps or complex menu navigation. The element serves itself by directly translating pinching gestures into size changes and swipe gestures into position changes, eliminating the need for separate command inputs.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The patent replaces traditional mechanical interaction mechanisms (buttons, sliders, menus) with direct touch gestures. Users manipulate the graphical control element by pinching to resize and swiping to reposition, substituting complex mechanical control sequences with intuitive finger movements that directly map to the desired outcome.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

2Adaptability or versatility

If graphical control elements are made highly interactive, then manipulation capability increases, but visual clarity and content visibility may be compromised

Engineering Contradiction:
Improvemanipulation capabilityVSAvoidcontent visibility
Core Design Contradiction:
Adaptability or versatilityVSLoss of information

Solution Approach 1:

The graphical control element dynamically adjusts its visual properties during interaction. When compressed by user gestures, the element maintains visual feedback about its state and content while adapting its size and position. The dynamic response allows the element to remain informative throughout the manipulation process rather than becoming obscured or static.

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The system provides continuous visual feedback during manipulation operations. As users pinch to resize or swipe to reposition, the graphical control element responds in real-time with animated transformations that maintain content visibility and provide clear feedback about the current state and intended action, preventing loss of information during interaction.

Inventive Principle:
Principle #23Feedback

3Productivity

If multiple manipulation functions are integrated into single gestures, then interaction efficiency improves, but precision and control may be reduced

Engineering Contradiction:
Improveinteraction efficiencyVSAvoidcontrol precision
Core Design Contradiction:
ProductivityVSMeasurement precision

Solution Approach 1:

The patent segments different manipulation functions into distinct gesture types (pinching for resizing, swiping for repositioning). Each gesture type is dedicated to a specific function, allowing users to maintain precision while achieving efficient interaction. The segmentation prevents confusion between different manipulation modes while enabling quick access to common operations.

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS10795567B2Multimedia applications and user interfaces
Publication Date: 2020.10.06 ZOHO OFFICE SUITE
  • US10795567B2 patent drawing
  • US10795567B2 patent drawing
  • US10795567B2 patent drawing

AI summary

A computer-implemented method for use in conjunction with a computing device with a touch-screen display allows users to organize and sort multimedia notecards and notebooks in an intuitive manner. Graphical control elements for associated multimedia programs are depicted on the display using text and images indicative of their content. These text and images are compressed to preserve their visibility when the user accesses program-specific settings and interactions. Notecards can be displayed and organized differently based on e.g. display orientation, and different types of display inputs can sort and combine the notecards using intuitive visual responses to the inputs.