Dynamic Electronic Button Placement on Graphical User Interfaces
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
As electronic devices become more compact and feature-rich, designing a graphical user interface (GUI) that allows users to easily interact with them becomes challenging, especially when mechanical buttons are replaced by electronic buttons, leading to potential interference with other GUI elements and increased risk of unintended actions.
Innovation Solution
The system determines the optimal location for an electronic button, such as a home button, on a GUI by considering characteristics like the location of other active buttons, text, and blank space, dynamically adjusting its position based on these factors to avoid interference and improve usability.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Volume of moving object
If electronic buttons are added to replace mechanical buttons, then device size is reduced and aesthetics are improved, but the GUI becomes clunky and icons may overlap with the electronic buttons
Solution Approach 1:
The electronic button's position is made dynamic rather than fixed. The system continuously monitors the GUI layout and automatically adjusts the button's position in real-time based on the locations of icons, text, and other interactive elements, preventing overlaps and ensuring optimal usability
Solution Approach 2:
The system implements a feedback mechanism where the position of the electronic button is continuously evaluated based on the current GUI state. When icons or text elements are detected near the button's position, the system responds by relocating the button to an appropriate position, creating a closed-loop control system
2Device complexity
If the electronic button position is fixed, then the interface is simple to implement, but the button may interfere with text, images, or user touchpoints on the GUI
Solution Approach 1:
The electronic button system is self-adjusting and does not require manual intervention. The system automatically detects potential conflicts between the button position and GUI elements, and autonomously relocates the button to prevent interference with text, images, or touchpoints
Solution Approach 2:
The system performs preliminary checks before finalizing the button position. By analyzing the GUI layout in advance and predicting potential conflicts, the system proactively positions the button in a location that avoids future interference with interactive elements
3Ease of manufacture
If the electronic button remains in a preset location, then the implementation is straightforward, but users may perform unintended actions or be unable to easily select icons
Solution Approach 1:
The button position transitions from a static preset location to a dynamic position that adapts to the actual GUI content. The system continuously evaluates the optimal position based on icon locations, text areas, and other interactive elements, ensuring the button remains accessible and does not interfere with user interactions
Data Source
AI summary
A system and method for locating an electronic button on a graphical user interface of an electronic device. This includes taking into consideration at least one characteristic of the graphical user interface, determining a location to place the electronic button within the graphical user interface and displaying the graphical user interface on the display of the electronic device, the graphical user interface including the electronic button at the location.