Compact graphical user interface control
A computer system provides a user interface efficient in its use of screen space allowing values to be provided for attributes. The computer system comprises a processor and a display, an input interface, and a memory coupled to the processor. The memory stores instructions that, when executed by the processor, cause the computer system to: display, within a first region of the display, a plurality of icons corresponding to a plurality of attributes; receive, via the input interface, input corresponding to a drag-and-drop operation wherein a particular one of the plurality of icons is dragged to and then dropped at a drop position within a second region of the display; and assign a value to an attribute corresponding to the particular one of the plurality of icons based on a location of the drop position within the second region. Related methods and computer-readable media are also disclosed.
1. A computer system comprising:
a processor;
a display coupled to the processor;
an input interface coupled to the processor; and
a memory coupled to the processor, storing instructions that, when executed by the processor, cause the computer system to:
display, within a first region of the display, a plurality of icons corresponding to a plurality of attributes;
display a scale in a second region of the display;
receive, via the input interface, input corresponding to a first drag-and-drop operation wherein a first one of the plurality of icons is dragged from the first region of the display to the second region of the display and then dropped at a first drop position on the scale within the second region of the display;
assign a first value to a first attribute corresponding to the first one of the plurality of icons, wherein the first value is based on a location of the first drop position relative to the scale;
display a first indication positioned relative to the scale indicating the first value;
receive, via the input interface, input corresponding to a second drag-and-drop operation wherein a second one of the plurality of icons is dragged from the first region of the display to the second region of the display and then dropped at a second drop position on the scale within the second region of the display;
assign a second value to a second attribute corresponding to the second one of the plurality of icons, wherein the second value is based on a location of the second drop position relative to the scale; and
display a second indication positioned relative to the scale indicating the second value.
2. The computer system of claim 1 wherein the instructions further cause the computer system to:
receive, via the input interface, additional input corresponding to a further drag-and-drop operation wherein the first indication is dragged to and then dropped at a third drop position on the scale within the second region; and,
update the first value assigned to the first attribute, wherein the updated first value is based on a location of the third drop position relative to the scale.
3. The computer system of claim 1 wherein the instructions further cause the computer system to:
upon assigning the first value to the first attribute, trigger an update to the display.
4. The computer system of claim 3 wherein the instructions further cause the computer system to:
during the first drag-and-drop operation, provide a preview of the update to the display.
5. The computer system of claim 1 wherein the icons indicate spending categories and correspond to attributes representing spending in the spending categories.
6. The computer system of claim 5 , wherein the scale represents utility and wherein the first value assigned to the first attribute represents a utility of spending in a particular one of the spending categories.
7. The computer system of claim 5 wherein the instructions further cause the computer system to:
display a graph comprising a first line indicating an achievable financial benefit over time, a second line in the graph indicating a projected financial benefit over time, and a third line in the graph indicating an optimal achievable financial benefit over time,
wherein the first line automatically adjusts as values are assigned to the attributes representing spending in the spending categories.
8. The computer system of claim 7 wherein the instructions further cause the computer system to:
determine the achievable financial benefit over time based on the values assigned to the attributes and historical spending habits of a user in one or more of the spending categories.
9. A computer-implemented method comprising:
displaying, within a first region of a display, a plurality of icons corresponding to a plurality of attributes;
displaying a scale in a second region of the display;
receiving, via an input interface, input corresponding to a first drag-and-drop operation wherein a first one of the plurality of icons is dragged from the first region of the display to the second region of the display and then dropped at a first drop position on the scale within the second region of the display;
assigning a first value to a first attribute corresponding to the first one of the plurality of icons, wherein the first value is based on a location of the first drop position relative to the scale;
displaying a first indication positioned relative to the scale indicating the first value;
receiving, via the input interface, input corresponding to a second drag-and-drop operation wherein a second one of the plurality of icons is dragged from the first region of the display to the second region of the display and then dropped at a second drop position on the scale within the second region of the display;
assigning a second value to a second attribute corresponding to the second one of the plurality of icons, wherein the second value is based on a location of the second drop position relative to the scale; and
displaying a second indication positioned relative to the scale indicating the second value.
10. The method of claim 9 further comprising:
receiving, via the input interface, additional input corresponding to a further drag-and-drop operation wherein the first indication is dragged to and then dropped at a third drop position on the scale within the second region; and,
updating the first value assigned to the first attribute, wherein the updated first value is based on a location of the third drop position relative to the scale.
11. The method of claim 9 further comprising:
upon assigning the first value to the first attribute, triggering an update to the display.
12. The method of claim 11 further comprising:
during the first drag-and-drop operation, providing a preview of the update to the display.
13. The method of claim 12 wherein the attribute corresponds to a display brightness or a display contrast.
14. The method of claim 9 wherein the icons indicate spending categories and correspond to attributes representing spending in the spending categories.
15. The method of claim 14 , wherein the scale represents utility and wherein the first value assigned to the first attribute is based on the location of the first drop position relative to the scale and represents a utility of spending in a particular one of the spending categories.
16. The method of claim 14 further comprising:
displaying a graph comprising a line indicating an achievable financial benefit over time,
wherein the line automatically adjusts as values are assigned to the attributes representing spending in the spending categories.
17. The method of claim 16 further comprising:
determining the achievable financial benefit over time based on the values assigned to the attributes and historical spending habits of a user in one or more of the spending categories.
18. The method of claim 17 further comprising:
displaying a second line in the graph indicating a projected financial benefit over time, the projection assuming the historical spending habits of the user continue unchanged.
19. The method of claim 16 further comprising:
displaying a second line in the graph indicating an optimal achievable financial benefit over time.
20. A non-transitory computer-readable storage medium storing instructions that when executed by a processor of a computer system cause the computer system to:
display, within a first region of a display, a plurality of icons corresponding to a plurality of attributes;
display a scale in a second region of the display;
receive, via an input interface, input corresponding to a first drag-and-drop operation wherein a first one of the plurality of icons is dragged from the first region of the display to the second region of the display and then dropped at a first drop position on the scale within the second region of the display;
assign a first value to a first attribute corresponding to the first one of the plurality of icons, wherein the first value is based on a location of the first drop position relative to the scale;
display a first indication positioned relative to the scale indicating the first value;
receive, via the input interface, input corresponding to a second drag-and-drop operation wherein a second one of the plurality of icons is dragged from the first region of the display to the second region of the display and then dropped at a second drop position on the scale within the second region of the display;
assign a second value to a second attribute corresponding to the second one of the plurality of icons, wherein the second value is based on a location of the second drop position relative to the scale; and
display a second indication positioned relative to the scale indicating the second value.