Graphical display for sorting and filtering a list in a space-constrained view

• US 9,043,728 B2
• Filed: 07/11/2014
• Issued: 05/26/2015
• Est. Priority Date: 01/26/2011
• Status: Active Grant

• Current Assignee: Cisco Technology, Inc. (Cisco Systems, Inc.)
• Original Assignee: Cisco Technology, Inc. (Cisco Systems, Inc.)
• Inventors: Garrison, Daniel, Sarbin, Brian
• Primary Examiner(s): BAUTISTA, XIOMARA L
• Application Number:
  US14/329,488
• Publication Number:
  US 20140325444A1
• Time in Patent Office: 319 Days
• Field of Search: 715/764, 715/765, 715/810, 715/835, 715/846, 715/864, 715/866, 345/169
• US Class Current: 715/825
• CPC Class Codes: G06F 16/248 Presentation of query results
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials

Abstract

Techniques for sorting and filtering a list in a space-constrained viewing area are described. A filter widget and a list of items are displayed in a view of an electronic display screen. In response to user input selecting the filter widget, and without changing to a different view, a filter category overlay is displayed in the view to provide various selectable filter categories. In response to selection of a filter category, a visual depiction of the selected filter category is displayed in the view. The list of items is filtered according to the selected filter category and displayed in the view without changing to any other view. Subsequently added visual depictions are linearly stacked in the view. Further, a filter modification overlay, which provides selectable filtering attributes, is displayed upon selection of a visual depiction.

Claims

1. A method, comprising:

displaying, on a display page of an electronic display screen, a list of items and a filter widget;

receiving a first user input that indicates selection of the filter widget;

in response to the first user input, displaying, in the display page and without changing to any other display page, a filter category overlay that depicts one or more filter categories of one or more filters;

receiving a second user input that indicates selection of a first filter category from the one or more filter categories, and causes creating a first filter and generating a first filtered list of items that include the first filter category;

displaying, in the display page and without changing to any other display page, a first visual depiction of the first filter;

receiving a third user input that indicates selection of the first visual depiction of the first filter;

in response to the third user input, displaying, in the display page and without changing to any other display page, a filter modification overlay that depicts one or more attributes of the first filter;

receiving a fourth user input that indicates selection of a first attribute from the one or more attributes of the first filter;

in response to the fourth user input, generating a second filtered list of items by excluding from the first filtered list those items that do not include the first attribute.

2. The method of claim 1, further comprising in response to the second user input:

creating a first filter;

filtering the list of items according to the first filter to create the filtered list of items;

displaying, in the display page and without changing to any other display page, the filtered list of items.

3. The method of claim 1, further comprising:

in response to the fourth user input;

updating the filtered list of items to reflect applying the first filter and the first attribute to create the second filtered list of items;

displaying, in the display page without changing to any other display page, the second filtered list of items.

4. The method of claim 1, further comprising:

in response to the fourth user input, displaying, in the display page and without changing to any other display page, a second visual depiction of the second filter near to the first visual depiction.

5. The method of claim 1, further comprising:

in response to the fourth user input, displaying, in the display page and without changing to any other display page, a second visual depiction of the second filter and the first visual depiction in an ordered linear stack.

6. The method of claim 1, further comprising:

in response to the third user input, removing, from the display page, the visual depiction associated with the at least one filter selected for removal;

updating the display page to reflect a list of items ordered without application of the at least one filter selected for removal.

7. The method of claim 1, comprising displaying the filter widget and one or more visual depictions of filters in the display page without overlapping the list of items.

8. The method of claim 1, comprising displaying the filter category overlay and filter modification overlay semitransparently and without entirely obscuring the list of items.

9. The method of claim 1, comprising displaying in a handheld mobile device.

10. The method of claim 1, comprising displaying using a mobile application of a handheld mobile device.

11. A non-transitory computer-readable storage medium storing one or more sequences of instructions which, when executed by one or more processors, cause the one or more processors to perform:

displaying, on a display page of an electronic display screen, a list of items and a filter widget;

receiving a first user input that indicates selection of the filter widget;

in response to the first user input, displaying, in the display page and without changing to any other display page, a filter category overlay that depicts one or more filter categories of one or more filters;

receiving a second user input that indicates selection of a first filter category from the one or more filter categories, and causes creating a first filter and generating a first filtered list of items that include the first filter category;

displaying, in the display page and without in to an other display page, a first visual depiction of the first filter;

receiving a third user input that indicates selection of the first visual depiction of the first filter;

in response to the third user input, displaying, in the display page and without changing to any other display page, a filter modification overlay that depicts one or more attributes of the first filter;

receiving a fourth user input that indicates selection of a first attribute from the one or more attributes of the first filter;

in response to the fourth user input, generating a second filtered list of items by excluding from the first filtered list those items that do not include the first attribute.

12. The non-transitory computer-readable storage medium as recited in claim 11, further comprising instructions for performing:

in response to the second user input;

creating a first filter;

filtering the list of items according to the first filter to create the filtered list of items;

displaying, in the display page and without changing to any other display page, the filtered list of items.

13. The non-transitory computer-readable storage medium as recited in claim 11, further comprising instructions for performing the steps of:

in response to the fourth user input;

updating the filtered list of items to reflect applying the first filter and the first attribute to create the second filtered list of items;

displaying, in the display page without changing to any other display page, the second filtered list of items.

14. The non-transitory computer-readable storage medium as recited in claim 11, further comprising instructions for performing the steps of:

in response to the fourth user input, displaying, in the display page and without changing to any other display page, a second visual depiction of the second filter near to the first visual depiction.

15. The non-transitory computer-readable storage medium as recited in claim 11, further comprising instructions for performing the steps of:

in response to the fourth user input, displaying, in the display page and without changing to any other display page, a second visual depiction of the second filter and the first visual depiction in an ordered linear stack.

16. The non-transitory computer-readable storage medium as recited in claim 11, further comprising instructions for performing the steps of:

in response to the third user input, removing, from the display page, the visual depiction associated with the at least one filter selected for removal;

updating the display page to reflect a list of items ordered without application of the at least one filter selected for removal.

17. The non-transitory computer-readable storage medium as recited in claim 11, further comprising instructions for performing:

displaying the filter widget and one or more visual depictions of filters in the display page without overlapping the list of items.

18. The non-transitory computer-readable storage medium as recited in claim 11, further comprising instructions for performing:

comprising displaying the filter category overlay and filter modification overlay semitransparently and without entirely obscuring the list of items.

19. The non-transitory computer-readable storage medium as recited in claim 11, further comprising instructions for performing:

comprising displaying in a handheld mobile device.

20. The non-transitory computer-readable storage medium as recited in claim 11, further comprising instructions for performing:

displaying using a mobile application of a handheld mobile device.