Floating Card Display Around App Icons Without Layout Disruption

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conventional methods for adding widgets to an electronic device's desktop are cumbersome, involving multiple steps and disrupting the display layout of application icons.

Innovation Solution

A display method that allows a card component to be quickly triggered and displayed in a floating manner around an application icon through a sliding operation, enabling addition, adjustment, and removal of the card component without disrupting the desktop layout, and allowing for stacking and style switching.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If a conventional widget is added through the widget control and library interface, then the widget can be added to the desktop, but the operation process is cumbersome and time-consuming

Engineering Contradiction:
Improveease of adding widgetVSAvoidtime for adding widget
Core Design Contradiction:
Ease of operationVSLoss of time

Solution Approach 1:

The patent applies preliminary action by pre-configuring the card component template with all necessary display information and interaction capabilities before the user needs it. When the user slides the application icon, the system immediately displays the pre-prepared card component in a floating window, eliminating the need for users to navigate through widget libraries and configuration steps.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent extracts the essential functionality of widget addition from the complex conventional process and isolates it into a simple sliding gesture on the application icon. This extraction separates the core need (adding widget information) from the cumbersome conventional steps (opening widget control, selecting from library, dragging to desktop).

Inventive Principle:
Principle #2Taking out (Extraction)

2Adaptability or versatility

If a widget is added to the desktop, then the widget can be displayed, but the display layout of application icons is disrupted

Engineering Contradiction:
Improveflexibility of adding widgetVSAvoidstability of desktop layout
Core Design Contradiction:
Adaptability or versatilityVSStability of the object's composition

Solution Approach 1:

The patent uses another dimension by introducing a floating window layer that exists above the desktop background grid. The card component is displayed in this elevated dimension, allowing it to be viewed and interacted with without occupying space within the application icon grid structure. This dimensional separation maintains the stability of the desktop layout while providing widget functionality.

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

Solution Approach 2:

The patent applies nesting by placing the card component inside a floating window that itself is positioned above the desktop interface. The card component is nested within the floating window container, which is nested above the application icon grid. This nested structure allows the card component to be displayed without disrupting the underlying desktop layout.

Inventive Principle:
Principle #7Nested doll (Nesting)

3Stability of the object's composition

If a card component is displayed in a floating manner, then the original layout is maintained, but the card component may be hidden when sliding covers the icon area

Engineering Contradiction:
Improvestability of desktop layoutVSAvoidvisibility of card component
Core Design Contradiction:
Stability of the object's compositionVSLoss of information

Solution Approach 1:

The patent applies dynamics by making the floating window and card component dynamically responsive to user interaction. When the user slides the application icon, the card component automatically adjusts its position and visibility within the floating window. The system detects the sliding action and repositions the card component to ensure it remains visible and accessible, preventing it from being hidden behind the sliding icon.

Inventive Principle:
Principle #15Dynamics

Data Source

PatentUS12613717B2Display method for card component, graphical user interface, and related apparatus
Publication Date: 2026.04.28 HUAWEI TECH CO LTD
  • US12613717B2 patent drawing
  • US12613717B2 patent drawing
  • US12613717B2 patent drawing

AI summary

A display method includes-temporarily displaying, by an electronic device in a floating manner, a card component corresponding to a first application in response to a sliding operation. When the electronic device receives an input for another area other than the card component on the desktop, the electronic device may disable displaying a temporarily displayed card component. When the electronic device receives an input for adding the card component, the electronic device may add the card component on the desktop.