Developer tools for generating and providing visualizations for data density for developing computer applications

Patent metadata

Field	Value
Publication number	US-12561116-B2
Application number	US-202418656297-A
Country	US
Kind code	B2
Filing date	May 6, 2024
Priority date	Jan 19, 2022
Publication date	Feb 24, 2026
Grant date	Feb 24, 2026

Abstract

This application relates to one or more embodiments of methods, non-transitory computer-readable media, and systems provide developer tools for generating and providing visualizations of data densities for various portions of a computer application. For example, the systems can determine a data density that reflects a ratio or an amount of data presented within a (portion of a) display window relative to the entire (portion of the) display window. The systems can further provide a visual representation of a data density for display on a client device, along with indications or suggestions for how to improve (e.g., reduce or increase) the data density for better comprehensibility (e.g., upon distribution of the application). In certain embodiments, the systems can generate suggestions based on an application type of a computer application in development and/or based on a function associated with a particular (portion of a) display window.

First claim

What is claimed is:

1 . A system comprising:
at least one processor; and a non-transitory computer readable medium comprising instructions that, when executed by the at least one processor, cause the system to: identify a portion area corresponding to a portion of a display window for a computer application, the display window corresponding to a user interface function defining a purpose of the display window in the computer application; determine, by calculating a number of pixels depicting one or more data elements, a data area occupied by the one or more data elements within the portion of the display window; determine a data density associated with the portion of the display window based on comparing the data area occupied by the one or more data elements and the portion area of the portion of the display window; determine a data density threshold based on a comprehensibility level for the display window corresponding to the user interface function; generate a density recommendation based on the data density threshold and the data density, the density recommendation comprising a notification prompting modification to the one or more data elements occupying the data area for adjusting the data density within the portion of the display window; provide, for display on a developer interface of a client device, the density recommendation together with a visual representation of the data density associated with the portion of the display window, the developer interface of the client device comprising a developer tool for modifying the data density associated with the portion of the display window; and in response to a selection of the developer tool for modifying the data density, the system update the data density associated with the portion of the display window according to the density recommendation.

2 . The system of claim 1 , further comprising instructions that, when executed by the at least one processor, cause the system to determine the user interface function by analyzing text within the portion area.

3 . The system of claim 1 , further comprising instructions that, when executed by the at least one processor, cause the system to determine the user interface function by analyzing visual elements within the portion area.

4 . The system of claim 1 , further comprising instructions that, when executed by the at least one processor, cause the system to determine the comprehensibility level from the portion of the display window that corresponds to a portion function defining a purpose for the portion of the display window.

5 . The system of claim 1 , further comprising instructions that, when executed by the at least one processor, cause the system to:
determine an application type corresponding to the computer application; and determine the user interface function based at least in part on the application type.

6 . The system of claim 1 , further comprising instructions that, when executed by the at least one processor, cause the system to:
identify an additional display window for the computer application; determine an additional user interface function for the additional display window; and generate an additional density recommendation for the additional display window based on the additional user interface function for the additional display window.

7 . The system of claim 1 , wherein the portion area comprises a sub-portion of the portion of the display window.

8 . A computer-implemented method comprising:
identifying, by utilizing a hardware processor, a portion area corresponding to a portion of a display window for a computer application, the display window corresponding to a user interface function defining a purpose of the display window in the computer application; determining, by utilizing the hardware processor, to calculating a number of pixels that depict one or more data elements, a data area occupied by the one or more data elements within the portion of the display window; determining, by utilizing the hardware processor, a data density associated with the portion of the display window based on comparing the data area occupied by the one or more data elements and the portion area of the portion of the display window; determining, by utilizing the hardware processor, a data density threshold based on a comprehensibility level for the display window corresponding to the user interface function; generating, by utilizing the hardware processor, a density recommendation based on the data density threshold and the data density, the density recommendation comprising a notification prompting modification to the one or more data elements occupying the data area for adjusting the data density within the portion of the display window; providing, by utilizing the hardware processor, for display on a developer interface of a client device, the density recommendation together with a visual representation of the data density associated with the portion of the display window, the developer interface of the client device comprising a developer tool for modifying the data density associated with the portion of the display window; and in response to a selection of the developer tool for modifying the data density, the hardware processor updating the data density associated with the portion of the display window according to the density recommendation.

9 . The computer-implemented method of claim 8 , further comprising determining, by utilizing the hardware processor, the user interface function by analyzing text within the portion area.

10 . The computer-implemented method of claim 8 , further comprising determining, by utilizing the hardware processor, the user interface function by analyzing visual elements within the portion area.

11 . The computer-implemented method of claim 8 , wherein determining the data density threshold comprises determining, by utilizing the hardware processor, the comprehensibility level from the portion of the display window that corresponds to a portion function defining a purpose for the portion of the display window.

12 . The computer-implemented method of claim 8 , further comprising:
determining, by utilizing the hardware processor, an application type corresponding to the computer application; and determining, by utilizing the hardware processor, the user interface function based at least in part on the application type.

13 . The computer-implemented method of claim 8 , further comprising:
identifying, by utilizing the hardware processor, an additional display window for the computer application; determining, by utilizing the hardware processor, an additional user interface function for the additional display window; and generating, by utilizing the hardware processor, an additional density recommendation for the additional display window based on the additional user interface function for the additional display window.

14 . The computer-implemented method of claim 8 , wherein identifying the portion area comprises identifying, by utilizing the hardware processor, a sub-portion of the portion of the display window.

15 . A non-transitory computer readable medium comprising instructions that, when executed by at least one processor, cause a computing device to:
identify a portion area corresponding to a portion of a display window for a computer application, the display window corresponding to a user interface function defining a purpose of the display window in the computer application; determine, by calculating a number of pixels that depict one or more data elements, a data area occupied by the one or more data elements

Assignees

• Chime Financial Inc

Inventors

• Fox Jason
• Snyder Ben
• Kim Harold

Classifications

• G06F9/451 Primary

  Execution arrangements for user interfaces · CPC title

• G06F8/20 Primary

  Software design · CPC title