Touchscreen UI Layer Rendering Prevents Inadvertent Selection
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Communication devices with touch screens face issues with inadvertent selection of background user interface elements due to overlapping and proximity of UI elements in different layers, leading to imprecise finger or stylus pointing.
Innovation Solution
The implementation of a rendering scheme that assigns user interface elements to different image layers, utilizing techniques such as creating a proscribed area around foreground UI elements to prevent selection of background elements, or repositioning UI elements to maintain a safe distance, thereby preventing inadvertent touch activation.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If system utilities and functions present their UIs on top of existing application UIs using layering, then system notifications and pop-up advertisements can be displayed concurrently, but actionable UI elements in different layers may overlap or be positioned closely, causing inadvertent selection
Solution Approach 1:
The patent introduces a depth dimension by implementing multiple image layers (foreground, midground, background) in the display system. Each UI element is assigned to a specific layer, allowing concurrent display of multiple UIs while managing their spatial relationships in three-dimensional space rather than traditional two-dimensional overlap, thus preventing inadvertent selection through proper layer management
2Area of stationary object
If UI elements are placed in overlapping positions to maximize screen utilization, then more information can be displayed simultaneously, but the probability of inadvertent finger or stylus selection increases
Solution Approach 1:
The patent applies local quality by creating proscribed areas with exclusive selection rights around specific UI elements. Within these localized zones, only the foreground UI element can be selected, while background elements are protected from inadvertent selection. This allows dense overall layout while maintaining local selection precision through differentiated selection rules in different spatial zones
3Productivity
If the display presents multiple concurrent UIs with actionable elements in proximity, then system functionality and notification delivery are enhanced, but user interaction accuracy deteriorates due to imprecise pointing
Solution Approach 1:
The patent introduces an intermediary mechanism - the proscribed area concept - that mediates between the foreground UI element and background UI elements. This intermediary zone acts as a buffer that captures touch inputs intended for the foreground element while preventing them from accidentally activating background elements, thus preserving notification delivery efficiency while improving touch input accuracy
Data Source
AI summary
An electronic device, method, and computer program product prevent inadvertent touch activation of a partially overlapped user interface (UI) element. The electronic device assigns, to a first image layer, a first UI including first UI element(s) that triggers a first response by program code when selected. The electronic device assigns, to a second image layer, a second UI including second UI element(s) that triggers a second response by the program code when selected. In response to determining that the first UI element(s) is displayed and selectable proximate to the second UI elements, the electronic device renders a display output including the first image layer and the second image layer utilizing a rendering scheme that prevents inadvertent selection of the first user interface element(s) during selection of the second user interface element(s). The electronic device presents the display output on the touch screen display.