Clock face generation based on contact on an affordance in a clock face selection mode

• US 10,606,458 B2
• Filed: 11/18/2016
• Issued: 03/31/2020
• Est. Priority Date: 05/09/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Wilson, Christopher, Butcher, Gary Ian, Chen, Kevin Will, Chaudhri, Imran, Dye, Alan C., Guzman, Aurelio, Ive, Jonathan P., Karunamuni, Chanaka G., Kocienda, Kenneth, Lynch, Kevin, Mari, Pedro, Sabatelli, Alessandro, Schmitt, Brian, Wilson, Eric Lance, Yang, Lawrence Y., Souza Dos Santos, Andre
• Primary Examiner(s): Al Kawsar, Abdullah
• Assistant Examiner(s): Nguyen, Kenny
• Application Number:
  US15/355,956
• Publication Number:
  US 20170068407A1
• Time in Patent Office: 1,229 Days
• CPC Class Codes: G06F 1/163 Wearable computers, e.g. on a belt
• CPC Class Codes: G06F 3/017 Gesture based interaction, e.g. based on a set of recognized hand gestures interaction based on gestures traced on a digitiser G06F3/04883
• 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/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• 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 9/451 Execution arrangements for user interfaces
• CPC Class Codes: G06T 13/80 2D [Two Dimensional] animation, e.g. using sprites

Abstract

Context-specific user interfaces for use with a portable multifunction device are disclosed. The methods described herein for context-specific user interfaces provide indications of time and, optionally, a variety of additional information. Further disclosed are non-transitory computer-readable storage media, systems, and devices configured to perform the methods described herein.

Claims

1. A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by one or more processors of an electronic device with a touch-sensitive display, cause the device to:

display on the touch-sensitive display a user interface screen including a first clock face;

detect a contact on the touch-sensitive display corresponding to a user request to select a clock face, and in response to detecting the contact;

enter a clock face selection mode of the electronic device; and

visually distinguish the displayed first clock face to indicate the clock face selection mode, wherein the displayed first clock face is centered on the display;

detect a swipe on the touch-sensitive display, and in response to detecting the swipe, center a second clock face on the display;

after entering the clock face selection mode and while displaying the second clock face in the clock face selection mode, detect a second swipe on the touch-sensitive display;

in response to detecting the second swipe, center a clock face generation affordance on the display, wherein the clock face generation affordance does not visually identify a clock face; and

while displaying the clock face generation affordance on the display, detect a contact on the displayed clock face generation affordance, and in response to detecting the contact on the displayed clock face generation affordance;

cease display of the clock face generation affordance; and

generate and display a third clock face, wherein the third clock face is different from previously displayed clock faces, and wherein the third clock face is centered on the display.

2. The non-transitory computer readable storage medium of claim 1, wherein visually distinguishing the displayed first clock face to indicate the clock face selection mode comprises reducing size of the displayed first clock face.

3. The non-transitory computer readable storage medium of claim 1, wherein the first and the second clock faces are among a plurality of clock faces, the plurality including at least the first and the second clock faces.

4. The non-transitory computer readable storage medium of claim 3, wherein entering the clock face selection mode of the electronic device further comprises displaying at least the first and the second clock faces from the plurality of clock faces, wherein the displayed clock faces are shown at a reduced size and arranged in a sequence of clock faces, and wherein the clock faces in the sequence that are not currently centered are displayed in a partial view.

5. The non-transitory computer readable storage medium of claim 4, wherein the second clock face is arranged after the first clock face in the sequence of clock faces, and wherein centering the second clock face on the display comprises:

translating the first clock face on-screen; and

displaying a partial view of the first clock face.

6. The non-transitory computer readable storage medium of claim 1, wherein centering the second clock face on the display comprises:

translating the second clock face onto the displayed user interface screen; and

translating the first clock face off of the displayed user interface screen.

7. The non-transitory computer readable storage medium of claim 1, wherein centering the second clock face on the display comprises simulating a movement of the second clock face towards the user on the display.

8. The non-transitory computer readable storage medium of claim 1, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

after centering the second clock face on the display, detect a contact on the displayed second clock face, and in response to detecting the contact;

exit the clock face selection mode; and

display on the touch-sensitive display a second user interface screen including the second clock face.

9. The non-transitory computer readable storage medium of claim 1, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

after entering the clock face selection mode, and before detecting the second swipe;

display at least a partial view of the clock face generation affordance on the user interface screen.

10. The non-transitory computer readable storage medium of claim 1, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

after entering the clock face selection mode;

detect a third swipe on the touch-sensitive display, and in response to detecting the third swipe;

center a random clock face generation affordance on the display; and

detect a contact on the displayed random clock face generation affordance, and in response to detecting the contact;

cease display of the random clock face generation affordance; and

display a fourth clock face, wherein the fourth clock face is centered on the display.

