Interactive Popup View Gesture Control for Mobile Interfaces

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Existing methods for using popup views in touch-sensitive devices are cumbersome and inefficient, requiring excessive inputs and consuming more time and energy, particularly in battery-operated devices.

Innovation Solution

Implementing faster and more efficient methods and interfaces for using popup views, including displaying a popup view in response to touch gestures and converting it into a sidebar upon device orientation change, utilizing touch screens with higher resolutions and incorporating accelerometers for orientation detection.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If conventional popup views are used in touch-sensitive devices, then basic functionality is provided, but user interaction becomes cumbersome and inefficient requiring excessive inputs

Engineering Contradiction:

Improveuser interaction efficiencyVSAvoidnumber of inputs required

Core Design Contradiction:

Ease of operationVSDevice complexity

Solution Approach 1:

The interface is segmented into multiple interactive states: popup view, expanded view, and sidebar view. Each state provides different levels of access to controls and information, allowing users to interact with frequently used functions quickly without navigating through multiple screens or inputs.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The popup view dynamically transforms into an expanded view or sidebar based on user interaction patterns and device orientation. This dynamic behavior adapts the interface complexity to match user needs, providing simple access when possible and full functionality when required.

Inventive Principle:

Principle #15Dynamics

2Productivity

If conventional popup views require multiple inputs to perform operations, then basic functionality is achieved, but time consumption increases

Engineering Contradiction:

Improveoperation speedVSAvoidtime to complete operations

Core Design Contradiction:

ProductivityVSLoss of time

Solution Approach 1:

The popup view presents expanded controls and options before the user commits to an action. Users can preview and select from multiple options without navigating through multiple screens, allowing them to make decisions faster and reduce the time to complete operations.

Inventive Principle:

Principle #10Preliminary action

Solution Approach 2:

The interface allows users to skip intermediate steps by providing direct access to commonly used functions through the popup view. Frequently accessed controls are immediately available without requiring users to navigate through menus or multiple screens.

Inventive Principle:

Principle #21Skipping (Rushing through)

3Loss of energy

If conventional popup views are used with standard interaction methods, then basic tasks are completed, but energy consumption increases in battery-operated devices

Engineering Contradiction:

Improvepower consumptionVSAvoidtask completion efficiency

Core Design Contradiction:

Loss of energyVSProductivity

Solution Approach 1:

The popup view uses periodic updates and animations rather than continuous rendering. The interface transitions between states (popup, expanded, sidebar) using discrete animation frames, reducing the computational load and power consumption compared to continuous updates.

Inventive Principle:

Principle #19Periodic action

Solution Approach 2:

The interface renders detailed controls and graphics only in the active popup view area rather than the entire screen. When the popup is displayed, only that region requires high-resolution rendering, reducing overall graphical processing requirements and power consumption.

Inventive Principle:

Principle #3Local quality

4Adaptability or versatility

If popup views display full functionality, then all operations are accessible, but cognitive burden on users increases

Engineering Contradiction:

Improvefunctionality accessVSAvoidcognitive burden

Core Design Contradiction:

Adaptability or versatilityVSEase of operation

Solution Approach 1:

The interface segments functionality into different views: the popup view shows essential controls, the expanded view shows additional options, and the sidebar shows supplementary information. Users only see the level of detail they need at each moment, reducing cognitive burden while maintaining access to all functions.

Inventive Principle:

Principle #1Segmentation

Data Source

PatentUS9569102B2Device, method, and graphical user interface with interactive popup views

Publication Date: 2017.02.14 APPLE INC

AI summary

A method of operating a multifunction device includes: displaying a respective view of a first application on the touch screen display, detecting a first touch gesture within the respective view, and in response to detecting the first touch gesture, displaying a popup view of the first application partially covering the respective view of the first application. The popup view corresponds to a full-screen-width view in a corresponding first application on a second multifunction device having a touch screen display with lower resolution than the touch screen display of the first multifunction device. The method further includes: detecting one or more second touch gestures within the popup view, and in response to detecting the one or more second touch gestures within the popup view, performing an action in the first application that updates a state of the first application.