US-12619339-B2 - Customizable dashboard interaction for a user interface

Abstract

Some computing systems may implement a user interface to provide a visualization of system contents to a user. To place a widget or component within the user interface, a user may select from a plurality of candidate display regions that have different respective sizes. The size of the first widget may be adjusted from a prior size to a first size in response to the first widget being moved to at least partially overly a first candidate display region, and may be further adjusted from the first size to a second size in response to the first widget being moved to at least partially overly a second candidate display region. The widget may then be displayed within the second candidate display region after adjusting the size of the first widget to the second size.

Inventors

• Reuven Yamrom
• Barsa Tandukar

Assignees

• RUBRIK, INC.

Dates

Publication Date

20260505

Application Date

20231003

Claims (20)

1. 1 . A method, comprising: displaying concurrently, within a user interface, a plurality of candidate display regions for a first widget within a hitzone, wherein displaying the plurality of candidate display regions for this first widget within the hitzone is in response to the first widget being moved over the hitzone, and wherein the plurality of candidate display regions have different respective sizes and are at least partially overlapping with one another within the hitzone; adjusting a size of the first widget from a prior size to a first size in response to the first widget being moved within the user interface such that, at a first time, the first widget at least partially overlies a first candidate display region of the plurality of candidate display regions, the first candidate display region having the first size, wherein the first candidate display region is visually emphasized relative to other candidate display regions within the hitzone in response to the first widget being moved to at least partially overly the first candidate display region, and wherein the size of the first widget is automatically scaled from the prior size to the first size in accordance with the first candidate display region having the first size; displaying a first set of components within the first widget based at least in part on the size of the first widget being adjusted to the first size and fully occupying the first candidate display region, wherein the first set of components comprises a first quantity of components having respective first component sizes and respective first component locations within the first widget that are associated with the first size for the first widget; adjusting the size of the first widget from the first size to a second size in response to the first widget being moved within the user interface such that, at a second time, the first widget at least partially overlies a second candidate display region of the plurality of candidate display regions, the second candidate display region having the second size, wherein the second candidate display region is visually emphasized relative to other candidate display regions within the hitzone in response to the first widget being moved so as to at least partially overly the second candidate display region, and wherein the size of the first widget is automatically scaled from the first size to the second size in accordance with the second candidate display region having the second size; and displaying a second set of components within the first widget based at least in part on the size of the first widget being adjusted from the first size to the second size and fully occupying the second candidate display region, wherein the second set of components comprises a second quantity of components having respective second component sizes and respective component locations within the first widget that are associated with the second size for the first widget, and wherein: based at least in part on the size of the first widget being adjusted from the first size to the second size, the second quantity of components is different than the first quantity of components; or based at least in part on the size of the first widget being adjusted from the first size to the second size, a second component size or a second component location for a component included in both the first set of components and the second set of components is different than a first component size or a first component location for the component.
2. 2 . The method of claim 1 , wherein the second quantity of components is different than the first quantity of components based at least in part on the size of the first widget being adjusted from the first size to the second size.
3. 3 . The method of claim 2 , wherein the second quantity of components is smaller than the first quantity of components due to one or more components included in the first set of components being removed from the first widget based at least in part on the second size being smaller than the first size.
4. 4 . The method of claim 2 , wherein the second quantity of components is larger than the first quantity of components due to one or more components not included in the first set of components being added to the first widget based at least in part on the second size being larger than the first size.
5. 5 . The method of claim 1 , wherein the second component size for the component is different than the first component size for the component based at least in part on the size of the first widget being adjusted from the first size to the second size.
6. 6 . The method of claim 5 , wherein the second component size for the component is based at least in part on the first component size for the component and a scaling factor, the scaling factor based at least in part on a difference between the second size of the first widget and the first size of the first widget.
7. 7 . The method of claim 1 , wherein the second component location for the component is different than the first component location for the component based at least in part on the size of the first widget being adjusted from the first size to the second size.
8. 8 . The method of claim 7 , wherein the second component location for the component being different than the first component location comprises the first component location being nearest a first boundary of the first widget when the first widget has the first size and the second component location being nearest a second boundary of the first widget when the first widget has the second size, the second boundary different than the first boundary.
9. 9 . The method of claim 1 , further comprising: identifying the first candidate display region as a first selected display region for the first widget in response to the first widget being moved within the user interface such that, at the first time, the first widget at least partially overlies the first candidate display region, wherein the first candidate display region is larger than any other candidate display region that also at least partially underlies the first widget at the first time, and wherein adjusting the size of the first widget from the prior size to the first size is based at least in part on identifying the first candidate display region as the first selected display region for the first widget; and identifying the second candidate display region as a second selected display region for the first widget in response to the first widget being moved within the user interface such that, at the second time, the first widget at least partially overlies the second candidate display region, wherein the second candidate display region is larger than any other candidate display region that also at least partially underlies the first widget at the second time, wherein the second candidate display region at least partially overlaps the first candidate display region, and wherein adjusting the size of the first widget from the first size to the second size is based at least in part on identifying the first candidate display region as the second selected display region for the first widget.
10. 10 . The method of claim 1 , further comprising: altering a brightness, a color, a format, or any combination thereof of the first candidate display region in response to the first widget being moved within the user interface such that the first widget at least partially overlies the first candidate display region; and altering a brightness, a color, a format, or any combination thereof of the second candidate display region in response to the first widget being moved within the user interface such that the first widget at least partially overlies the second candidate display region.
11. 11 . The method of claim 1 , further comprising: displaying concurrently, within the user interface, a second plurality of candidate display regions for a second widget after adjusting the size of the first widget to the second size.
12. 12 . An apparatus, comprising: at least one processor; memory coupled with the at least one processor; and instructions stored in the memory and executable by the at least one processor to cause the apparatus to: display concurrently, within a user interface, a plurality of candidate display regions for a first widget within a hitzone, wherein displaying the plurality of candidate display regions for this first widget within the hitzone is in response to the first widget being moved over the hitzone, and wherein the plurality of candidate display regions have different respective sizes and are at least partially overlapping with one another within the hitzone; adjust a size of the first widget from a prior size to a first size in response to the first widget being moved within the user interface such that, at a first time, the first widget at least partially overlies a first candidate display region of the plurality of candidate display regions, the first candidate display region having the first size, wherein the first candidate display region is visually emphasized relative to other candidate display regions within the hitzone in response to the first widget being moved to at least partially overly the first candidate display region, and wherein the size of the first widget is automatically scaled from the prior size to the first size in accordance with the first candidate display region having the first size; display a first set of components within the first widget based at least in part on the size of the first widget being adjusted to the first size and fully occupying the first candidate display region, wherein the first set of components comprises a first quantity of components having respective first component sizes and respective first component locations within the first widget that are associated with the first size for the first widget; adjust the size of the first widget from the first size to a second size in response to the first widget being moved within the user interface such that, at a second time, the first widget at least partially overlies a second candidate display region of the plurality of candidate display regions, the second candidate display region having the second size, wherein the second candidate display region is visually emphasized relative to other candidate display regions within the hitzone in response to the first widget being moved so as to at least partially overly the second candidate display region, and wherein the size of the first widget is automatically scaled from the first size to the second size in accordance with the second candidate display region having the second size; and display a second set of components within the first widget based at least in part on the size of the first widget being adjusted from the first size to the second size and fully occupying the second candidate display region, wherein the second set of components comprises a second quantity of components having respective second component sizes and respective component locations within the first widget that are associated with the second size for the first widget, and wherein: based at least in part on the size of the first widget being adjusted from the first size to the second size, the second quantity of components is different than the first quantity of components; or based at least in part on the size of the first widget being adjusted from the first size to the second size, a second component size or a second component location for a component included in both the first set of components and the second set of components is different than a first component size or a first component location for the component.
13. 13 . The apparatus of claim 12 , wherein the second quantity of components is different than the first quantity of components based at least in part on the size of the first widget being adjusted from the first size to the second size.
14. 14 . The apparatus of claim 13 , wherein the second quantity of components is smaller than the first quantity of components due to one or more components included in the first set of components being removed from the first widget based at least in part on the second size being smaller than the first size.
15. 15 . The apparatus of claim 13 , wherein the second quantity of components is larger than the first quantity of components due to one or more components not included in the first set of components being added to the first widget based at least in part on the second size being larger than the first size.
16. 16 . The apparatus of claim 12 , wherein the second component size for the component is different than the first component size for the component based at least in part on the size of the first widget being adjusted from the first size to the second size.
17. 17 . The apparatus of claim 16 , wherein the second component size for the component is based at least in part on the first component size for the component and a scaling factor, the scaling factor based at least in part on a difference between the second size of the first widget and the first size of the first widget.
18. 18 . The apparatus of claim 12 , wherein the second component location for the component is different than the first component location for the component based at least in part on the size of the first widget being adjusted from the first size to the second size.
19. 19 . The apparatus of claim 18 , wherein the second component location for the component being different than the first component location comprises the first component location being nearest a first boundary of the first widget when the first widget has the first size and the second component location being nearest a second boundary of the first widget when the first widget has the second size, the second boundary different than the first boundary.
20. 20 . A non-transitory computer-readable medium storing code, the code comprising instructions executable by at least one processor to: display concurrently, within a user interface, a plurality of candidate display regions for a first widget within a hitzone, wherein displaying the plurality of candidate display regions for this first widget within the hitzone is in response to the first widget being moved over the hitzone, and wherein the plurality of candidate display regions have different respective sizes and are at least partially overlapping with one another within the hitzone; adjust a size of the first widget from a prior size to a first size in response to the first widget being moved within the user interface such that, at a first time, the first widget at least partially overlies a first candidate display region of the plurality of candidate display regions, the first candidate display region having the first size, wherein the first candidate display region is visually emphasized relative to other candidate display regions within the hitzone in response to the first widget being moved to at least partially overly the first candidate display region, and wherein the size of the first widget is automatically scaled from the prior size to the first size in accordance with the first candidate display region having the first size; display a first set of components within the first widget based at least in part on the size of the first widget being adjusted to the first size and fully occupying the first candidate display region, wherein the first set of components comprises a first quantity of components having respective first component sizes and respective first component locations within the first widget that are associated with the first size for the first widget; adjust the size of the first widget from the first size to a second size in response to the first widget being moved within the user interface such that, at a second time, the first widget at least partially overlies a second candidate display region of the plurality of candidate display regions, the second candidate display region having the second size, wherein the second candidate display region is visually emphasized relative to other candidate display regions within the hitzone in response to the first widget being moved so as to at least partially overly the second candidate display region, and wherein the size of the first widget is automatically scaled from the first size to the second size in accordance with the second candidate display region having the second size; and display a second set of components within the first widget based at least in part on the size of the first widget being adjusted from the first size to the second size and fully occupying the second candidate display region, wherein the second set of components comprises a second quantity of components having respective second component sizes and respective component locations within the first widget that are associated with the second size for the first widget, and wherein: based at least in part on the size of the first widget being adjusted from the first size to the second size, the second quantity of components is different than the first quantity of components; or based at least in part on the size of the first widget being adjusted from the first size to the second size, a second component size or a second component location for a component included in both the first set of components and the second set of components is different than a first component size or a first component location for the component.

