# US 8,788,972 B2 · Graphical display for sorting and filtering a list in a space-constrained view > Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt - Number: US 8,788,972 B2 - Document ID: US8788972B2 - Status: Granted - Kind: B2 - Application number: 13/014,592 - Filed: 2011-01-26 - Published: 2012-07-26 - Granted: 2014-07-22 - Earliest claimed: 2011-01-26 - Assignees: Cisco Technology, Inc. - Applicants: Daniel Garrison; Brian Sarbin - Inventors: Daniel Garrison; Brian Sarbin - Web page: https://patentgrep.com/patent/US8788972B2 ## CPC - G06F 3/0482: Interaction with lists of selectable items, e.g. menus - G06F 3/04842: Selection of displayed objects or displayed text elements (G06F3/0482 takes precedence) - G06F 3/04847: Interaction techniques to control parameter settings, e.g. interaction with sliders or dials - G06F 16/248: Presentation of query results - G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N) ## 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 ### Claim 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, a filter category overlay that overlays over the list of items and that depicts two or more filter categories of two or more filters; receiving a second user input that indicates selection of a first filter category from the two or more filter categories; in response to the second user input: creating a first filter having one or more criteria; filtering the list of items according to the first filter to create a filtered list of items by excluding, from the display page, those items from the list of items that do not meet the one or more criteria; displaying, in the display page, only the filtered list of items; creating and displaying, in the display page, a first visual depiction of the first filter; ending displaying of the filtered category overlay while maintaining displaying the filter widget and the first visual depiction of the first filter; in response to receiving a third user input that indicates selection of one or more second filter categories from the two or more filter categories: creating one or more second filters; filtering the filtered list of items using the one or more second filters; creating and displaying, in the display page, one or more second visual depictions of the one or more second filters adjacent to the first visual depiction. ### Claim 2 (depends on 1) The method of claim 1, further comprising: receiving a fourth user input that indicates selection of the first visual depiction of the first filter; in response to the fourth user input, displaying, in the display page, a filter modification overlay that depicts one or more attributes of the first filter; receiving a fifth user input that indicates selection of a first attribute associated with the one or more subcategory filters; in response to the fifth 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, the second filtered list of items. ### Claim 3 (depends on 1) The method of claim 1, further comprising: displaying, in the display page, the one or more second visual depictions of the one or more second filters and the first visual depiction in an ordered linear stack. ### Claim 4 (depends on 1) The method of claim 1, further comprising: receiving a fourth user input that indicates removal of at least one filter; in response to the fourth 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. ### Claim 5 (depends on 1) 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. ### Claim 6 (depends on 1) The method of claim 1, comprising displaying the filter category overlay and filter modification overlay semi transparently and without entirely obscuring the list of items. ### Claim 7 (depends on 1) The method of claim 1, wherein the list of items and the filter widget are displayed in a handheld mobile device. ### Claim 8 (depends on 1) The method of claim 1, wherein the list of items and the filter widget are displayed using a mobile application of a handheld mobile device. ### Claim 9 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, a filter category overlay that overlays over the list of items and that depicts two or more filter categories of two or more filters; receiving a second user input that indicates selection of a first filter category from the two or more filter categories; in response to the second user input: creating a first filter having one or more criteria; filtering the list of items according to the first filter to create a filtered list of items by excluding, from the display page, those items from the list of items that do not meet the one or more criteria; displaying, in the display page, only the filtered list of items; creating and displaying, in the display page, a first visual depiction of the first filter; ending displaying of the filtered category overlay while maintaining displaying the filter widget and the first visual depiction of the first filter; in response to receiving a third user input that indicates selection of one or more second filter categories from the two or more filter categories: creating one or more second filters; filtering the filtered list of items using the one or more second filters; creating and displaying, in the display page, one or more second visual depictions of the one or more second filters adjacent to the first visual depiction. ### Claim 10 (depends on 9) The non-transitory computer-readable storage medium as recited in claim 9, further comprising instructions for performing the steps of: receiving a fourth user input that indicates selection of the first visual depiction of the first filter; in response to the fourth user input, displaying, in the display page, a filter modification overlay that depicts one or more attributes of the first filter; receiving a fifth user input that indicates selection of a first attribute associated with the one or more subcategory filters; in response to the fifth 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, the second filtered list of items. ### Claim 11 (depends on 9) The non-transitory computer-readable storage medium as recited in claim 9, further comprising instructions for performing the steps of: displaying, in the display page, the one or more second visual depictions of the one or more second filters and the first visual depiction in an ordered linear stack. ### Claim 12 (depends on 9) The non-transitory computer-readable storage medium as recited in claim 9, further comprising instructions for performing the steps of: receiving a fourth user input that indicates removal of at least one filter; in response to the fourth 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. ### Claim 13 (depends on 9) The non-transitory computer-readable storage medium as recited in claim 9, 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. ### Claim 14 (depends on 9) The non-transitory computer-readable storage medium as recited in claim 9, further comprising instructions for performing: displaying the filter category overlay and filter modification overlay semi transparently and without entirely obscuring the list of items. ### Claim 15 (depends on 9) The non-transitory computer-readable storage medium as recited in claim 9, further comprising instructions for performing: displaying in a handheld mobile device. ### Claim 16 (depends on 9) The non-transitory computer-readable storage medium as recited in claim 9, further comprising instructions for performing: displaying using a mobile application of a handheld mobile device.