User Interface Overlay Application for Cross-Platform Layout Consistency

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Users face frustration when accessing different online platforms with varying user interface (UI) layouts, leading to inconsistent and less desirable experiences, particularly in activities like online shopping, which can result in decreased satisfaction and increased complexity due to the need to learn multiple interfaces.

Innovation Solution

A user overlay interface application that applies a preferred UI layout format from one website to another, modifying the layout of non-preferred interfaces to match the user's preferred format while maintaining the functionality and components of the original interface.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If a user accesses multiple different online platforms, then the user can access diverse services and information, but the user interface layout varies across platforms causing inconsistency and decreased user satisfaction

Engineering Contradiction:
Improveaccess to diverse online platformsVSAvoiduser interface consistency
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The patent introduces an overlay application as an intermediary layer between the user and the original website interface. This overlay captures and presents interface elements in a standardized format while the original website continues to function normally underneath, thus mediating between diverse platform interfaces and the user's preference for consistency without requiring changes to the underlying platforms

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The overlay application serves multiple functions: it standardizes the presentation of interface elements across different websites, maintains the functionality of the original website, and allows users to customize their viewing experience. This multi-functionality addresses the need for interface consistency while preserving access to diverse online services

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

2Adaptability or versatility

If each online platform uses its own unique UI layout format, then each platform can optimize its interface for its specific functionality, but users must learn multiple interfaces increasing complexity and time consumption

Engineering Contradiction:
Improveplatform-specific interface optimizationVSAvoidtime to learn multiple interfaces
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The overlay application creates a simplified copy or representation of the original website's interface elements, presenting them in a standardized format. This copying approach allows users to interact with a consistent interface representation without requiring them to learn the unique layout of each platform, thus reducing the time needed to adapt to different interfaces while preserving access to platform-specific functionality

Inventive Principle:
Principle #26Copying

3Ease of operation

If an overlay application standardizes UI layout across different websites, then user experience consistency is improved, but the device complexity increases due to the additional application layer

Engineering Contradiction:
Improveuser interface consistencyVSAvoidapplication layer complexity
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The solution segments the interface presentation function from the underlying website functionality. The overlay application handles only the presentation and standardization of interface elements, while the original websites continue to operate independently underneath. This segmentation allows the complexity to be isolated to a specialized component rather than requiring changes to the entire system

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS9361393B2User interface overlay application
Publication Date: 2016.06.07 PAYPAL INC
  • US9361393B2 patent drawing
  • US9361393B2 patent drawing
  • US9361393B2 patent drawing

AI summary

A system and method to apply a first User Interface (UI) layout associated with a first system to a second UI associated with a second system. A user overlay interface application identifies the components and/or functionality of a target UI, such as the first UI, to information presented by a second system. In this way, the user may select the UI format desired for multiple systems and thus improve the user experience using multiple systems.