Device, Method, and Graphical User Interface for Managing User Interface Content and User Interface Elements

• US 20110185316A1
• Filed: 01/26/2010
• Published: 07/28/2011
• Est. Priority Date: 01/26/2010
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Rosner, Roger Rock, Reid, Elizabeth Gloria Guarino
• Granted Patent: US 8,683,363 B2
• Time in Patent Office: Days
• US Class Current: 715/863
• CPC Class Codes: G06F 3/0486 Drag-and-drop
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text

Abstract

Alignment guides configured for velocity-sensitive behavior are disclosed. In one embodiment, during a user interface element move gesture, the gesture velocity is determined, and while moving the user interface element during the gesture, the user interface operates in a first or a second state with respect to displaying alignment guides. When the velocity of the user gesture exceeds a predefined velocity threshold, the display of the user interface is maintained in the first state, which does not include visibly displaying alignment guides. When the velocity of the user gesture is less than the predefined velocity threshold, the user interface is displayed in a second state that includes visibly displaying one or more alignment guides. In some embodiments, gesture velocity is used to set alignment guide attraction strength.

Claims

1. A method, comprising:

at a computing device with a display and one or more user input devices adapted to detect user gestures;

displaying a user interface in a first state, the user interface including at least;

a user interface element configured to be moved within the user interface in response to user gestures, and

a plurality of alignment guides adapted to indicate potential placement positions within the user interface for user interface elements being moved;

detecting a user gesture, the user gesture corresponding to a gesture to move the user interface element within the user interface;

determining a velocity of the user gesture;

in response to detecting the user gesture, moving the user interface element within the user interface in accordance with the user gesture;

while moving the user interface element within the user interface;

when the velocity of the user gesture is less than a first predefined velocity threshold, displaying the user interface in a second state, the second state including visibly displaying one or more of the plurality of alignment guides; and

when the velocity of the user gesture exceeds the first predefined velocity threshold, maintaining display of the user interface in the first state.

2. The method of claim 1, wherein the first state includes not displaying the plurality of alignment guides visibly.

3. The method of claim 1, wherein a first alignment guide in the plurality of alignment guides is configured with a first attraction strength, and further comprising:

when the velocity of the user gesture exceeds a second predefined velocity threshold, reconfiguring the first alignment guide with a second attraction strength.

4. The method of claim 3, wherein the first and the second predefined velocity thresholds are the same.

5. The method of claim 3, wherein the second attraction strength is zero, and the first attraction strength is greater than zero.

6. The method of claim 1, wherein the plurality of alignment guides includes one or more alignment guide types selected from the group consisting of edge-to-middle-slide alignment guides, edge-to-edge alignment guides, and middle-to-middle alignment guides.

7. The method of claim 1, wherein at least some of the plurality of alignment guides are displayed in conjunction with the user interface element.

8. The method of claim 1, wherein the second state includes displaying a ruler in conjunction with the visibly displayed plurality of alignment guides.

9. The method of claim 1, further comprising:

when the velocity of the user gesture exceeds the first predefined velocity threshold,

the user gesture is moving the user interface object towards a second user interface object, and

the user interface object and the second user interface object are substantially aligned on a common axis;

selecting an alignment guide from the plurality of alignment guides, wherein the selected alignment guide is associated with the common axis; and

visibly displaying the selected alignment guide in conjunction with the user interface object, the common axis, and the second user interface object.

10. The method of claim 1, further comprising:

during the user gesture;

detecting a period of inactivity that exceeds a predefined duration; and

after the period of inactivity, changing the state of the user interface.

11. The method of claim 1, wherein the user interface element is displayed on an electronic canvas.

12. The method of claim 1, wherein the display and at least one of the one or more user input devices comprise a touch-screen display.

13. A computing device, comprising:

a display;

one or more user input devices adapted to detect user gestures;

one or more processors;

memory; and

one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for;

displaying a user interface in a first state, the user interface including at least;

a user interface element configured to be moved within the user interface in response to user gestures, and

a plurality of alignment guides adapted to indicate potential placement positions within the user interface for user interface elements being moved;