11. The non-transitory computer readable storage medium of claim 1, wherein centering the first clock face or the second clock face further comprises visibly distinguishing an outline around the centered clock face.

12. The non-transitory computer readable storage medium of claim 11, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

animate the outline around the centered clock face to depict a rhythmic expansion and contraction of the outline.

13. The non-transitory computer readable storage medium of claim 1, wherein centering the first clock face or the second clock face further comprises animating the centered clock face to depict a rhythmic expansion and contraction of the centered clock face.

14. The non-transitory computer readable storage medium of claim 1, wherein centering the first clock face or the second clock face further comprises animating the centered clock face to depict a flashing of the centered clock face.

15. The non-transitory computer readable storage medium of claim 1, wherein the first clock face or the second clock face is centered on the display, wherein the centered clock face comprises a representation of a first image, and wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

detect a contact on the displayed representation, and in response to detecting the contact on the displayed representation;

display on the display a second user interface screen, the second user interface screen comprising;

a background based on the first image;

a first user interface object indicating a date; and

a second user interface object indicating a time of day.

16. The non-transitory computer readable storage medium of claim 1, wherein the non-transitory computer readable storage medium further comprises instructions, which when executed by the one or more processors of the electronic device, cause the device to:

display a paging affordance on the first user interface screen, wherein the paging affordance indicates the currently centered clock face, a position of the centered clock face within a sequence of clock faces, and a total number of clock faces within the sequence of clock faces.

17. A method, comprising:

at an electronic device with a touch-sensitive display;

displaying on the touch-sensitive display a user interface screen including a first clock face;

detecting a contact on the touch-sensitive display corresponding to a user request to select a clock face, and in response to detecting the contact;

entering a clock face selection mode of the electronic device; and

visually distinguishing the displayed first clock face to indicate the clock face selection mode, wherein the displayed first clock face is centered on the display;

detecting a swipe on the touch-sensitive display, and in response to detecting the swipe, centering a second clock face on the display;

after entering the clock face selection mode and while displaying the second clock face in the clock face selection mode, detecting a second swipe on the touch-sensitive display;

in response to detecting the second swipe, centering a clock face generation affordance on the display, wherein the clock face generation affordance does not visually identify a clock face; and

while displaying the clock face generation affordance on the display, detecting a contact on the displayed clock face generation affordance, and in response to detecting the contact on the displayed clock face generation affordance;

ceasing to display the clock face generation affordance; and

generating and displaying a third clock face, wherein the third clock face is different from previously displayed clock faces, and wherein the third clock face is centered on the display.

18. The method of claim 17, wherein visually distinguishing the displayed first clock face to indicate the clock face selection mode comprises reducing size of the displayed first clock face.

19. The method of claim 17, wherein the first and the second clock faces are among a plurality of clock faces, the plurality including at least the first and the second clock faces.

20. The method of claim 19, wherein entering the clock face selection mode of the electronic device further comprises displaying at least the first and the second clock faces from the plurality of clock faces, wherein the displayed clock faces are shown at a reduced size and arranged in a sequence of clock faces, and wherein the clock faces in the sequence that are not currently centered are displayed in a partial view.

21. The method of claim 20, wherein the second clock face is arranged after the first clock face in the sequence of clock faces, and wherein centering the second clock face on the display comprises:

translating the first clock face on-screen; and

displaying a partial view of the first clock face.

22. The method of claim 17, wherein centering the second clock face on the display comprises:

translating the second clock face onto the displayed user interface screen; and

translating the first clock face off of the displayed user interface screen.

23. The method of claim 17, wherein centering the second clock face on the display comprises simulating a movement of the second clock face towards the user on the display.

24. The method of claim 17, further comprising:

after centering the second clock face on the display, detecting a contact on the displayed second clock face, and in response to detecting the contact;

exiting the clock face selection mode; and

displaying on the touch-sensitive display a second user interface screen including the second clock face.

25. The method of claim 17, further comprising:

after entering the clock face selection mode, and before detecting the second swipe;

displaying at least a partial view of the clock face generation affordance on the user interface screen.

26. The method of claim 17, further comprising:

after entering the clock face selection mode;

detecting a third swipe on the touch-sensitive display, and in response to detecting the third swipe;

centering a random clock face generation affordance on the display; and

detecting a contact on the displayed random clock face generation affordance, and in response to detecting the contact;

ceasing display of the random clock face generation; and

displaying a fourth clock face, wherein the fourth clock face is centered on the display.

27. The method of claim 17, wherein centering the first clock face or the second clock face further comprises visibly distinguishing an outline around the centered clock face.

28. The method of claim 27, further comprising:

animating the outline around the centered clock face to depict a rhythmic expansion and contraction of the outline.

29. The method of claim 17, wherein centering the first clock face or the second clock face further comprises animating the centered clock face to depict a rhythmic expansion and contraction of the centered clock face.

