Dynamic User Interface Element Versioning for Touchscreen Interaction

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Home screen widgets on devices with displays are small and difficult to interact with, often competing for screen space and causing other app icons and widgets to be obscured when launching different app features.

Innovation Solution

A method and device that detect interaction with user interface elements on a touchscreen, dynamically changing the UIE to display additional app features or sub-elements without launching the entire app, using techniques like hovering, tapping, or gaze tracking to facilitate easier interaction.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If home screen widgets are made larger to improve interaction ease, then ease of operation improves, but screen space for other app icons and widgets decreases

Engineering Contradiction:
Improveease of interaction with widgetVSAvoidscreen space
Core Design Contradiction:
Ease of operationVSArea of stationary object

Solution Approach 1:

The widget dynamically changes its display version based on user interaction state. When a user hovers over or interacts with the widget, it transitions from a compact first version to an expanded second version showing additional features. This dynamic transformation allows the widget to be small during normal display (preserving screen space) and large during interaction (improving ease of operation).

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The patent introduces temporal dimension to the widget size problem. Instead of choosing between large and small static sizes, the widget alternates between different size states over time based on interaction. The first version displays compactly, and upon interaction detection, transitions to a second expanded version, effectively using time as an additional dimension to resolve the space-ease contradiction.

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

2Adaptability or versatility

If widget launches entire app to provide full functionality, then app features are accessible, but other app icons and widgets become obscured

Engineering Contradiction:
Improveaccess to app featuresVSAvoidvisible screen space
Core Design Contradiction:
Adaptability or versatilityVSArea of stationary object

Solution Approach 1:

The widget is segmented into multiple display versions with different functionality levels. The first version provides basic information and a limited set of interactions. The second version, activated upon user interaction, provides expanded functionality and additional app features. This segmentation allows progressive disclosure of features without requiring full app launch, maintaining visibility of other screen elements throughout the interaction process.

Inventive Principle:
Principle #1Segmentation

3Adaptability or versatility

If multiple app features are displayed in widget to increase versatility, then adaptability improves, but widget complexity increases

Engineering Contradiction:
Improvenumber of app features accessibleVSAvoidwidget structure
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The widget employs dynamic version switching to manage complexity. Rather than displaying all features simultaneously (which would create a complex static interface), the widget maintains a simple first version for normal display and only reveals additional features in a second version when needed. This dynamic approach allows high versatility without permanent increases in visible complexity.

Inventive Principle:
Principle #15Dynamics

Data Source

PatentUS11010042B2Display of different versions of user interface element
Publication Date: 2021.05.18 LENOVO SWITZERLAND INTERNATIONAL GMBH
  • US11010042B2 patent drawing
  • US11010042B2 patent drawing
  • US11010042B2 patent drawing

AI summary

A method includes detecting interaction with a user interface element corresponding to an app on a touch screen and displaying a different version of the user interface element responsive to the detected interaction.