Automated UI Update System for Neutral Design Compliance

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

User interfaces often become outdated or poorly developed, requiring tedious manual updates, which can disorient users and impede productivity, especially when drastic changes are made, such as rebranding or updates to web standards like the CSS Flexbox layout model.

Innovation Solution

An automated UI update system that analyzes current UI components, maps them to new design specifications, generates stencils, and adjusts presentation aspects to create a neutral design, aligns elements using computer vision algorithms, and implements a migration plan to smoothly transition users to new UIs, reducing differences in presentation aspects and improving user experience.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If manual updates are performed to refresh user interfaces according to new design standards, then the user interface can be updated to match new branding and standards, but the update process becomes tedious and time-consuming

Engineering Contradiction:

Improveuser interface update capabilityVSAvoidupdate time

Core Design Contradiction:

Adaptability or versatilityVSLoss of time

Solution Approach 1:

The system enables automatic self-updating of user interfaces by detecting design standard changes and autonomously applying updates to UI components without requiring manual developer intervention for each change

Inventive Principle:

Principle #25Self-service

Solution Approach 2:

The system changes UI parameters automatically by comparing current UI implementations against updated design standards and applying necessary parameter modifications to bring UI elements into compliance with new standards

Inventive Principle:

Principle #35Parameter changes

2Adaptability or versatility

If drastic user interface changes are made to implement new branding, then the user interface can match new design standards, but user productivity and engagement are impeded due to disorientation

Engineering Contradiction:

Improvedesign standard complianceVSAvoiduser productivity

Core Design Contradiction:

Adaptability or versatilityVSEase of operation

Solution Approach 1:

The system applies partial updates by selectively modifying only those UI components that have changed according to new design standards, while preserving unchanged components to maintain user familiarity and reduce disorientation

Inventive Principle:

Principle #16Partial or excessive action

Solution Approach 2:

The system segments UI updates into individual component-level changes rather than applying blanket redesigns, allowing specific elements to be updated independently while maintaining overall interface consistency and reducing user confusion

Inventive Principle:

Principle #1Segmentation

Data Source

PatentUS11474671B2Neutralizing designs of user interfaces

Publication Date: 2022.10.18 SALESFORCE INC

AI summary

Techniques are disclosed relating to measuring presentation aspects of portions of a user interface (UI) that have been identified to be presented neutrally and automatically generating a new UI that reduces differences in the presentation aspects of the identified portions. Portions of the UI identified to be presented neutrally may include elements or content in the UI identified to be presented neutrally. Portions for neutral presentation may include portions of UI that, for example, portions that present legal decisions, portions with survey data, forms or information displays, or portions where a user is requested to make a choice between alternative options. Presentation aspects that may be measured include, for example, visual aspects, clarity aspects, or tonal aspects. Reducing the differences in the presentation aspects may present the elements or content with more neutrality to reduce influence in decisions due to visual, clarity, or tonal aspects between the elements or content.