Extensible Icons with Multiple Drop Zones for GUI Adaptability

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conventional graphical user interfaces (GUIs) lack flexibility in icon management, particularly in handling drag-and-drop operations, as target icons often have a single pre-specified operation, which may not be clear to users, and do not adapt to varying user contexts.

Innovation Solution

The implementation of extensible icons with multiple drop zones that transform from a contracted to an expanded state upon proximity events, featuring separate iconic elements or menu items each associated with different operations, allowing for varied drag-and-drop and selection operations.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If a target icon has a single pre-specified operation for drag-and-drop, then the icon structure remains simple, but the adaptability to varying user contexts is reduced

Engineering Contradiction:
Improveadaptability to varying user contextsVSAvoidicon structure complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The icon dynamically transforms from a contracted form (single operation) to an expanded form (multiple operations) based on user interaction context. When a user hovers over or selects an icon, it expands to reveal multiple drop zones with different operations, allowing the same icon to adapt to different user needs without requiring multiple separate icons.

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The icon is segmented into multiple drop zones within its expanded form, where each drop zone corresponds to a different operation. This segmentation allows the icon to present multiple distinct functions when needed while maintaining a simple unified structure when contracted, resolving the contradiction between simplicity and versatility.

Inventive Principle:
Principle #1Segmentation

2Ease of operation

If an icon provides multiple operations through expansion, then user interaction flexibility is improved, but the initial visual simplicity is reduced

Engineering Contradiction:
Improveuser interaction flexibilityVSAvoidinitial visual simplicity
Core Design Contradiction:
Ease of operationVSShape

Solution Approach 1:

The icon maintains a simple contracted shape for normal viewing but dynamically expands to reveal multiple operations when the user interacts with it (e.g., hovering or selecting). This dynamic transformation provides flexibility without permanently complicating the visual appearance, as the icon returns to its simple form after interaction.

Inventive Principle:
Principle #15Dynamics

3Adaptability or versatility

If a target icon displays all possible operations always, then user context adaptability is maximized, but the interface clutter increases

Engineering Contradiction:
Improvecontext-dependent operation provisionVSAvoidinterface space occupation
Core Design Contradiction:
Adaptability or versatilityVSArea of stationary object

Solution Approach 1:

The icon transitions from a compact contracted state to an expanded state with multiple drop zones only when needed (upon user interaction). This dynamic expansion allows the interface to provide comprehensive operation options when required while maintaining minimal space occupation during normal display, preventing interface clutter.

Inventive Principle:
Principle #15Dynamics

Data Source

PatentUS7552399B2Extensible icons with multiple drop zones
Publication Date: 2009.06.23 INTERNATIONAL BUSINESS MACHINE CORPORATION
  • US7552399B2 patent drawing
  • US7552399B2 patent drawing
  • US7552399B2 patent drawing

AI summary

Embodiments of the present invention address deficiencies of the art in respect to icon management in a GUI and provide a novel and non-obvious method, system and computer program product for extensible icons with multiple drop zones. In one embodiment of the invention, an icon data processing system configured for use in a GUI can include a contracted form of an extensible icon; an expanded form of the extensible icon including multiple drop zones; and, a drag-and-drop event handler coupled to the contracted form of the extensible icon and the expanded form of the extensible icon.