Touchscreen Panel Stack Gesture Navigation

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current graphical user interfaces for touch-sensitive devices face challenges in managing multiple windows, leading to clutter and complexity, making it awkward for users to interact with multiple windows on these devices.

Innovation Solution

A touchscreen interface that uses a stack of overlapping panels, where panels can be slid into view with gestures, allowing users to interact with partly visible panels and add or update content by selecting existing panels, optimizing the user's view and enabling flexible organization without the need for separate windows.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If multiple windows are used in a conventional GUI, then organizational flexibility is improved, but device complexity and ease of operation deteriorate due to clutter and management difficulty on touch-sensitive displays

Engineering Contradiction:
Improveorganizational flexibilityVSAvoidcomplexity of managing multiple windows
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The interface is segmented into multiple panels that can be independently manipulated and stacked. Each panel represents a separate workspace or content area, allowing users to organize information in distinct segments rather than managing traditional windows. This segmentation enables flexible organization while maintaining touch-friendly interaction through gesture-based panel management.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent transitions from two-dimensional window arrangement to a three-dimensional stacked panel model. Panels are arranged in layers that can be navigated through gestures, adding a depth dimension to the interface. This dimensional change allows multiple panels to coexist without cluttering the display, as users can swipe through the stack to access different panels rather than arranging them side-by-side.

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

2Adaptability or versatility

If multiple windows are arranged on a desktop, then user interaction with multiple applications is improved, but ease of operation deteriorates due to awkward touch-screen manipulation

Engineering Contradiction:
Improveability to interact with multiple applicationsVSAvoidease of manipulating multiple windows on touch-screen
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The panel stack is designed to be dynamic and responsive to user gestures. Panels can be easily added, removed, reordered, and resized through natural touch gestures such as swiping and pinching. This dynamic behavior makes multi-application interaction intuitive and easy to operate on touch-sensitive displays, eliminating the awkwardness of traditional window management.

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The panel stack acts as an intermediary layer between the user and multiple applications. Instead of directly manipulating multiple application windows, users interact with the panel stack, which mediates access to underlying applications. This intermediary structure simplifies interaction by providing a unified gesture-based interface for managing multiple applications.

Inventive Principle:
Principle #24Intermediary (Mediator)

3Area of stationary object

If panels are overlapped in a stack, then space efficiency is improved, but ease of operation deteriorates due to difficulty in accessing overlapped content

Engineering Contradiction:
Improvespace efficiency on displayVSAvoidease of interacting with overlapped panels
Core Design Contradiction:
Area of stationary objectVSEase of operation

Solution Approach 1:

Gesture-based panel navigation acts as an intermediary mechanism for accessing overlapped panels. Users can swipe through the panel stack to bring desired panels to the forefront, making overlapped content easily accessible without requiring complex dragging or unstacking operations. This intermediary gesture system maintains space efficiency while preserving ease of operation.

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The panel stack automatically manages the display state and panel accessibility based on user gestures. When a user swipes or interacts with the interface, the system self-adjusts which panels are visible and in focus, eliminating the need for manual panel arrangement. This self-service behavior maintains optimal display space utilization while ensuring overlapped panels remain easily accessible.

Inventive Principle:
Principle #25Self-service

Data Source

PatentUS10133439B1User interface based on viewable area of a display
Publication Date: 2018.11.20 X CORP
  • US10133439B1 patent drawing
  • US10133439B1 patent drawing
  • US10133439B1 patent drawing

AI summary

A method for displaying content in a computing device, including: displaying a set of partially overlapping panels in a viewable area of a display; detecting a first input associated with an element in a first panel of the set of overlapping panels; displaying, on the display, an indication that the element is selected; and displaying, in response to the first input and concurrently with the indication, a second panel partially overlapping the first panel and adjacent to at least one edge of the viewable area of the display, where the second panel includes content relevant to the selected element.