Managing items in a user interface
First Claim
1. A method, comprising:
- at a computing device with a display and one or more input devices;
displaying, on the display, representations of two or more selected items in a container in a user interface, the representations of the two or more selected items having a spatial relationship within the container;
while displaying, on the display, the representations of the two or more selected items, receiving a first input, via the one or more input devices, that corresponds to movement of a pointer within the container;
in response to the first input, moving, on the display, the representations of the two or more selected items in the user interface in accordance with the movement of the pointer in the user interface, while maintaining the spatial relationship between the representations of the two or more selected items;
after moving the representations of the two or more selected items while maintaining the spatial relationship between the representations of the two or more selected items, receiving a second input, via the one or more input devices, to move the pointer outside of the container; and
in response to receiving the second input to move the pointer outside of the container, moving, on the display, the pointer outside of the container, and when the pointer has moved outside of the container, varying the spatial relationship between the representations of the two or more selected items to form a cluster of the representations in proximity to the pointer.
1 Assignment
0 Petitions
Accused Products
Abstract
User interface changes related to moving items in a user interface are disclosed. An operation (e.g., a drag operation) can be initiated on selected items by moving a cursor or pointing device in the user interface, and an animation can be presented illustrating representations of the selected items moving from their respective original locations toward a current location of the cursor or pointing device and forming a cluster in proximity to the current location of the cursor or pointing device. As the cluster of items is moved over a container object in the user interface, the representations of the items can adopt the appearance style defined by that container object. The representations of the items can also be shown to depart from the cluster and move toward anticipated locations of the items in the container object as a preview of a drop operation into the container object.
36 Citations
68 Claims
-
1. A method, comprising:
at a computing device with a display and one or more input devices; displaying, on the display, representations of two or more selected items in a container in a user interface, the representations of the two or more selected items having a spatial relationship within the container; while displaying, on the display, the representations of the two or more selected items, receiving a first input, via the one or more input devices, that corresponds to movement of a pointer within the container; in response to the first input, moving, on the display, the representations of the two or more selected items in the user interface in accordance with the movement of the pointer in the user interface, while maintaining the spatial relationship between the representations of the two or more selected items; after moving the representations of the two or more selected items while maintaining the spatial relationship between the representations of the two or more selected items, receiving a second input, via the one or more input devices, to move the pointer outside of the container; and in response to receiving the second input to move the pointer outside of the container, moving, on the display, the pointer outside of the container, and when the pointer has moved outside of the container, varying the spatial relationship between the representations of the two or more selected items to form a cluster of the representations in proximity to the pointer. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23)
-
24. A method, comprising:
at a computing device with a display that is configured to display a user interface, and one or more input devices configured to receive inputs; receiving an input, via the one or more input devices, dragging respective representations of one or more selected items displayed on the display from a first container in the user interface into a drop zone of a second container in the user interface such that the dragging passes over the drop zone, the respective representations of the one or more selected items having respective first appearances associated with the first container; and in response to the input; in accordance with a determination that that the dragging meets appearance-modification criteria, wherein the appearance-modification criteria include a criterion that is met when the dragging has, while passing over the drop zone, slowed down below a threshold speed or stopped within the drop zone of the second container, modifying the respective representations of the one or more selected items to have respective second appearances associated with the second container, different than the respective first appearances; and in accordance with a determination that the dragging does not meet the appearance-modification criteria while the respective representations of the one or more selected items are passing over the drop zone of the second container to another location in the user interface, maintaining the respective representations of the one or more selected items as having the respective first appearances associated with the first container. - View Dependent Claims (25, 26, 27, 28, 29, 30)
-
31. A non-transitory computer-readable storage medium having instructions stored thereon, which, when executed by one or more processors, cause the one or more processors to perform operations comprising:
at a computing device with a display and one or more input devices; displaying, on the display, representations of two or more selected items in a container in a user interface, the representations of the two or more selected items having a spatial relationship within the container; while displaying, on the display, the representations of the two or more selected items, receiving a first input, via the one or more input devices, that corresponds to movement of a pointer within the container; in response to the first input, moving, on the display, the representations of the two or more selected items in the user interface in accordance with the movement of the pointer in the user interface, while maintaining the spatial relationship between the representations of the two or more selected items; after moving the representations of the two or more selected items while maintaining the spatial relationship between the representations of the two or more selected items, receiving a second input, via the one or more input devices, to move the pointer outside of the container; and
in response to receiving the second input to move the pointer outside of the container, moving, on the display, the pointer outside of the container, and when the pointer has moved outside of the container, varying the spatial relationship between the representations of the two or more selected items to form a cluster of the representations in proximity to the pointer.- View Dependent Claims (32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44)
-
45. A system comprising:
-
a display; one or more input devices; one or more processors; and memory having instructions stored thereon, which, when executed by the one or more processors, cause the one or more processors to perform operations comprising; displaying, on the display, representations of two or more selected items in a container in a user interface, the representations of the two or more selected items having a spatial relationship within the container; while displaying, on the display, the representations of the two or more selected items, receiving a first input, via the one or more input devices, that corresponds to movement of a pointer within the container; in response to the first input, moving, on the display, the representations of the two or more selected items in the user interface in accordance with the movement of the pointer in the user interface, while maintaining the spatial relationship between the representations of the two or more selected items; after moving the representations of the two or more selected items while maintaining the spatial relationship between the representations of the two or more selected items, receiving a second input, via the one or more input devices, to move the pointer outside of the container; and
in response to receiving the second input to move the pointer outside of the container, moving, on the display, the pointer outside of the container, and when the pointer has moved outside of the container, varying the spatial relationship between the representations of the two or more selected items to form a cluster of the representations in proximity to the pointer. - View Dependent Claims (46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58)
-
-
59. A non-transitory computer-readable storage medium having instructions stored thereon, which, when executed by one or more processors, cause the one or more processors to perform operations comprising:
at a computing device with a display that is configured to display a user interface, and one or more input devices configured to receive inputs; receiving an input, via the one or more input devices, dragging respective representations of one or more selected items displayed on the display from a first container in the user interface into a drop zone of a second container in the user interface such that the dragging passes over the drop zone, the respective representations of the one or more selected items having respective first appearances associated with the first container; and in response to the input; in accordance with a determination that that the dragging meets appearance-modification criteria, wherein the appearance-modification criteria include a criterion that is met when the dragging has, while passing over the drop zone, slowed down below a threshold speed or stopped within the drop zone of the second container, modifying the respective representations of the one or more selected items to have respective second appearances associated with the second container, different than the respective first appearances; and in accordance with a determination that the dragging does not meet the appearance-modification criteria while the respective representations of the one or more selected items are passing over the drop zone of the second container to another location in the user interface, maintaining the respective representations of the one or more selected items as having the respective first appearances associated with the first container. - View Dependent Claims (60, 61, 62, 63)
-
64. A system comprising:
-
a display configured to display a user interface; one or more input devices configured to receive inputs; one or more processors; and memory having instructions stored thereon, which, when executed by the one or more processors, cause the one or more processors to perform operations comprising; receiving an input, via the one or more input devices, dragging respective representations of one or more selected items displayed on the display from a first container in the user interface into a drop zone of a second container in the user interface such that the dragging passes over the drop zone, the respective representations of the one or more selected items having respective first appearances associated with the first container; and in response to the input; in accordance with a determination that that the dragging meets appearance-modification criteria, wherein the appearance-modification criteria include a criterion that is met when the dragging has, while passing over the drop zone, slowed down below a threshold speed or stopped within the drop zone of the second container, modifying the respective representations of the one or more selected items to have respective second appearances associated with the second container, different than the respective first appearances; and in accordance with a determination that the dragging does not meet the appearance-modification criteria while the respective representations of the one or more selected items are passing over the drop zone of the second container to another location in the user interface, maintaining the respective representations of the one or more selected items as having the respective first appearances associated with the first container. - View Dependent Claims (65, 66, 67, 68)
-
Specification