Artboard Element Positioning for Consistent User Journeys
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
In visual design editing, maintaining consistent positioning of elements across multiple artboards is challenging due to 'component creep,' leading to inconsistencies that can be distracting and time-consuming to resolve, especially when creating user journeys with hundreds of screens or slides.
Innovation Solution
A computer-implemented method and system for artboard element positioning that identifies common elements with consistent attributes, determines a reference position, and adjusts existing positions to match the reference position across multiple artboards, using a processor and memory to execute these functions.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If multiple artboards are created manually with consistent UI elements, then the user journey can be represented, but component creep occurs where elements are at different (x, y) coordinates between screens
Solution Approach 1:
The system automatically detects common elements across artboards and self-corrects their positioning without requiring manual intervention. The computer identifies elements with consistent attributes and automatically adjusts their (x, y) coordinates to match a reference position, eliminating the need for manual positioning adjustments.
Solution Approach 2:
The patent replaces manual mechanical positioning operations with an automated computer-based system. Instead of manually moving elements to consistent positions, the system uses automated detection and adjustment mechanisms that analyze element attributes and reposition them programmatically.
2Manufacturing precision
If elements are re-positioned manually across hundreds of screens, then consistency can be attempted, but mistakes occur and become apparent only during review
Solution Approach 1:
The system provides immediate feedback by automatically detecting and correcting positioning inconsistencies as they occur, rather than waiting for manual review. The computer continuously monitors element positions across artboards and applies corrections in real-time, preventing errors from propagating through the user journey.
Solution Approach 2:
The patent performs preliminary positioning adjustments automatically before the user can review or encounter inconsistencies. By proactively identifying and correcting positioning issues during the creation process rather than during review, the system prevents errors from being discovered too late.
3Stability of the object's composition
If static elements are intended to remain in fixed locations, then UI consistency is maintained, but component creep causes them to move accidentally
Solution Approach 1:
The system automatically protects static elements by detecting their consistent attributes and self-correcting any positioning drift. The computer monitors elements that should remain static and automatically adjusts their positions to maintain intended stability, eliminating the need for manual protection mechanisms.
Solution Approach 2:
The patent introduces an automated positioning system as an intermediary between the user's intent to keep elements static and the actual element positioning. This intermediary system detects when static elements have drifted and mediates their repositioning to restore the intended stable composition.
4Adaptability or versatility
If hundreds of artboards are created to represent a complete user journey, then comprehensive coverage is achieved, but maintaining element consistency becomes incredibly time-consuming
Solution Approach 1:
The patent replaces manual mechanical operations of checking and adjusting hundreds of artboards with an automated computer-based system. The computer efficiently processes numerous artboards by automatically identifying common elements and their positioning, eliminating the time-consuming manual review process.
Solution Approach 2:
The system performs self-service positioning adjustments across all artboards without requiring manual intervention for each screen. The computer autonomously identifies elements that need positioning correction and applies adjustments automatically, dramatically reducing the time required to maintain consistency across hundreds of artboards.
Data Source
AI summary
A method, computer program product, and computer system for artboard element positioning in a series of computer-based artboards. The method includes providing multiple target artboards and identifying a common element in at least some of the target artboards, where a common element has at least some consistent attributes. The method includes determining a reference position for the common element. The method includes, in each target artboard containing the common element, comparing an existing position of the common element with the reference position and determining whether to adjust the existing position to match the reference position.