Methods and systems for presenting scrollable displays
Methods and systems are discussed herein for navigating media content using scrollable displays. For example, scrollable displays may provide an efficient user interface in order to increase the amount and type of content that can be presented to a user, particularly with regard to small displays. For example, instead of transitioning to new displays, which may require larger display screens or the removal of already presented content, the methods and systems disclosed nest scrollable displays within each other in order to enable a user to efficiently access and navigate content options without large display screen requirements.
1. A method of navigating media content, the method comprising:
generating for display, using control circuitry, a first icon and a second icon, wherein the first icon and the second icon are included in a first plurality of icons that are scrolled together in response to a first gesture;
receiving, using the control circuitry, a selection of the first icon;
in response to receiving the selection of the first icon, identifying, using the control circuitry, a second plurality of icons related to the first icon;
replacing a display, using the control circuitry, of the first icon with a display of a first portion of the second plurality of icons while the second icon continues to be displayed;
in response to a second gesture comprising pressing on one of the second plurality of icons and swiping in a given direction, scrolling, using the control circuitry, the second plurality of icons together to reveal a second portion of the second plurality of icons in replacement of the first portion of the second plurality of icons while the second icon continues to be displayed;
reducing a size of each of the second plurality of icons related to the first icon when the second plurality of icons is scrolled; and
in response to a third gesture comprising pressing on one of the first plurality of icons and swiping in the given direction, scrolling, using the control circuitry, the first plurality of icons while at least one of the second plurality of icons is displayed, wherein the third gesture causes the second icon to be replaced by a third icon of the first plurality of icons, wherein the second plurality of icons are scrolled in the same given direction as the first plurality of icons.
2. The method of claim 1 , wherein the second icon remains stationary as the second plurality of icons are scrolled.
3. The method of claim 1 , wherein a gesture comprises a movement of one or more digits across an input device.
4. The method of claim 1 , wherein the first plurality of icons are no longer scrolled together after receiving the selection of the first icon.
5. The method of claim 1 , wherein the first icon and the second icon are generated for display on a first device in response to a user input on a second device.
6. The method of claim 1 , comprising:
de-emphasizing the second icon when the first icon is selected.
7. The method of claim 1 , comprising:
indicating that the second plurality of icons is scrollable.
8. The method of claim 1 , wherein replacing the display of the first icon with the display of the first portion of the second plurality of icons while the second icon continues to be displayed further comprises nesting the first portion of the second plurality of icons in a cell previously occupied by the first icon.
9. The method of claim 1 , wherein each of the second plurality of icons related to the first icon corresponds to a media guidance application operation.
10. A system for navigating media content, the system comprising:
storage circuitry configured to store instructions for processing a user input; and
control circuitry configured to:
generate for display a first icon and a second icon, wherein the first icon and the second icon are included in a first plurality of icons that are scrolled together in response to a first gesture;
receive a selection of the first icon;
in response to receiving the selection of the first icon, identify a second plurality of icons related to the first icon;
replace a display of the first icon with a display of a first portion of the second plurality of icons while the second icon continues to be displayed;
in response to a second gesture comprising pressing on one of the second plurality of icons and swiping in a given direction, scroll the second plurality of icons together to reveal a second portion of the second plurality of icons in replacement of the first portion of the second plurality of icons while the second icon continues to be displayed;
reduce a size of each of the second plurality of icons related to the first icon when the second plurality of icons is scrolled; and
in response to a third gesture comprising pressing on one of the first plurality of icons and swiping in the given direction, scrolling the first plurality of icons while at least one of the second plurality of icons is displayed, wherein the third gesture causes the second icon to be replaced by a third icon of the first plurality of icons, wherein the second plurality of icons are scrolled in the same given direction as the first plurality of icons.
11. The system of claim 10 , wherein the second icon remains stationary as the second plurality of icons are scrolled.
12. The system of claim 10 , wherein a gesture comprises a movement of one or more digits across an input device.
13. The system of claim 10 , wherein the first plurality of icons are no longer scrolled together after receiving the selection of the first icon.
14. The system of claim 10 , wherein the first icon and the second icon are generated for display on a first device in response to a user input on a second device.
15. The system of claim 10 , wherein the control circuitry is further configured to:
de-emphasize the second icon when the first icon is selected.
16. The system of claim 10 , wherein the control circuitry is further configured to:
indicate that the second plurality of icons is scrollable.
17. The system of claim 10 , wherein the control circuitry is further configured to replace the display of the first icon with the display of the first portion of the second plurality of icons while the second icon continues to be displayed by nesting the first portion of the second plurality of icons in a cell previously occupied by the first icon.
18. The system of claim 10 , wherein each of the second plurality of icons related to the first icon corresponds to a media guidance application operation.