Systems and methods for effectively using data controls in a graphical user interface on a small visual display

• US 9,880,710 B1
• Filed: 05/03/2013
• Issued: 01/30/2018
• Est. Priority Date: 05/03/2012
• Status: Active Grant

• Current Assignee: Tableau Software Incorporated (Salesforce.com, Inc.)
• Original Assignee: Tableau Software Incorporated (Salesforce.com, Inc.)
• Inventors: Mackinlay, Jock Douglas, Stolte, Christopher Richard, Pettiross, Jeffrey W., Baker, James
• Primary Examiner(s): Dasgupta, Shourjo
• Application Number:
  US13/886,919
• Time in Patent Office: 1,733 Days
• Field of Search: 715781
• CPC Class Codes: G06F 3/0484 for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Abstract

A user interacts with a graphical user interface on a client device. The device displays a data visualization that includes configuration parameters. The device also displays one or more read-only static controls, each static control corresponding to a respective parameter. Each static control indicates the value assigned to the corresponding parameter. A first user action activates a first static control. The first static control corresponds to a first parameter with a first value. The device displays an editable indirect control in the graphical user interface, which displays the first value. The editable indirect control is larger than the first static control, and is superimposed over the corresponding static control. The user changes the first value to a second value, and the device updates the displayed data visualization based on the second value for the first parameter. The editable indirect control is subsequently removed from display in the graphical user interface.

Claims

1. A method of interacting with a graphical user interface on a client device, comprising:

displaying a data visualization of a user-selected data set according to one or more data-selection parameters, wherein each data-selection parameter is assigned a respective parameter value that filters the data set to a user-specified range included in the data visualization, and the data visualization is displayed in the graphical user interface;

displaying one or more graphical elements in the graphical user interface, each graphical element corresponding to a respective data-selection parameter, wherein each graphical element displays an indication of the respective parameter value assigned to the corresponding respective data-selection parameter, and wherein no respective graphical element is directly editable by user inputs directed to the respective graphical element;

identifying a first user action directed to a first graphical element of the displayed one or more graphical elements, the first graphical element displaying a first data-selection parameter with a first parameter value;

in response to the identified first user action;

displaying, in the graphical user interface, a control popup with interactive control elements, wherein;

the control popup displays the first data-selection parameter corresponding to the first graphical element and the first parameter value;

the control popup is larger than the first graphical element;

the control popup is substantially superimposed over the corresponding first graphical element; and

the first parameter value is directly editable by one or more user inputs directed to the interactive control elements of the control popup;

detecting a user interaction directed to one or more of the interactive control elements of the control popup to change the first parameter value of the first data-selection parameter to a second parameter value;

in response to detecting the user interaction directed to the one or more of the interactive control elements of the control popup, updating the displayed data visualization according to an updated range corresponding to the second parameter value of the first data-selection parameter; and

removing the control popup from the graphical user interface.

2. The method of claim 1, wherein the control popup is about 2.3 times larger in horizontal and vertical dimensions than the first graphical element.

3. The method of claim 1, wherein the client device has a touch-sensitive screen, the graphical user interface is displayed on the touch-sensitive screen, and the first user action is a tap on the touch-sensitive screen.

4. The method of claim 1, wherein magnification of the data visualization is the same before and after the control popup is displayed.

5. The method of claim 1, wherein removing the control popup from the graphical user interface comprises:

identifying a second user action to deactivate the control popup; and

in response to the identified second user action;

removing the control popup from the graphical user interface; and

updating the first graphical element to display the second parameter value of the first data-selection parameter.

6. The method of claim 5, wherein updating the displayed data visualization according to the updated range corresponding to the second parameter value of the first data-selection parameter occurs prior to identifying the second user action.

7. The method of claim 1, wherein the client device is a mobile device.

8. A client device, comprising:

one or more processors;

memory; and

one or more programs stored in the memory for execution by the one or more processors, the one or more programs comprising instructions for;

displaying a data visualization of a user-selected data set according to one or more data-selection parameters, wherein each data-selection parameter is assigned a respective parameter value that filters the data set to a user-specified range included in the data visualization, and the data visualization is displayed in the graphical user interface;

