User Interface Element Selection via Sequential Highlighting
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Users face difficulty in selecting specific user interface elements that are overlapped by others in a graphical user interface, as the topmost elements occlude those below, making it challenging to interact with them without moving the overlapping elements.
Innovation Solution
A method that detects a first user input within a user interface, identifies the overlaid user interface element as active, and upon a second user input, switches the focus to the underlying element, allowing it to be selected and manipulated without moving the overlapping elements, using visual indicators like a knob element or changes in brightness to signify active status.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Quantity of substance
If multiple user interface elements are overlaid on a graphical user interface to maximize information display, then the quantity of information presented is improved, but the ease of selecting a specific underlying element deteriorates
Solution Approach 1:
The system performs preliminary action by automatically cycling through and highlighting underlying user interface elements in sequence before the user actually selects one. When a user triggers selection mode (e.g., long press), the system proactively identifies and highlights each underlying element one by one, allowing the user to simply confirm the currently highlighted element rather than manually navigating through multiple layers. This preliminary cycling action resolves the contradiction by maintaining the overlaid display structure while automating the element identification process.
Solution Approach 2:
The system introduces an intermediary highlighting mechanism that acts as a mediator between the user and the underlying user interface elements. The highlight effect serves as an intermediary signal that indicates which element is currently active for selection, bridging the gap between the user's selection intent and the system's element identification. This intermediary visual feedback resolves the contradiction by making hidden elements detectable without requiring the user to manually move or expose them.
2Stability of the object's composition
If a user interface element is placed in a lower layer and partially occluded by elements in higher layers, then the visual organization and layering is improved, but the detectability of the underlying element deteriorates
Solution Approach 1:
The system applies color changes by applying a distinctive highlight effect (such as changing brightness, saturation, or adding a colored border) to the underlying user interface element when it is detected as the active element for selection. This visual transformation makes the otherwise hidden or occluded element stand out from its surrounding context, allowing users to easily identify which element is currently selected without disrupting the normal layered visual organization. The color/brightness change directly addresses the detectability issue while preserving the layering structure.
3Ease of operation
If automatic cycling through underlying elements is implemented to improve selection ease, then the ease of operation is improved, but the time required for element identification increases
Solution Approach 1:
The system implements periodic action by automatically cycling through underlying user interface elements at regular time intervals when selection mode is activated. Each element is highlighted for a predetermined duration before automatically transitioning to the next element in the sequence. This periodic highlighting allows users to quickly scan through available elements without manual intervention, and by providing a clear visual indicator at each step, enables rapid confirmation once the desired element is reached, thus balancing automation efficiency with user control.
Data Source
AI summary
A user input at a location on a user interface screen that intersects or otherwise touches a grouping of more than one overlapping user interface element can enable selection of a specific one of the overlapping user interface elements as the user interface elements in the grouping are made active in sequence (e.g. in a loop), which can be stopped by a second user input when the desired user interface element is currently active in the sequence. Related methods, system, article of manufacture, and the like are also disclosed.