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

• US 20120192112A1
• Filed: 01/26/2011
• Published: 07/26/2012
• 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
• Granted Patent: US 8,788,972 B2
• Time in Patent Office: Days
• 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;

in response to the second user input;

creating a first filter;

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

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

2. The method of claim 1, further comprising displaying, in the display page and without changing to any other display page, a first visual depiction of the first filter.

3. The method of claim 1, further comprising:

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 associated with the one or more subcategory filters;

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 a 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:

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

in response to the third user input, displaying, in the display page and without changing to any other display page, the filter category overlay;

receiving a fourth user input that indicates selection of a second filter category corresponding to a second filter;

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:

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

in response to the third user input, displaying, in the display page and without changing to any other display page, the filter category overlay;

receiving a fourth user input that indicates selection of a second filter category corresponding to a second filter;

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:

receiving a third user input that indicates removal of at least one filter;

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;

in response to the second user input;

creating a first filter;

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

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

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

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

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

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 associated with the one or more subcategory filters;

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 a 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:

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

in response to the third user input, displaying, in the display page and without changing to any other display page, the filter category overlay;

receiving a fourth user input that indicates selection of a second filter category corresponding to a second filter;

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:

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

in response to the third user input, displaying, in the display page and without changing to any other display page, the filter category overlay;

receiving a fourth user input that indicates selection of a second filter category corresponding to a second filter;

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:

receiving a third user input that indicates removal of at least one filter;

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.