User interface for manipulating user interface objects

• US 11,513,675 B2
• Filed: 09/03/2014
• Issued: 11/29/2022
• Est. Priority Date: 12/29/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Zambetti, Nicholas, Chaudhri, Imran, Dascola, Jonathan R., Dye, Alan C., Foss, Christopher Patrick, Guzman, Aurelio, Karunamuni, Chanaka G., Kerr, Duncan Robert, Lemay, Stephen O., Maric, Natalia, Wilson, Christopher, Wilson, Eric Lance, Yang, Lawrence Y., Butcher, Gary Ian, Davydov, Anton M., Edwards, Dylan Ross, Ive, Jonathan P., Kennedy, Zachery, King, Nicholas V., Preston, Daniel Trent
• Primary Examiner(s): Nunez, Jordany
• Application Number:
  US14/913,349
• Publication Number:
  US 20160202866A1
• Time in Patent Office: 3,009 Days
• CPC Class Codes: G04G 21/08 Touch switches specially adapted for time-pieces
• CPC Class Codes: G06F 1/163 Wearable computers, e.g. on a belt
• CPC Class Codes: G06F 1/1694 the I/O peripheral being a single or a set of motion sensors for pointer control or gesture input obtained by sensing movements of the portable computer
• 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/0236 using selection techniques to select from displayed items
• 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/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Abstract

User interface navigation on a personal electronics device based on movements of a crown is disclosed. The device can select an appropriate level of information arranged along a z-axis for display based on crown movement. The navigation can be based on an angular velocity of the crown.

Claims

1. A computer-implemented method comprising:

displaying a plurality of icons on a touch-sensitive display of a wearable electronic device;

receiving input based on a movement of a physical crown of the wearable electronic device, wherein the movement is a rotation of the physical crown relative to the display of the wearable electronic device in a first direction and the movement includes an angular velocity greater than zero; and

in response to the received input;

in accordance with a determination that the rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold, maintain displaying the plurality of icons on the touch-sensitive display of the wearable electronic device; and

in accordance with a determination that the rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is above the predetermined rotational movement threshold, launching an application associated with a first icon of the plurality of icons.

2. The method of claim 1, wherein the first icon of the plurality of icons is displayed at a size greater than a second icon from the plurality of icons.

3. The method of claim 1, wherein the first icon of the plurality of icons is displayed centered relative to the remaining icons of the plurality of icons.

4. The method of claim 1, wherein launching the application includes gradually removing all visible icons from the touch-sensitive display while gradually displaying, on the touch-sensitive display, the application associated with the first icon of the plurality of icons.

5. The method of claim 1, further comprising:

receiving a second input based on a second movement of the physical crown of the wearable electronic device, wherein the second movement is a rotation in a second direction opposite of the first direction; and

in response to the received second input, minimizing the application associated with the first icon of the plurality of icons, wherein minimizing the application includes gradually displaying, on the touch-sensitive display, at least the first icon of the plurality of icons while gradually removing from the touch-sensitive display the application associated with the first icon of the plurality of icons.

6. The method of claim 1, wherein the plurality of icons correspond to a plurality of applications stored on the wearable electronic device.

7. The method of claim 1, wherein the plurality of icons correspond to a plurality of open applications on the wearable electronic device.

8. The method of claim 1, wherein the plurality of icons correspond to a user-selected set of applications on the wearable electronic device.

9. The method of claim 1, wherein the wearable electronic device is a watch.

10. The method of claim 1, the method further comprising:

receiving information representing an activity in the application, wherein the application corresponds to a displayed icon; and

in response to the received information, altering an appearance of the displayed icon.

11. The method of claim 10, wherein the altering is one or more of blinking, changing color, and animating.

12. The method of claim 1, wherein the physical crown is a mechanical crown.

13. The method of claim 1, further comprising:

detecting a force applied to the touch-sensitive display; and

replacing information displayed on the touch-sensitive display based on the detected force.

40. The method of claim 1, wherein the wearable electronic device includes a housing and the physical crown has a fixed axis about which the physical crown rotates relative to the touch-sensitive display and the housing.

43. The method of claim 1, further comprising:

in response to the received input, increasing a size of the plurality of icons on the touch-sensitive display of the wearable electronic device by a first amount; and

in accordance with the determination that the rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold;

in response to a determination that the rotation of the physical crown has ceased, reducing the size of the plurality of icons on the touch-sensitive display of the wearable electronic device.

44. The method of claim 1, further comprising:

prior to receiving the input based on the movement of the physical crown, receiving an initial input based on a second movement of a physical crown of the wearable electronic device, wherein the second movement is a rotation of the physical crown relative to the display of the wearable electronic device in the first direction and the second movement includes an angular velocity greater than zero; and

in response to the received initial input;

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold, maintain displaying the plurality of icons on the touch-sensitive display of the wearable electronic device; and

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is above the predetermined rotational movement threshold, ceasing to display one or more of the plurality of icons while maintaining to display a subset of the plurality of icons on the touch-sensitive display.

45. The method of claim 1, wherein the first icon of the plurality of icons is displayed at a size greater than a second icon from the plurality of icons, the method further comprising:

prior to receiving the input based on the movement of the physical crown, receiving an initial input based on a second movement of a physical crown of the wearable electronic device, wherein the second movement is a rotation of the physical crown relative to the display of the wearable electronic device in the first direction and the second movement includes an angular velocity greater than zero; and

in response to the received initial input;

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold, maintain displaying the plurality of icons on the touch-sensitive display of the wearable electronic device; and

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is above the predetermined rotational movement threshold, ceasing to display one or more of the plurality of icons while maintaining to display a subset of the plurality of icons on the touch-sensitive display.

14. A non-transitory computer-readable storage medium storing one or more programs configured to be executed by one or more processors of an electronic device with a touch-sensitive display and a rotatable input mechanism, the one or more programs including instructions for:

displaying a plurality of icons on a touch-sensitive display of a wearable electronic device;

receiving input based on a movement of a physical crown of the wearable electronic device, wherein the movement is a rotation of the physical crown relative to the display of the wearable electronic device in a first direction and the movement includes an angular velocity greater than zero; and

in response to the received input;

in accordance with a determination that the rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold, maintain displaying the plurality of icons on the touch-sensitive display of the wearable electronic device; and

in accordance with a determination that the rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is above the predetermined rotational movement threshold, launching an application associated with a first icon of the plurality of icons.

15. The non-transitory computer-readable storage medium of claim 14, wherein the first icon of the plurality of icons is displayed at a size greater than a second icon from the plurality of icons.

16. The non-transitory computer-readable storage medium of claim 14, wherein the first icon of the plurality of icons is displayed centered relative to the remaining icons of the plurality of icons.

17. The non-transitory computer-readable storage medium of claim 14, wherein launching the application includes gradually removing all visible icons from the touch-sensitive display while gradually displaying, on the touch-sensitive display, the application associated with the first icon of the plurality of icons.

18. The non-transitory computer-readable storage medium of claim 14, the one or more programs further including instructions for:

receiving a second input based on a second movement of the physical crown of the wearable electronic device, wherein the second movement is a rotation in a second direction opposite of the first direction; and

in response to the received second input, minimizing the application associated with the first icon of the plurality of icons, wherein minimizing the application includes gradually displaying, on the touch-sensitive display, at least the first icon of the plurality of icons while gradually removing from the touch-sensitive display the application associated with the first icon of the plurality of icons.

19. The non-transitory computer-readable storage medium of claim 14, wherein the plurality of icons correspond to a plurality of applications stored on the wearable electronic device.

20. The non-transitory computer-readable storage medium of claim 14, wherein the plurality of icons correspond to a plurality of open applications on the wearable electronic device.

21. The non-transitory computer-readable storage medium of claim 14, wherein the plurality of icons correspond to a user-selected set of applications on the wearable electronic device.

22. The non-transitory computer-readable storage medium of claim 14, wherein the wearable electronic device is a watch.

23. The non-transitory computer-readable storage medium of claim 14, the one or more programs further including instructions for:

receiving information representing an activity in the application, wherein the application corresponds to a displayed icon; and

in response to the received information, altering an appearance of the displayed icon.

24. The non-transitory computer-readable storage medium of claim 23, wherein the altering is one or more of blinking, changing color, and animating.

25. The non-transitory computer-readable storage medium of claim 14, wherein the physical crown is a mechanical crown.

26. The non-transitory computer-readable storage medium of claim 14, the one or more programs further including instructions for:

detecting a force applied to the touch-sensitive display; and

replacing information displayed on the touch-sensitive display based on the detected force.

41. The non-transitory computer-readable storage medium of claim 14, wherein the wearable electronic device includes a housing and the physical crown has a fixed axis about which the physical crown rotates relative to the touch-sensitive display and the housing.

46. The non-transitory computer-readable storage medium of claim 14, the one or more programs further including instructions for:

in response to the received input, increasing a size of the plurality of icons on the touch-sensitive display of the wearable electronic device by a first amount; and

in accordance with the determination that the rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold;

in response to a determination that the rotation of the physical crown has ceased, reducing the size of the plurality of icons on the touch-sensitive display of the wearable electronic device.

47. The non-transitory computer-readable storage medium of claim 14, the one or more programs further including instructions for:

prior to receiving the input based on the movement of the physical crown, receiving an initial input based on a second movement of a physical crown of the wearable electronic device, wherein the second movement is a rotation of the physical crown relative to the display of the wearable electronic device in the first direction and the second movement includes an angular velocity greater than zero; and

in response to the received initial input;

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold, maintain displaying the plurality of icons on the touch-sensitive display of the wearable electronic device; and

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is above the predetermined rotational movement threshold, ceasing to display one or more of the plurality of icons while maintaining to display a subset of the plurality of icons on the touch-sensitive display.

48. The non-transitory computer-readable storage medium of claim 14, wherein the first icon of the plurality of icons is displayed at a size greater than a second icon from the plurality of icons, the one or more programs further including instructions for:

