USER INTERFACE OBJECT MANIPULATIONS IN A USER INTERFACE

• US 20190212885A1
• Filed: 03/19/2019
• Published: 07/11/2019
• Est. Priority Date: 09/03/2013
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: ZAMBETTI, Nicholas, BUTCHER, Gary Ian, CHAUDHRI, Imran, DASCOLA, Jonathan R., DYE, Alan C., FOSS, Christopher Patrick, GUZMAN, Aurelio, IVE, Jonathan P., KARUNAMUNI, Chanaka G., KERR, Duncan Robert, LEMAY, Stephen O., MARIC, Natalia, WILSON, Christopher, WILSON, Eric Lance, YANG, Lawrence Y.
• Granted Patent: US 11,068,128 B2
• Time in Patent Office: Days
• CPC Class Codes: G06F 1/163 Wearable computers, e.g. on a belt
• CPC Class Codes: G06F 1/1643 the display being associated to a digitizer, e.g. laptops that can be used as penpads details related to the relative motion of the display enclosure with respect to the body enclosure, e.g. to move between laptop and tablet PC configuration G06F1/1615
• CPC Class Codes: G06F 1/169 the I/O peripheral being an integrated pointing device, e.g. trackball in the palm rest area, mini-joystick integrated between keyboard keys, touch pads or touch stripes G06F1/1643 takes precedence; constructional details of pointing devices G06F3/033
• CPC Class Codes: G06F 2203/04802 3D-info-object: information is displayed on the internal or external surface of a three dimensional manipulable object, e.g. on the faces of a cube that can be rotated by the user
• CPC Class Codes: G06F 3/0362 with detection of 1D translations or rotations of an operating part of the device, e.g. scroll wheels, sliders, knobs, rollers or belts
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites

Abstract

Systems and processes for manipulating a graphical user interface are disclosed. One process can include receiving user input through a crown to rotate a virtual object. The process includes selecting a surface of the object from among the multiple surfaces of the object in response to determining that the crown rotation exceeded a speed threshold.

Claims

1. An electronic device comprising:

a physical crown;

a display;

a touch-sensitive surface;

one or more processors coupled to the physical crown, the display, and the touch-sensitive surface; and

memory storing one or more programs, the one or more programs 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;

while displaying the user interface in the first state, detecting an input that includes rotation of the physical crown of a wearable electronic device;

determining a speed of the rotation, wherein the speed is based on an angular velocity of the physical crown during the detected rotation;

in response to detecting the input that includes a rotation of the physical crown, displaying, on a display, an animation starting a transition of the user interface from the first state to a second state; and

after starting the transition of the user interface from the first state to the second state;

in accordance with a determination that the speed of the rotation of the physical crown during the input exceeds a first speed threshold, displaying, on the display, a transition of the user interface to the second state;

in accordance with a determination that the speed of the rotation of the physical crown during the input exceeds a second speed threshold, displaying, on the display, a transition of the user interface to a third state, wherein the second speed threshold is higher than the first speed threshold; and

in accordance with a determination that the speed of the rotation of the physical crown during the input is below the first speed threshold, displaying, on the display, a transition of the user interface back towards the first state.

2. The electronic device of claim 1, wherein the transition of the user interface from the first state to the second state comprises an animation of translating, in a first direction, a surface of the first state and a surface of the second state.

3. The electronic device of claim 2, wherein the transition of the user interface back towards the first state comprises an animation of translating, in a second direction opposite to the first direction, a surface of the first state and a surface of the second state.

4. The electronic device of claim 1, wherein the transition of the user interface from the first state to the second state includes displaying, on the display, the second state and at least a portion of the first state, wherein a display area of the second state is larger than a display area of the at least a portion of the first state.

5. The electronic device of claim 1, wherein the transition of the user interface back towards the first state includes displaying, on the display, the first state and at least a portion of the second state, wherein a display area of the first state is larger than a display area of the at least a portion of the second state.

6. The electronic device of claim 1, further comprising:

associating the first state with a first data;

associating the second state with a second data, wherein the first data and the second data are different; and

in response to the speed of the rotation of the crown during the input exceeding the first speed threshold, displaying the second data at a location corresponding to the second state without displaying the first data.

7. The electronic device of claim 1, further comprising:

associating the first state with a first data;

associating the second state with a second data, wherein the first data and the second data are different; and

in response to the speed of the rotation of the crown during the input not exceeding the first speed threshold, displaying the first data at a location corresponding to the first state without displaying the second data.

8. The electronic device of claim 1, further comprising:

while the second state is displayed, detecting a user input on the touch-sensitive surface of the electronic device at a location corresponding to the second state; and

in response to detecting the user input, selecting the second state.

9. The electronic device of claim 1, further comprising:

detecting a user input corresponding to a second rotation of the physical crown while displaying; and

in response to detecting the user input, generating a haptic output.

10. The electronic device of claim 1, wherein the physical crown is a mechanical crown.

11. A non-transitory computer-readable storage medium comprising one or more programs for execution by one or more processors of an electronic device with a physical crown, a display, and a touch-sensitive surface, the one or more programs including instructions for:

displaying a user interface in a first state;

while displaying the user interface in the first state, detecting an input that includes rotation of the physical crown of a wearable electronic device;

determining a speed of the rotation, wherein the speed is based on an angular velocity of the physical crown during the detected rotation;

in response to detecting the input that includes a rotation of the physical crown, displaying, on a display, an animation starting a transition of the user interface from the first state to a second state; and

after starting the transition of the user interface from the first state to the second state;

in accordance with a determination that the speed of the rotation of the physical crown during the input exceeds a first speed threshold, displaying, on the display, a transition of the user interface to the second state;

in accordance with a determination that the speed of the rotation of the physical crown during the input exceeds a second speed threshold, displaying, on the display, a transition of the user interface to a third state, wherein the second speed threshold is higher than the first speed threshold; and

in accordance with a determination that the speed of the rotation of the physical crown during the input is below the first speed threshold, displaying, on the display, a transition of the user interface back towards the first state.

12. A method comprising:

at an electronic device with a physical crown, a display, and a touch-sensitive surface;

displaying a user interface in a first state;

while displaying the user interface in the first state, detecting an input that includes rotation of a physical crown of a wearable electronic device;

determining a speed of the rotation, wherein the speed is based on an angular velocity of the physical crown during the detected rotation;

in response to detecting the input that includes a rotation of the physical crown, displaying, on a display, an animation starting a transition of the user interface from the first state to a second state; and

after starting the transition of the user interface from the first state to the second state;

in accordance with a determination that the speed of the rotation of the physical crown during the input exceeds a first speed threshold, displaying, on the display, a transition of the user interface to the second state;

in accordance with a determination that the speed of the rotation of the physical crown during the input exceeds a second speed threshold, displaying, on the display, a transition of the user interface to a third state, wherein the second speed threshold is higher than the first speed threshold; and

in accordance with a determination that the speed of the rotation of the physical crown during the input is below the first speed threshold, displaying, on the display, a transition of the user interface back towards the first state.