Color-Based UI Notification System for Action Prioritization

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing notification techniques fail to effectively draw users' attention to important UI elements within software applications, particularly in scenarios where multiple UI elements are displayed, leading to missed actions and potential consequences, such as unpaid bills or credit score changes, due to lack of clear indication of required actions and their importance levels.

Innovation Solution

The system modifies the appearance of UI elements based on the importance of associated actions, using color changes to highlight critical actions and revert colors upon action completion, ensuring users are reminded of unaddressed notifications.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of information

If traditional notification techniques are used to alert users to UI elements, then users may receive notifications about conditions, but users still cannot quickly identify and navigate to important UI elements requiring attention

Engineering Contradiction:
Improveuser attention to important UI elementsVSAvoidtime to identify and navigate to important UI elements
Core Design Contradiction:
Loss of informationVSLoss of time

Solution Approach 1:

The system applies color changes to UI elements based on their importance level. High importance UI elements are displayed in red, medium importance in yellow, and low importance in green. This visual differentiation allows users to quickly identify and navigate to the most critical elements without needing to read or search through all notifications, directly resolving the contradiction between providing comprehensive information and enabling quick user response.

Inventive Principle:
Principle #32Color changes

2Quantity of substance

If multiple UI elements are displayed to provide comprehensive information, then users receive complete notifications, but users cannot quickly identify which elements require attention

Engineering Contradiction:
Improvenumber of UI elements displayedVSAvoidease of identifying important actions
Core Design Contradiction:
Quantity of substanceVSEase of operation

Solution Approach 1:

The system applies different visual qualities (colors) to different parts of the UI based on their importance. Each UI element receives a color treatment specific to its priority level, making important elements stand out locally within the broader interface. This allows comprehensive information to be displayed while maintaining ease of identification through localized visual differentiation.

Inventive Principle:
Principle #3Local quality

3Reliability

If the system continuously monitors and updates UI element colors to indicate action completion, then users are reminded of unaddressed notifications, but the system complexity increases

Engineering Contradiction:
Improveuser action completion trackingVSAvoidsystem complexity for color management
Core Design Contradiction:
ReliabilityVSDevice complexity

Solution Approach 1:

The system implements feedback by monitoring user interactions with UI elements and updating their colors accordingly. When users interact with high importance elements, the system transitions them from red to green, providing visual feedback that the action has been completed. This feedback mechanism reliably tracks completion while using a simple color-state approach rather than complex tracking systems.

Inventive Principle:
Principle #23Feedback

Data Source

PatentUS11868596B2Color-based system for generating notifications
Publication Date: 2024.01.09 CAPITAL ONE SERVICES LLC
  • US11868596B2 patent drawing
  • US11868596B2 patent drawing
  • US11868596B2 patent drawing

AI summary

A computing device may determine that a condition exists with respect to a user of an application. Based on the determined condition, the computing device may determine an action for the user to perform via the application, and an associated importance level of the action. The computing device may identify a user interface element of the application that is associated with the action and a color that is associated with the importance level. The computing device may change the appearance of the identified user interface element such that the user interface element has the color that is associated with the importance level of the action.