prior to receiving the input based on the movement of the physical crown, receiving an initial input based on a second movement of a physical crown of the wearable electronic device, wherein the second movement is a rotation of the physical crown relative to the display of the wearable electronic device in the first direction and the second movement includes an angular velocity greater than zero; and

in response to the received initial input;

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold, maintain displaying the plurality of icons on the touch-sensitive display of the wearable electronic device; and

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is above the predetermined rotational movement threshold, ceasing to display one or more of the plurality of icons while maintaining to display a subset of the plurality of icons on the touch-sensitive display.

27. An electronic device comprising:

one or more processors;

a physical crown operatively coupled to the one or more processors;

a touch-sensitive display operatively coupled to the one or more processor;

a 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 plurality of icons on a touch-sensitive display of a wearable electronic device;

receiving input based on a movement of a physical crown of the wearable electronic device, wherein the movement is a rotation of the physical crown relative to the display of the wearable electronic device in a first direction and the movement includes an angular velocity greater than zero; and

in response to the received input;

in accordance with a determination that the rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold, maintain displaying the plurality of icons on the touch-sensitive display of the wearable electronic device; and

in accordance with a determination that the rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is above the predetermined rotational movement threshold, launching an application associated with a first icon of the plurality of icons.

28. The electronic device of claim 27, wherein the first icon of the plurality of icons is displayed at a size greater than a second icon from the plurality of icons.

29. The electronic device of claim 27, wherein the first icon of the plurality of icons is displayed centered relative to the remaining icons of the plurality of icons.

30. The electronic device of claim 27, wherein launching the application includes gradually removing all visible icons from the touch-sensitive display while gradually displaying, on the touch-sensitive display, the application associated with the first icon of the plurality of icons.

31. The electronic device of claim 27, the one or more programs further including instructions for:

receiving a second input based on a second movement of the physical crown of the wearable electronic device, wherein the second movement is a rotation in a second direction opposite of the first direction; and

in response to the received second input, minimizing the application associated with the first icon of the plurality of icons, wherein minimizing the application includes gradually displaying, on the touch-sensitive display, at least the first icon of the plurality of icons while gradually removing from the touch-sensitive display the application associated with the first icon of the plurality of icons.

32. The electronic device of claim 27, wherein the plurality of icons correspond to a plurality of applications stored on the wearable electronic device.

33. The electronic device of claim 27, wherein the plurality of icons correspond to a plurality of open applications on the wearable electronic device.

34. The electronic device of claim 27, wherein the plurality of icons correspond to a user-selected set of applications on the wearable electronic device.

35. The electronic device of claim 27, wherein the wearable electronic device is a watch.

36. The electronic device of claim 27, the one or more programs further including instructions for:

receiving information representing an activity in the application, wherein the application corresponds to a displayed icon; and

in response to the received information, altering an appearance of the displayed icon.

37. The electronic device of claim 36, wherein the altering is one or more of blinking, changing color, and animating.

38. The electronic device of claim 27, wherein the physical crown is a mechanical crown.

39. The electronic device of claim 27, the one or more programs further including instructions for:

detecting a force applied to the touch-sensitive display; and

replacing information displayed on the touch-sensitive display based on the detected force.

42. The electronic device of claim 27, wherein the wearable electronic device includes a housing and the physical crown has a fixed axis about which the physical crown rotates relative to the touch-sensitive display and the housing.

49. The electronic device of claim 27, the one or more programs further including instructions for:

in response to the received input, increasing a size of the plurality of icons on the touch-sensitive display of the wearable electronic device by a first amount; and

in accordance with the determination that the rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold;

in response to a determination that the rotation of the physical crown has ceased, reducing the size of the plurality of icons on the touch-sensitive display of the wearable electronic device.

50. The electronic device of claim 27, the one or more programs further including instructions for:

prior to receiving the input based on the movement of the physical crown, receiving an initial input based on a second movement of a physical crown of the wearable electronic device, wherein the second movement is a rotation of the physical crown relative to the display of the wearable electronic device in the first direction and the second movement includes an angular velocity greater than zero; and

in response to the received initial input;

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold, maintain displaying the plurality of icons on the touch-sensitive display of the wearable electronic device; and

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is above the predetermined rotational movement threshold, ceasing to display one or more of the plurality of icons while maintaining to display a subset of the plurality of icons on the touch-sensitive display.

51. The electronic device of claim 27, wherein the first icon of the plurality of icons is displayed at a size greater than a second icon from the plurality of icons, the one or more programs further including instructions for:

prior to receiving the input based on the movement of the physical crown, receiving an initial input based on a second movement of a physical crown of the wearable electronic device, wherein the second movement is a rotation of the physical crown relative to the display of the wearable electronic device in the first direction and the second movement includes an angular velocity greater than zero; and

in response to the received initial input;

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is below a predetermined rotational movement threshold, maintain displaying the plurality of icons on the touch-sensitive display of the wearable electronic device; and

in accordance with a determination that the second rotational movement of the physical crown relative to the display of the wearable electronic device that includes an angular velocity greater than zero is above the predetermined rotational movement threshold, ceasing to display one or more of the plurality of icons while maintaining to display a subset of the plurality of icons on the touch-sensitive display.