Dynamic GUI Layout Adjustment via Device Orientation Sensors

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current graphical user interfaces (GUIs) on handheld devices are static and do not accommodate for the various orientations and movements of the device, failing to provide an adaptive and dynamic presentation of icons and text.

Innovation Solution

A system and method that utilizes a sensor, such as an accelerometer, to detect movements and changes in orientation, adjusting the layout of elements on the screen by shifting icons, background images, or changing the perspective view, within predetermined ranges, and reverting to a default arrangement after a period of stability.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If a static desktop metaphor GUI is used, then the interface structure is simple and easy to implement, but it cannot accommodate various device orientations and movements

Engineering Contradiction:
Improveadaptability to device orientationVSAvoidGUI complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent applies the dynamics principle by transforming the static desktop metaphor GUI into a dynamic system that automatically adjusts its layout and orientation based on real-time detection of device movement and orientation changes. The GUI elements (icons, windows, text) are repositioned and reoriented dynamically to match the device's physical orientation, enabling the interface to adapt to various holding positions while maintaining usability.

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The patent implements feedback by using sensors (accelerometers, gyroscopes) to continuously monitor device orientation and movement, then feeding this information back to the GUI system. This feedback loop enables the GUI to detect changes in device orientation and automatically adjust its presentation accordingly, creating a responsive system that adapts to user handling of the device.

Inventive Principle:
Principle #23Feedback

2Ease of operation

If the GUI elements are repositioned dynamically, then the user experience becomes more immersive and interactive, but the processing requirements and energy consumption increase

Engineering Contradiction:
ImproveusabilityVSAvoidenergy consumption
Core Design Contradiction:
Ease of operationVSUse of energy by moving object

Solution Approach 1:

The patent applies periodic action by implementing threshold-based triggering for GUI adjustments. Instead of continuously repositioning elements in response to every minor sensor fluctuation, the system monitors sensor data periodically and only initiates GUI reconfiguration when movement exceeds predetermined thresholds, thereby reducing unnecessary processing and energy consumption while maintaining responsive user experience.

Inventive Principle:
Principle #19Periodic action

Solution Approach 2:

The patent utilizes parameter changes by adjusting GUI presentation parameters (position, orientation, scaling) based on detected device orientation parameters. The system changes physical parameters of the device (orientation angles from sensors) into corresponding changes of GUI element parameters (layout coordinates, rotation angles), creating an efficient mapping that optimizes energy usage by only modifying parameters when actual orientation changes occur.

Inventive Principle:
Principle #35Parameter changes

3Adaptability or versatility

If the GUI adjusts to device movement, then the interface becomes more adaptive, but the stability of the display is reduced

Engineering Contradiction:
Improveadaptability to movementVSAvoiddisplay stability
Core Design Contradiction:
Adaptability or versatilityVSStability of the object's composition

Solution Approach 1:

The patent applies preliminary anti-action by implementing stabilization mechanisms that counteract excessive or erratic GUI adjustments. The system includes logic to detect and filter out spurious sensor readings and prevent over-reactive layout changes, thereby maintaining display stability while preserving necessary adaptability to genuine orientation changes.

Inventive Principle:
Principle #9Preliminary anti-action

Solution Approach 2:

The patent implements inversion by establishing a bidirectional relationship between device orientation and GUI layout. Instead of only allowing device movement to drive GUI changes, the system can also reset or revert GUI layout to default stable configurations under certain conditions (e.g., prolonged inactivity, detection of stable orientation), thereby balancing adaptability with stability through reversible transformations.

Inventive Principle:
Principle #13The other way round (Inversion)

Applied Scientific Principles

This section explains which scientific principles are used to turn an abstract innovation direction into a practical engineering solution.

Function Achieved in This Case

Enables a dynamic and user-friendly GUI that adapts to the device's orientation and movement, enhancing the usability of handheld devices by providing a more immersive and interactive interface.

Implementation Method 1

A system and method for selectively adjusting presentation of graphics or text generated on a display of an electronic device in response to a change in orientation of the device are provided

Methodology Applied
Scientific EffectAccelerometer: Accelerometer

Data Source

PatentUS9367097B2System and method for adjusting presentation of text and images on an electronic device according to an orientation of the device
Publication Date: 2016.06.14 HUAWEI TECH CO LTD
  • US9367097B2 patent drawing
  • US9367097B2 patent drawing
  • US9367097B2 patent drawing

AI summary

The invention relates to a system, method and device for controlling the display of elements in a screen on an electronic device, according to an orientation of the device. In the system, a graphics management system for elements displayed in a screen on a display on an electronic device is provided. The system comprises: a sensor; a movement detection module connected to the sensor providing an orientation signal registering a notable signal from the sensor; and a graphical user interface (GUI) adjustment module to determine a new layout for the elements being displayed on the display utilizing orientation provided by the movement detection module. The sensor may provide orientation data indicating a new orientation of the device. Also, the GUI adjustment module may provide the new layout by shifting a position of one or more of the elements in the screen to reflect the new orientation of the device.