30. The method of claim 17, wherein centering the first clock face or the second clock face further comprises animating the centered clock face to depict a flashing of the centered clock face.

31. The method of claim 17, wherein the first clock face or the second clock face is centered on the display, wherein the centered clock face comprises a representation of a first image, and wherein the method further comprises:

detecting a contact on the displayed representation, and in response to detecting the contact on the displayed representation;

displaying on the display a second user interface screen, the second user interface screen comprising;

a background based on the first image;

a first user interface object indicating a date; and

a second user interface object indicating a time of day.

32. The method of claim 17, further comprising:

displaying a paging affordance on the first user interface screen, wherein the paging affordance indicates the currently centered clock face, a position of the centered clock face within a sequence of clock faces, and a total number of clock faces within the sequence of clock faces.

33. An electronic device, comprising:

a touch-sensitive display;

one or more processors;

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 on the touch-sensitive display a user interface screen including a first clock face;

detecting a contact on the touch-sensitive display corresponding to a user request to select a clock face, and in response to detecting the contact;

entering a clock face selection mode of the electronic device; and

visually distinguishing the displayed first clock face to indicate the clock face selection mode, wherein the displayed first clock face is centered on the display;

detecting a swipe on the touch-sensitive display, and in response to detecting the swipe, centering a second clock face on the display;

after entering the clock face selection mode and while displaying the second clock face in the clock face selection mode, detecting a second swipe on the touch-sensitive display;

in response to detecting the second swipe, centering a clock face generation affordance on the display, wherein the clock face generation affordance does not visually identify a clock face; and

while displaying the clock face generation affordance, detecting a contact on the displayed clock face generation affordance, and in response to detecting the contact on the displayed clock generation affordance;

ceasing to display the clock face generation affordance; and

generating and displaying a third clock face, wherein the third clock face is different from previously displayed clock faces, and wherein the third clock face is centered on the display.

34. The electronic device of claim 33, wherein visually distinguishing the displayed first clock face to indicate the clock face selection mode comprises reducing size of the displayed first clock face.

35. The electronic device of claim 33, wherein the first and the second clock faces are among a plurality of clock faces, the plurality including at least the first and the second clock faces.

36. The electronic device of claim 35, wherein entering the clock face selection mode of the electronic device further comprises displaying at least the first and the second clock faces from the plurality of clock faces, wherein the displayed clock faces are shown at a reduced size and arranged in a sequence of clock faces, and wherein the clock faces in the sequence that are not currently centered are displayed in a partial view.

37. The electronic device of claim 36, wherein the second clock face is arranged after the first clock face in the sequence of clock faces, and wherein centering the second clock face on the display comprises:

translating the first clock face on-screen; and

displaying a partial view of the first clock face.

38. The electronic device of claim 33, wherein centering the second clock face on the display comprises:

translating the second clock face onto the displayed user interface screen; and

translating the first clock face off of the displayed user interface screen.

39. The electronic device of claim 33, wherein centering the second clock face on the display comprises simulating a movement of the second clock face towards the user on the display.

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

after centering the second clock face on the display, detecting a contact on the displayed second clock face, and in response to detecting the contact;

exiting the clock face selection mode; and

displaying on the touch-sensitive display a second user interface screen including the second clock face.

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

after entering the clock face selection mode, and before detecting the second swipe;

displaying at least a partial view of the clock face generation affordance on the user interface screen.

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

after entering the clock face selection mode;

detecting a third swipe on the touch-sensitive display, and in response to detecting the third swipe;

centering a random clock face generation affordance on the display; and

detecting a contact on the displayed random clock face generation affordance, and in response to detecting the contact;

ceasing display of the random clock face generation; and

displaying a fourth clock face, wherein the fourth clock face is centered on the display.

43. The electronic device of claim 33, wherein centering the first clock face or the second clock face further comprises visibly distinguishing an outline around the centered clock face.

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

animating the outline around the centered clock face to depict a rhythmic expansion and contraction of the outline.

45. The electronic device of claim 33, wherein centering the first clock face or the second clock face further comprises animating the centered clock face to depict a rhythmic expansion and contraction of the centered clock face.

46. The electronic device of claim 33, wherein centering the first clock face or the second clock face further comprises animating the centered clock face to depict a flashing of the centered clock face.

47. The electronic device of claim 33, wherein the first clock face or the second clock face is centered on the display, wherein the centered clock face comprises a representation of a first image, and wherein the one or more programs further include instructions for:

detecting a contact on the displayed representation, and in response to detecting the contact on the displayed representation;

displaying on the display a second user interface screen, the second user interface screen comprising;

a background based on the first image;

a first user interface object indicating a date; and

a second user interface object indicating a time of day.

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

displaying a paging affordance on the first user interface screen, wherein the paging affordance indicates the currently centered clock face, a position of the centered clock face within a sequence of clock faces, and a total number of clock faces within the sequence of clock faces.