displaying one or more graphical elements in the graphical user interface, each graphical element corresponding to a respective data-selection parameter, wherein each graphical element displays an indication of the respective parameter value assigned to the corresponding respective data-selection parameter without interactive control elements;

identifying a first user action directed to a first graphical element of the displayed one or more graphical elements, the first graphical element displaying a first data-selection parameter with a first parameter value;

in response to the identified first user action;

displaying a control popup in the graphical user interface, wherein;

the control popup displays the first data-selection parameter corresponding to the first graphical element, the first parameter value, and one or more interactive control elements for changing the first parameter value that visually distinguish the control popup from the first graphical element;

the control popup is larger than the first graphical element; and

the control popup is substantially superimposed over the corresponding first graphical element;

detecting a user interaction directed to the one or more interactive control elements of the control popup to change the first parameter value of the first data-selection parameter to a second parameter value;

in response to detecting the user interaction directed to the one or more interactive control elements of the control popup, updating the displayed data visualization according to an updated range corresponding to the second parameter value of the first data-selection parameter; and

removing the control popup from the graphical user interface.

9. The client device of claim 8, wherein the client device has a touch-sensitive screen, the graphical user interface is displayed on the touch-sensitive screen, and the first user action is a tap on the touch-sensitive screen.

10. The client device of claim 8, wherein magnification of the data visualization is the same before and after the control popup is displayed.

11. The client device of claim 8, wherein the instructions for removing the control popup from the graphical user interface further comprise instructions for:

identifying a second user action to deactivate the control popup; and

responding to the identified second user action by;

removing the control popup from the graphical user interface; and

updating the first graphical element to display the second parameter value of the first data-selection parameter.

12. The client device of claim 11, wherein updating the displayed data visualization according to the updated range corresponding to the second parameter value of the first data-selection parameter occurs prior to identifying the second user action.

13. A non-transitory computer readable storage medium storing one or more programs configured for execution by a client device having one or more processors and memory storing one or more programs for execution by the one or more processors, the one or more programs comprising instructions for:

displaying a data visualization of a user-selected data set according to one or more data-selection parameters, wherein each data-selection parameter is assigned a respective parameter value that filters the data set to a user-specified range included in the data visualization, and the data visualization is displayed in the graphical user interface;

displaying one or more graphical elements in the graphical user interface, each graphical element corresponding to a respective data-selection parameter, wherein each graphical element displays an indication of the respective parameter value assigned to the corresponding respective data-selection parameter without interactive control elements;

identifying a first user action directed to a first graphical element of the displayed one or more graphical elements, the first graphical element displaying a first data-selection parameter with a first parameter value;

in response to the identified first user action;

displaying a control popup in the graphical user interface, wherein;

the control popup displays the first data-selection parameter corresponding to the first graphical element, the first parameter value, and one or more interactive control elements for changing the first parameter value that visually distinguish the control popup from the first graphical element;

the control popup is larger than the first graphical element; and

the control popup is substantially superimposed over the corresponding first graphical element;

detecting a user interaction directed to the one or more interactive control elements of the control popup to change the first parameter value of the first data-selection parameter to a second parameter value;

in response to detecting the user interaction directed to the control popup, updating the displayed data visualization according to an updated range corresponding to the second parameter value of the first data-selection parameter; and

removing the control popup from the graphical user interface.

14. The computer readable storage medium of claim 13, wherein the client device has a touch-sensitive screen, the graphical user interface is displayed on the touch-sensitive screen, and the first user action is a tap on the touch-sensitive screen.

15. The computer readable storage medium of claim 13, wherein magnification of the data visualization is the same before and after the control popup is displayed.

16. The computer readable storage medium of claim 13, wherein the instructions for removing the control popup from the graphical user interface further comprise instructions for:

identifying a second user action to deactivate the control popup; and

responding to the identified second user action by;

removing the control popup from the graphical user interface; and

updating the first graphical element to display the second parameter value of the first data-selection parameter.

17. The computer readable storage medium of claim 16, wherein updating the displayed data visualization according to the updated range corresponding to the second parameter value of the first data-selection parameter occurs prior to identifying the second user action.