Description

CROSS REFERENCE The present application for patent is a continuation of U.S. patent application Ser. No. 17/836,078 by YAMROM et al., entitled “CUSTOMIZABLE DASHBOARD INTERACTION FOR A USER INTERFACE” and filed Jun. 9, 2022, which is assigned to the assignee hereof, and which is expressly incorporated by reference herein. FIELD OF TECHNOLOGY The present disclosure relates generally to data management, and more specifically to customizable dashboard interaction for a user interface. BACKGROUND A data management system (DMS) may be employed to manage data associated with one or more computing systems. The data may be generated, stored, or otherwise used by the one or more computing systems, examples of which may include servers, databases, virtual machines, cloud computing systems, file systems (e.g., network-attached storage (NAS) systems), or other data storage or processing systems. The DMS may provide data backup, data recovery, data classification, or other types of data management services for data of the one or more computing systems. Improved data management may offer improved performance with respect to reliability, speed, efficiency, scalability, security, or ease-of-use, among other possible aspects of performance. A DMS or other type of computing system may implement a user interface to provide visualization of information associated with one or more types of data. For example, a user interface may include a collection of widgets present within a dashboard display. BRIEF DESCRIPTION OF THE DRAWINGS FIG. 1 illustrates an example of a computing environment that supports customizable dashboard interaction for a user interface in accordance with aspects of the present disclosure. FIGS. 2 through 6 illustrate examples of widget placement configurations that supports customizable dashboard interaction for a user interface in accordance with aspects of the present disclosure. FIG. 7 illustrates an example of a process flow that supports customizable dashboard interaction for a user interface in accordance with aspects of the present disclosure. FIG. 8 shows a block diagram of an apparatus that supports customizable dashboard interaction for a user interface in accordance with aspects of the present disclosure. FIG. 9 shows a block diagram of an interface display manager that supports customizable dashboard interaction for a user interface in accordance with aspects of the present disclosure. FIG. 10 shows a diagram of a system including a device that supports customizable dashboard interaction for a user interface in accordance with aspects of the present disclosure. FIGS. 11 through 15 show flowcharts illustrating methods that support customizable dashboard interaction for a user interface in accordance with aspects of the present disclosure. DETAILED DESCRIPTION Some computing systems (e.g., data management systems (DMS) or other types of computing systems) may incorporate a user interface to provide a visualization of data within the system. For example, a user interface may display of a variety of different widgets (e.g., interface components) that may provide visualizations (e.g., charts, graphs, tables, lists, dropdown menus, or any combination thereof) of information associated with a computing system, or may otherwise enable a user to perform a function or access a service of the DMS. In some cases, a user may select a widget from a set of available widgets to display on a dashboard-style user interface, and may manually place the widget on the dashboard. This process of widget placement may involve manually sizing or scaling the widget to a certain location on the user interface. In some cases, however, the dashboard may become disorganized or may otherwise not optimally display the contents of a widget, especially when the dashboard has multiple widgets to display. To increase the organization of the dashboard and to enhance the process by which the user interface is constructed and customized by a user, a feature for auto-sizing and auto-scaling widgets within the dashboard may be implemented. In some examples, the auto-sizing and auto-scaling may be based on corresponding sets of pre-defined sizes for each widget. The user may drag a widget onto the dashboard and over a specific “hitzone” (e.g., a designated area) for placing the widget. Once the widget is hovering over the hitzone, multiple different pre-defined candidate display regions for resizing the widget may be shown within the hitzone. A user may then select one of the candidate display regions for the widget based on locating the widget at a corresponding location within the hitzone, which may cause the selected display region to be highlighted or be made more distinguishable (e.g., shown more brightly or otherwise emphasized) relative to the other candidate display regions for the widget. Upon selection of the elected display region, the user interface may automatically adjust the size and location of the widget to the selected dis