Mobile Device Viewability Enhancement via Dynamic Contrast Adjustment
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
The small display area of mobile devices makes it difficult for users to view or read information on top of background images, as icons can 'fade' into the background due to similar colors, and existing solutions like uniform colored boxes or image editing are inefficient or require user expertise.
Innovation Solution
The mobile device automatically adjusts the color values of background and foreground elements to enhance contrast, modifying them until a threshold ratio is met, and can also adjust image opacity to improve visibility.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Difficulty of detecting and measuring
If a uniform colored box is provided around the icon to distinguish it from the background, then the icon visibility is improved, but the display area is reduced and the background image is blocked out
Solution Approach 1:
The patent applies local quality by modifying only the color values of the background image in the specific region where the icon is displayed, rather than applying a uniform colored box around the entire icon. This localized color adjustment maintains the background image's aesthetic value while improving icon visibility only in the necessary area, thus preserving maximum display area.
Solution Approach 2:
The patent changes the color parameters (hue, saturation, brightness) of the background image pixels underlying the icon to create sufficient contrast. By adjusting these color parameters dynamically based on the icon's color and the background image's characteristics, the system achieves icon distinguishability without requiring uniform colored boxes that would block the background image and reduce display area.
2Difficulty of detecting and measuring
If image editing programs are used to modify the background image before loading it onto the mobile device, then the icon visibility can be improved, but the process becomes time-consuming and requires user expertise
Solution Approach 1:
The patent implements self-service by enabling the mobile device to automatically analyze the background image and icon color values, calculate the contrast ratio, and adjust the background image's color parameters without user intervention. The system performs these image processing operations autonomously using built-in algorithms, eliminating the need for users to manually edit images before loading them onto the device.
Solution Approach 2:
The patent performs preliminary action by automatically adjusting the background image's color values during the icon placement process, before the user even perceives any visibility issue. The system proactively analyzes the color contrast and modifies the background image in advance, preventing visibility problems rather than requiring post-hoc manual editing.
3Difficulty of detecting and measuring
If the contrast ratio between background image and foreground information is increased by modifying color values, then the viewability is improved, but the original image appearance may be altered
Solution Approach 1:
The patent applies local quality by modifying the color values of only those background image pixels that lie beneath or near the foreground information elements. The rest of the background image remains unchanged, preserving its original aesthetic appearance while achieving sufficient contrast ratio in the specific regions where information is displayed.
Solution Approach 2:
The patent selectively changes color parameters (hue, saturation, brightness) of the background image in a controlled manner, adjusting only enough to achieve the minimum required contrast ratio for information visibility. This conservative parameter adjustment maintains the background image's overall appearance and character while ensuring legibility.
Data Source
AI summary
A method, system, and media are provided for enhancing viewability of information presented on a mobile device. The media includes presenting a user interface on a mobile device that includes foreground information that overlaps a background image. The background image may be converted into a first set of color values and the foreground information into a second set of color values. A dominant color may be determined for the background image and foreground information. The dominant colors may be used to calculate a contrast ratio that may be compared to a threshold value. At least a portion of the color values may be modified when the contrast ratio is less than the threshold value. A set of modified color values may then be derived and a modified presentation may be presented to the user that includes the modified color values.