Unified GUI Layout Adaptation for Cross-Device Synchronization

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing graphical user interfaces (GUIs) for desktop and mobile devices often have fixed configurations, leading to inefficiencies in navigation and inconsistencies between devices, as modifications made on one platform are not reliably replicated on the other.

Innovation Solution

A unification system that generates and manages GUIs across different devices by using a sequential component tagging process to rearrange desktop GUI components for a mobile layout, allowing for centralized control and synchronization of GUI views, components, and user interactions.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Device complexity

If a fixed GUI configuration is used on desktop and mobile devices, then the application structure is simple and easy to implement, but navigation efficiency deteriorates and user experience becomes inconsistent across devices

Engineering Contradiction:
Improveapplication structureVSAvoidnavigation efficiency
Core Design Contradiction:
Device complexityVSEase of operation

Solution Approach 1:

The patent implements dynamic GUI configurations that automatically adapt to different device types (desktop vs. mobile). The system detects the device being used and applies appropriate layout configurations, allowing navigation components to reposition themselves based on screen size and interaction patterns. This resolves the contradiction by making the GUI structure flexible rather than fixed, improving navigation efficiency without requiring complex manual configuration.

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The system changes GUI parameters such as layout arrangement, component positioning, and navigation patterns based on the detected device type. Desktop GUIs use horizontal layouts with side navigation, while mobile GUIs use vertical layouts with bottom navigation. This parameter adaptation allows the same application to optimize navigation efficiency for each device while maintaining a unified underlying structure.

Inventive Principle:
Principle #35Parameter changes

2Ease of operation

If device-specific GUI configurations are implemented, then navigation efficiency on each device is improved, but synchronization and consistency between desktop and mobile devices deteriorate

Engineering Contradiction:
Improvenavigation efficiencyVSAvoidsynchronization between devices
Core Design Contradiction:
Ease of operationVSReliability

Solution Approach 1:

The patent implements a universal configuration management system that handles multiple device types through a single unified interface. The system maintains a master configuration that can be selectively adapted for different devices, ensuring that all devices access the same application state and data while presenting device-optimized GUIs. This resolves the synchronization issue by providing a common foundation that guarantees consistency across platforms.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

The system continuously monitors device type and user interactions, then automatically adjusts GUI configurations in real-time. When a user switches between devices, the system detects the change and applies the appropriate configuration, ensuring seamless synchronization. The feedback mechanism maintains consistency by comparing current device state with the master configuration and making necessary adjustments automatically.

Inventive Principle:
Principle #23Feedback

3Adaptability or versatility

If manual GUI configuration for each device is performed, then customization and user personalization are achieved, but time consumption and operational complexity increase

Engineering Contradiction:
Improvecustomization capabilityVSAvoidconfiguration time
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The patent implements self-service automatic configuration where the system autonomously detects the device type and applies the appropriate GUI configuration without requiring manual user intervention. When a user first accesses the application on a new device, the system automatically configures the optimal layout and navigation pattern, eliminating the need for users to manually adjust settings. This resolves the time loss issue while preserving full customization capability through automated adaptation.

Inventive Principle:
Principle #25Self-service

Data Source

PatentUS12147646B2Application builder
Publication Date: 2024.11.19 SALESFORCE INC
  • US12147646B2 patent drawing
  • US12147646B2 patent drawing
  • US12147646B2 patent drawing

AI summary

Disclosed herein are system, method, and computer program product embodiments for unifying graphical user interface (GUI) displays across different device types. In an embodiment, a unification system may convert various GUI view appearing on, for example, a desktop device into a GUI view on a mobile device. Both devices may be accessing the same application and/or may use a cloud computing platform to access the application. The unification system may aid in reproducing GUI modifications performed on one user device onto other user devices. In this manner, the unification system may maintain a consistent look-and-feel for a user across different computing device type.