Flyover Popup Window Bump Zone Repositioning
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Immediate on-demand user interfaces like flyover popups often overlay and cover portions of the user interface that users do not want to hide, limiting their ability to view additional information simultaneously.
Innovation Solution
A method that detects the position of a pointer relative to a content element in a graphical user interface and displays a popup window with a bump zone, allowing users to move the popup window to a new location without requiring multiple actions, by transitioning it based on the proximity of the pointer to the bump zone.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If a flyover popup is displayed to provide additional information on a content element, then the user can see more details, but the popup covers and hides portions of the user interface that the user may not want to be covered
Solution Approach 1:
The popup window is made dynamically repositionable through the bump zone mechanism. When the pointer approaches the bump zone, the popup automatically moves to a new location, transforming from a static overlay to a dynamic element that can adapt its position based on user interaction, thereby resolving the contradiction between providing information and covering useful interface areas
Solution Approach 2:
The popup window performs self-repositioning automatically when the pointer nears the bump zone, without requiring the user to manually drag or move the popup. This self-service behavior allows the popup to autonomously adjust its position to avoid covering important interface elements while still providing the intended information
2Ease of operation
If the popup window is made moveable to avoid covering important interface elements, then the usability is improved, but the device complexity increases due to the bump zone detection mechanism
Solution Approach 1:
The popup window performs self-repositioning automatically when the pointer nears the bump zone, without requiring the user to manually drag or move the popup. This self-service behavior allows the popup to autonomously adjust its position to avoid covering important interface elements while still providing the intended information
Solution Approach 2:
The bump zone acts as an intermediary element between the popup window and the user interface. Instead of the popup directly detecting user needs or requiring complex interaction logic, the bump zone serves as a simple visual indicator that triggers automatic repositioning, simplifying the overall mechanism while enabling ease of operation
Data Source
AI summary
Content presentation using on-demand user interfaces is provided. One embodiment comprises detecting position of a pointer by a user relative to a content element in a graphical user interface displayed on an electronic display screen; displaying a popup window at a location on the graphical user interface while the pointer hovers over the content element, wherein the popup window includes a bump zone indicating that the popup window is moveable; detecting proximity of the pointer relative to the bump zone while the pointer hovers over the content element; and transitioning the popup window to a new location on the graphical user interface based on the detected proximity and movement of the pointer relative to the bump zone.