Browsing and selecting content items based on user gestures
The present disclosure is directed toward systems and methods that provide users with efficient and effective user experiences when browsing, selecting, or inspecting content items. More specifically, systems and methods described herein provide users the ability to easily and effectively select multiple content items via a single touch gesture (e.g., swipe gesture). Additionally, systems and methods disclosed herein can allow users to select various content items in a selection interface, preview a content item, and return to the selection interface with the previous selections remaining in tact. Still further, systems and methods described herein allow users to transition between a content graphical user interface and a selection interface based on touch gestures with content items.
1. A system comprising:
at least one processor; and
at least one non-transitory computer readable medium comprising instructions that, when executed by the at least one processor, cause the system to:
provide, for presentation on a client device, a graphical user interface for navigating and viewing content items;
based on detecting a user interaction with the graphical user interface, activate a selection mode within the graphical user interface to allow for selection of the content items;
change a selection state of a first content item of the content items from an unselected state to a selected state based on identifying a first type of touch gesture made with respect to the first content item while the selection mode is activated;
identify a second type of touch gesture made with respect to a second content item of the content items; and
based on identifying the second type of touch gesture made with respect to the second content item, provide an enlarged view of the second content item within the graphical user interface while maintaining the selection state of the first content item in the selected state and a selection state of the second content item in an unselected state.
2. The system of claim 1 , wherein:
the first type of touch gesture comprises a tap gesture; and
the second type of touch gesture comprises a press-and-hold gesture.
3. The system of claim 1 , wherein:
the graphical user interface for navigating and viewing content items comprises a grid arrangement of the content items; and
while the second content item is provided in the enlarged view, the grid arrangement is not viewable within the graphical user interface.
4. The system of claim 3 , further comprising instructions that, when executed by the at least one processor, cause the system to:
identify, while the second content item is provided in the enlarged view, a third touch gesture; and
provide the second content item in a reduced view to reveal the grid arrangement of the content items based on identifying the third touch gesture.
5. The system of claim 1 , further comprising instructions that, when executed by the at least one processor, cause the system to provide, within the graphical user interface, a selection state indicator associated with the first content item based on identifying the first type of touch gesture made with respect to the first content item while the selection mode is activated.
6. The system of claim 1 , further comprising instructions that, when executed by the at least one processor, cause the system to deactivate the selection mode in response to receiving a user interaction indicating deactivation of the selection mode.
7. The system of claim 1 , further comprising instructions that, when executed by the at least one processor, cause the system to provide, within the graphical user interface, one or more selectable operation options based on activating the selection mode, the one or more selectable operation options comprising at least one of a share operation, delete operation, edit operation, group operation, move operation, rename operation, or copy operation.
8. A method comprising:
providing, for presentation on a client device, a graphical user interface for navigating and viewing content items;
based on receiving an indication of a user interaction with the graphical user interface, activating a selection mode within the graphical user interface to allow for selection of the content items;
changing a selection state of a first content item of the content items from an unselected state to a selected state based on identifying a first touch gesture made with respect to the first content item while the selection mode is activated;
identifying a second touch gesture made with respect to a second content item of the content items; and
based on identifying the second touch gesture made with respect to the second content item, providing an enlarged view of the second content item within the graphical user interface while maintaining the selection state of the first content item in the selected state and a selection state of the second content item in an unselected state.
9. The method as recited in claim 8 , wherein:
the graphical user interface comprises a select element; and
activating the selection mode comprises receiving the indication of the user interaction with the select element within the graphical user interface.
10. The method of claim 8 , further comprising providing, within the graphical user interface, a selection state indicator associated with the first content item based on identifying the first touch gesture made with respect to the first content item while the selection mode is activated.
11. The method as recited in claim 10 , wherein the selection state indicator associated with the first content item indicates the first content item is in a selected state.
12. The method as recited in claim 8 , wherein the first touch gesture is a first gesture type and the second touch gesture is a second gesture type.
13. The method as recited in claim 8 , further comprising providing, within the graphical user interface, one or more selectable operation options based on activating the selection mode, the one or more selectable operation options comprising at least one of a share operation, delete operation, edit operation, group operation, move operation, rename operation, or copy operation.
14. The method as recited in claim 8 , further comprising:
responsive to activating the selection mode, providing one or more selectable operation options within the graphical user interface;
receiving an indication of a user selection of an operation option from the one or more selectable operation options; and
performing, with respect to the first content item, an operation corresponding to the operation option.
15. A non-transitory computer readable medium comprising instructions that, when executed by at least one processor, cause a computer device to:
provide, for presentation on a client device, a graphical user interface for navigating and viewing content items;
based on receiving an indication of a user interaction with the graphical user interface, activate a selection mode within the graphical user interface to allow for selection of the content items;
change a selection state of a first content item of the content items from an unselected state to a selected state based on identifying a first touch gesture made with respect to the first content item while the selection mode is activated;
identify a second touch gesture made with respect to a second content item of the content items; and
based on identifying the second touch gesture made with respect to the second content item, provide an enlarged view of the second content item within the graphical user interface while maintaining the selection state of the first content item in the selected state and a selection state of the second content item in an unselected state.
16. The computer readable medium of claim 15 , wherein:
the graphical user interface comprises a select element; and
activating the selection mode comprises receiving the indication of the user interaction with the select element within the graphical user interface.
17. The computer readable medium of claim 15 , further comprising instructions that, when executed by the at least one processor, cause the computer device to provide, within the graphical user interface, a selection state indicator associated with the first content item that indicates the selected state of the first content item.
18. The computer readable medium of claim 15 , wherein the first touch gesture is a first gesture type and the second touch gesture is a second gesture type.
19. The computer readable medium of claim 15 , further comprising instructions that, when executed by the at least one processor, cause the computer device to provide, within the graphical user interface, one or more selectable operation options based on activating the selection mode, the one or more selectable operation options comprising at least one of a share operation, delete operation, edit operation, group operation, move operation, rename operation, or copy operation.
20. The computer readable medium of claim 15 , further comprising instructions that, when executed by the at least one processor, cause the computer device to deactivate the selection mode in response to receiving a user interaction indicating deactivation of the selection mode.