Floating Window Interactive Component Positioning
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing mobile programs with floating windows are often designed with right-hand preference, making it difficult for users to operate interactive components when the window is moved to the left or right side of the screen, regardless of the user's hand position.
Innovation Solution
A position-influencing interaction method for floating windows that detects the window's position relative to the screen and automatically moves interactive components to the corresponding side, allowing users to easily operate them with their hand closest to the window's location.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If the floating window is dragged to the left hand side, then the user can access the window from the left side, but the interactive component becomes inoperable with the right hand and difficult to operate with the left hand
Solution Approach 1:
The interactive component's position is made dynamic rather than fixed. The system automatically detects the floating window's position and dynamically adjusts the interactive component's location within the window to match the user's hand position, enabling seamless operation regardless of window location
Solution Approach 2:
The system performs self-adjustment without user intervention. When the floating window is dragged, the interactive component automatically repositions itself to the appropriate location based on the window's new position, eliminating the need for manual reconfiguration
2Stability of the object's composition
If the floating window is presented with an immutable interface, then the program maintains its original design, but it becomes difficult to operate when the window position changes
Solution Approach 1:
The interface transitions from static to dynamic. The interactive component's position within the floating window is automatically adjusted based on the window's location, allowing the interface to adapt to different usage scenarios while maintaining operational ease
Data Source
AI summary
The present disclosure provides a position-influencing interaction method for a floating window, which includes steps as follows. When a program is presented as the floating window, a position of the floating window is detected to determine that the floating window is adjacent to a side of an entire display screen of a display device. An interactive component in the floating window is automatically moved to a corresponding side of the floating window in correspondence with the side being adjacent to the floating window.


