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

• US 9,244,595 B2
• Filed: 04/07/2015
• Issued: 01/26/2016
• 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/680,972
• Publication Number:
  US 20150212669A1
• Time in Patent Office: 294 Days
• US Class Current: 1/1
• 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 for enhancing capabilities of a graphical display to automatically sort and filter a list of items in a space-constrained view, the method comprising:

causing displaying, using graphical display enhancing logic, in a display page of an electronic display screen, a first filtered list of items;

the graphical display enhancing logic causing displaying, in the display page as an overlay over the first filtered list of items and without changing to any other display page, a first visual depiction of a first filter;

the graphical display enhancing logic receiving a first user input that indicates selection of the first visual depiction of the first filter;

the graphical display enhancing logic, in response to the first user input, causing displaying, in the display page and without changing to any other display page, a filter modification overlay over the first list of items that depicts one or more attributes of the first filter;

the graphical display enhancing logic receiving a second user input that indicates selection of a first attribute from the one or more attributes of the first filter;

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

2. The method of claim 1, comprising, using the graphical display enhancing logic:

displaying, on the display page, a list of items and a filter widget;

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, a filter category overlay that depicts one or more filter categories of one or more filters;

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

3. The method of claim 1, comprising, using the graphical display enhancing logic:

in response to the second user input;

updating the second 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, comprising, using the graphical display enhancing logic, in response to the second user input, displaying, in the display page and without changing to any other display page, a second visual depiction of a second filter near to the first visual depiction.

5. The method of claim 1, comprising, using the graphical display enhancing logic, in response to the second user input, displaying, in the display page and without changing to any other display page, a second visual depiction of a second filter and the first visual depiction in an ordered linear stack.

6. The method of claim 1, comprising, using the graphical display enhancing logic:

in response to the first user input, removing, from the display page, a 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, using the graphical display enhancing logic, displaying a filter widget and one or more visual depictions of filters in the display page without overlapping the first filtered list of items.

8. The method of claim 1, comprising, using the graphical display enhancing logic, displaying a filter category overlay and filter modification overlay semitransparently and without entirely obscuring the first filtered list of items.

9. The method of claim 1, comprising, using the graphical display enhancing logic, displaying the display page in a handheld mobile device.

10. The method of claim 1, comprising, using the graphical display enhancing logic, displaying the display page using a mobile application of a handheld mobile device.

11. A system comprising:

a graphical display unit that;

displays, in a display page of an electronic display screen, a first filtered list of items;

displays, in the display page as an overlay over the first filtered list of items and without changing to any other display page, a first visual depiction of a first filter;

a filter modification unit that;

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

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

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

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

12. The system as recited in claim 11,

wherein the graphical display unit:

displays, on the display page, a list of items and a filter widget;

wherein the filter modification unit;

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

in response to the third user input, displays, 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;

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

13. The system as recited in claim 11, wherein the graphical display unit:

in response to the second user input;

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

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

14. The system as recited in claim 11, wherein the graphical display unit:

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

15. The system as recited in claim 11, wherein the graphical display unit:

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

16. The system as recited in claim 11, wherein the graphical display unit:

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

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

17. The system as recited in claim 11, wherein the graphical display unit:

displays a filter widget and one or more visual depictions of filters in the display page without overlapping the first filtered list of items.

18. The system as recited in claim 11, wherein the graphical display unit:

displays a filter category overlay and filter modification overlay semitransparently and without entirely obscuring the first filtered list of items.

19. The system as recited in claim 11, wherein the graphical display unit:

displays the display page in a handheld mobile device.

20. The system as recited in claim 11, wherein the graphical display unit:

displays the display page using a mobile application of a handheld mobile device.