detecting a user gesture, the user gesture corresponding to a gesture to move the user interface element within the user interface;

determining a velocity of the user gesture;

in response to detecting the user gesture, moving the user interface element within the user interface in accordance with the user gesture;

while moving the user interface element within the user interface;

when the velocity of the user gesture is less than a first predefined velocity threshold, displaying the user interface in a second state, the second state including visibly displaying one or more of the plurality of alignment guides; and

when the velocity of the user gesture exceeds the first predefined velocity threshold, maintaining display of the user interface in the first state.

14. A graphical user interface on a computing device with a display and one or more user input devices adapted to detect user gestures, the graphical user interface comprising:

a user interface including at least;

a user interface element configured to be moved within the user interface in response to user gestures, and

a plurality of alignment guides adapted to indicate potential placement positions within the user interface for user interface elements being moved;

wherein, while the user interface is in a first state;

a user gesture is detected, the user gesture corresponding to a gesture to move the user interface element within the user interface;

a velocity of the user gesture is determined;

in response to detecting the user gesture, the user interface element is moved within the user interface in accordance with the user gesture;

while moving the user interface element within the user interface;

when the velocity of the user gesture is less than a first predefined velocity threshold, the user interface is displayed in a second state, the second state including visibly displaying one or more of the plurality of alignment guides; and

when the velocity of the user gesture exceeds the first predefined velocity threshold, display of the user interface in the first state is maintained.

15. A computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by a computing device with a display and one or more user input devices adapted to detect user gestures, cause the device to:

display a user interface in a first state, the user interface including at least;

a user interface element configured to be moved within the user interface in response to user gestures, and

a plurality of alignment guides adapted to indicate potential placement positions within the user interface for user interface elements being moved;

detect a user gesture, the user gesture corresponding to a gesture to move the user interface element within the user interface;

determine a velocity of the user gesture;

in response to detecting the user gesture, move the user interface element within the user interface in accordance with the user gesture;

while moving the user interface element within the user interface;

when the velocity of the user gesture is less than a first predefined velocity threshold, display the user interface in a second state, the second state including visibly displaying one or more of the plurality of alignment guides; and

when the velocity of the user gesture exceeds the first predefined velocity threshold, maintain display of the user interface in the first state.

16. A method, comprising:

at a computing device with a display and one or more user input devices adapted to detect user gestures;

displaying a user interface including at least;

a user interface element configured to be moved within the user interface in response to user gestures, and

a plurality of alignment guides adapted to indicate potential placement positions within the user interface for user interface elements being moved, wherein one or more of the plurality of alignment guides are configured with a first attraction strength;

detecting a user gesture, the user gesture corresponding to a gesture to move the user interface element within the user interface;

determining a velocity of the user gesture;

in response to detecting the user gesture, moving the user interface element within the user interface in accordance with the user gesture;

while moving the user interface element within the user interface;

when the velocity of the user gesture is less than a predefined velocity threshold, maintaining the first attraction strength; and

when the velocity of the user gesture exceeds the predefined velocity threshold, configuring one or more of the plurality of alignment guides with a second attraction strength.

17. The method of claim 16, wherein the second attraction strength is zero.

18. The method of claim 16, wherein when the velocity of the user gesture is less than the predefined velocity threshold, at least some of the plurality of alignment guides is visibly displayed.

19. The method of claim 16, wherein when the velocity of the user gesture is greater than the predefined velocity threshold, at least some of the plurality of alignment guides is not visibly displayed.

20. The method of claim 16, further comprising snapping the user interface element to a target alignment guide when the user interface element is closer than a predefined distance to the target alignment guide, which is configured with the first attraction strength.

21. The method of claim 16, further comprising continuing to move the user interface element in accordance with the user gesture when the user interface element is closer than a predefined distance to a target alignment guide, which is configured with the second attraction strength.

22. The method of claim 16, wherein the user interface element is displayed on an electronic canvas.

23. The method of claim 16, wherein the display and at least one of the one or more user input devices comprise a touch-screen display.