Transforming User Interface Layouts via Inter-Platform Design Mapping
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Developing and adapting software applications for different platforms and computing devices is complex due to variations in operating systems, display resolutions, and other factors, making it difficult to ensure consistent and reliable operation across multiple systems.
Innovation Solution
A computing device loads source mockup data defining a validated user interface layout and transforms it using inter-platform design mapping data to produce a target layout that complies with different user interface design guidelines, including converting elements and properties to match new operating systems or display resolutions.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If software applications are developed to operate on multiple different platforms and computing devices, then the application's versatility and reach are improved, but the complexity of the development process increases due to variations in operating systems, display resolutions, and other system differences
Solution Approach 1:
The patent uses mockup data as a template or copy that defines the user interface layout once, which is then transformed and adapted to different platforms. Instead of manually designing interfaces for each platform, the system creates copies of the validated layout and transforms them based on platform-specific parameters, significantly reducing development complexity while maintaining platform compatibility
Solution Approach 2:
The system transforms mockup data by changing parameters such as display resolution, operating system-specific UI elements, and platform conventions. By systematically varying these parameters to match target platform requirements, the same base layout can be adapted to multiple platforms without redesigning from scratch
2Ease of operation
If the software application is adapted to comply with different user interface design guidelines for various platforms, then the ease of operation on each platform is improved, but the time and resources required for development increase
Solution Approach 1:
The system performs preliminary validation of the user interface layout against design guidelines before transformation. By validating the mockup data in advance and establishing the base layout according to platform conventions beforehand, the system reduces the time needed for subsequent adaptation to different platforms, as the foundational UI structure is already compliant
Solution Approach 2:
The mockup data serves as a universal template that can be transformed for multiple platforms simultaneously. A single validated layout design can be adapted to serve multiple target platforms by applying different transformation parameters, making the development process more efficient while maintaining platform-specific usability requirements
Data Source
AI summary
Methods, systems, and computer-readable media for transforming validated user interface layouts using inter-platform design mapping data are presented. A computing device may load source mockup data defining a first user interface layout that includes first user interface elements that each comply with a first plurality of rules. In addition, each of the first user interface elements has a parent-child relationship with at least one different one of the first user interface elements. The computing device may load interface mapping data defining a plurality of mapping data. The computing device may produce target mockup data by using the interface mapping data to convert each of the first user interface elements into a corresponding second user interface element of a second user interface layout, while maintaining each of the parent-child relationships in the first user interface layout. The computing device may store the target mockup data defining the second user interface layout.