User interface interaction using various inputs for adding a contact

• US 10,209,810 B2
• Filed: 08/28/2015
• Issued: 02/19/2019
• Est. Priority Date: 09/02/2014
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Anzures, Freddy Allen, Chaudhri, Imran, Dye, Alan C., Ive, Jonathan P., Kerr, Duncan Robert, King, Nicholas V., Lynch, Kevin, Novick, Gregory, Preston, Daniel Trent, Jenkins, Monica, Yang, Lawrence Y.
• Primary Examiner(s): Molina, Hugo
• Application Number:
  US14/839,919
• Publication Number:
  US 20160062630A1
• Time in Patent Office: 1,271 Days
• CPC Class Codes: F16M 13/00 Other supports for positioning apparatus or articles heads thereof F16M11/02 ; undercarriages thereof F16M11/20 ; adapted to be stuck in the ground A45F3/44 ; sockets or holders for poles or posts E04H12/22; Means for steadying hand-held apparatus or articles supports for measuring instruments G01D11/30; supports for casings of remote control switching devices H01H9/025
• CPC Class Codes: G06F 2203/04104 Multi-touch detection in digitiser, i.e. details about the simultaneous detection of a plurality of touching locations, e.g. multiple fingers or pen and finger
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/016 Input arrangements with force or tactile feedback as computer generated output to the user
• 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/0416 Control or interface arrangements specially adapted for digitisers
• CPC Class Codes: G06F 3/048 Interaction techniques based on graphical user interfaces [GUI]
• 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/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: G06T 11/20 Drawing from basic elements, e.g. lines or circles
• CPC Class Codes: H04L 51/066 Format adaptation, e.g. format conversion or compression
• CPC Class Codes: H04L 51/10 Multimedia information
• CPC Class Codes: H04L 51/52 for supporting social networking services
• CPC Class Codes: H04M 1/72439 for image or video messaging

Abstract

A device with a touch-sensitive display, a rotatable input mechanism, processors, and memory storing programs for displaying, on the touch-sensitive display, a user interface comprising a plurality of objects each associated with a contact and an affordance representing a first contact is disclosed. The memory may include programs for, in response to receiving the first input, updating the visual appearance of the affordance to represent the second contact among the plurality of contacts, and the memory also may include programs for, after updating the visual appearance of the affordance, updating display of the affordance to an add contact affordance, where the add contact affordance was not displayed prior to detecting the second input corresponding to the selection of the object that is not associated with any contact. Further, the memory may include programs for displaying a user interface for adding a contact upon selection of the add contact affordance.

Claims

1. An electronic device comprising:

a touch-sensitive display;

a rotatable input mechanism;

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 comprising a plurality of objects each associated with a contact of a plurality of contacts and an affordance having a visual appearance representing a first contact of the plurality of contacts;

receiving a first input corresponding to a selection of an object of the plurality of objects that is associated with a second contact of the plurality of contacts;

in response to receiving the first input corresponding to the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts, updating the visual appearance of the affordance to represent the second contact among the plurality of contacts;

after updating the visual appearance of the affordance to represent the second contact among the plurality of contacts, receiving a second input corresponding to a selection of an object that is not associated with any contact, wherein the selection of the object that is not associated with any contact corresponds to a rotation of the rotatable input mechanism;

in response to receiving the second input corresponding to the selection of the object that is not associated with any contact, updating display of the affordance to an add contact affordance, wherein the add contact affordance was not displayed prior to detecting the second input corresponding to the selection of the object that is not associated with any contact;

after displaying the add contact affordance, receiving a third input corresponding to a selection of the add contact affordance; and

in response to receiving the third input corresponding to the selection of the add contact affordance, displaying a user interface for adding a contact.

2. The electronic device of claim 1, wherein, prior to receiving the second input corresponding to the selection of the object that is not associated with any contact, a visual indicator is associated with a first object of the plurality of objects, and wherein the first object is associated with the first contact of the plurality of contacts.

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

further in response to receiving the first input corresponding to the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts;

ceasing to associate the visual indicator with the first object of the plurality of objects; and

associating the visual indicator with the object of the plurality of objects that is associated with the second contact of the plurality of contacts.

4. The electronic device of claim 3, wherein ceasing to associate the visual indicator with the first object of the plurality of objects, and associating the visual indicator with the second contact of the plurality of contacts comprises:

determining that the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts did not result in the association of the visual indicator with the second contact of the plurality of contacts;

in accordance with a determination that the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts did not result in the association of the visual indicator with the second contact of the plurality of contacts, determining whether a position of the visual indicator is in an object transition region, wherein the object transition region is a region located after the first object and before a second object associated with the second contact;

in accordance with a determination that the position of the visual indicator is in the object transition region, associating the visual indicator with the second contact of the plurality of contacts; and

in accordance with a determination that the position of the visual indicator is not in the object transition region, maintaining association of the visual indicator with the first object of the plurality of objects.

5. The electronic device of claim 2, wherein the visual indicator is a discrete area in which one or more displayed colors of the affordance are altered, the one or more programs further including instructions for:

further in response to receiving the first input corresponding to the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts;

altering a color of the visual indicator from a first color based on a color of the first object of the plurality of objects to a second color based on a color of a third object of the plurality of objects.

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

displaying, a visual indicator in accordance with a first position value, the first position value being within a range of position values, each of the plurality of objects associated with a position within the range of position values;

further in response to receiving the second input corresponding to the selection-of the object that is not associated with any contact, determining whether the second input is a request to update the first position value of the visual indicator to a second position value that is not associated with an object of the plurality of objects; and

in accordance with a determination that the second input is a request to update the first position value of the visual indicator to a second position value that is not associated with an object of the plurality of objects;

updating the first position value of the visual indicator to a third position value that corresponds to a fourth position value of the object of the plurality of objects that is nearest to the second position value within the range of position values; and

updating display of the visual indicator in accordance with the third position value.

7. The electronic device of claim 1, wherein the visual appearance of the affordance is an animated representation of the first contact when the affordance represents the first contact, and wherein updating the visual appearance of the affordance to represent the second contact among the plurality of contacts comprises updating the visual appearance of the affordance to an animated representation of the second contact.

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

after updating the visual appearance of the affordance, receiving a fourth input corresponding to selection of a fourth object of the plurality of objects, the third object different than a fifth object and a sixth object; and

in response to receiving the fourth input, updating the visual appearance of the affordance to represent a third contact among the plurality of contacts.

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

after updating the visual appearance of the affordance, detecting a fifth input corresponding to a selection of the affordance; and

in response to detecting the fifth input, forgoing display of the plurality of objects.

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

further in response to detecting the fifth input, displaying a second affordance.

11. The electronic device of claim 10, wherein the second affordance comprises a drawing affordance, the one or more programs further including instructions for:

detecting a sixth input corresponding to a selection of the drawing affordance; and

in response to detecting the sixth input, displaying a drawing area, wherein the drawing area is responsive to touch input.

12. The electronic device of claim 1, wherein the plurality of objects comprise twelve circular objects positioned around the affordance.

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

determining whether one or more messages received from one of the plurality of contacts is unread; and

in accordance with a determination that a message received from one of the plurality of contacts is unread, displaying an indicator proximate to the object of the plurality of objects associated with the one or more messages.

14. The electronic device of claim 1, wherein displaying the user interface comprising the plurality of objects includes displaying a page indicator associated with a first page and a second page of the user interface, the one or more programs further including instructions for:

receiving a seventh input corresponding to a request to display the second page; and

in response to receiving the seventh input corresponding to the request to display the second page, replacing display of the first page with the second page, wherein the second page is distinct from the first page.

15. The electronic device of claim 14, wherein the second page includes a second plurality of objects each associated with a contact of the plurality of contacts.

16. The electronic device of claim 14, wherein the user interface is associated with the first page and a second user interface is associated with a second user interface, and wherein replacing display of the first page with the second page includes replacing the user interface with the second user interface.

17. 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, on the touch-sensitive display, a user interface comprising a plurality of objects each associated with a contact of a plurality of contacts and an affordance having a visual appearance representing a first contact of the plurality of contacts;

receiving a first input corresponding to a selection of an object of the plurality of objects that is associated with a second contact of the plurality of contacts;

in response to receiving the first input corresponding to the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts, updating the visual appearance of the affordance to represent the second contact among the plurality of contacts;

after updating the visual appearance of the affordance to represent the second contact among the plurality of contacts, receiving a second input corresponding to a selection of an object that is not associated with any contact, wherein the selection of the object that is not associated with any contact corresponds to a rotation of the rotatable input mechanism;

in response to receiving the second input corresponding to the selection of the object that is not associated with any contact, updating display of the affordance to an add contact affordance, wherein the add contact affordance was not displayed prior to detecting the second input corresponding to the selection of the object that is not associated with any contact;

after displaying the add contact affordance, receiving a third input corresponding to a selection of the add contact affordance; and

in response to receiving the third input corresponding to the selection of the add contact affordance, displaying a user interface for adding a contact.

18. The non-transitory computer readable-storage medium of claim 17, wherein, prior to receiving the second input corresponding to the selection of an object that is not associated with any contact, a visual indicator is associated with a first object of the plurality of objects, and wherein the first object is associated with the first contact of the plurality of contacts.

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

further in response to receiving the first input corresponding to the selection of the object that is associated with the second contact of the plurality of contacts;

ceasing to associate the visual indicator with the first object of the plurality of objects; and

associating the visual indicator with the object of the plurality of objects that is associated with the second contact of the plurality of contacts.

20. The non-transitory computer readable-storage medium of claim 19, wherein ceasing to associate the visual indicator with the first object of the plurality of objects, and associating the visual indicator with the second contact of the plurality of contacts comprises:

determining that the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts did not result in the association of the visual indicator with the second contact of the plurality of contacts;

in accordance with a determination that the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts did not result in the association of the visual indicator with the second contact of the plurality of contacts, determining whether a position of the visual indicator is in an object transition region, wherein the object transition region is a region located after the first object and before a second object associated with the second contact;

in accordance with a determination that the position of the visual indicator is in the object transition region, associating the visual indicator with the second contact of the plurality of contacts; and

in accordance with a determination that the position of the visual indicator is not in the object transition region, maintaining association of the visual indicator with the first object of the plurality of objects.

21. The non-transitory computer readable-storage medium of claim 18, wherein the visual indicator is a discrete area in which one or more displayed colors of the affordance are altered, the one or more programs further including instructions for:

further in response to receiving the first input corresponding to the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts;

altering a color of the visual indicator from a first color based on a color of the first object of the plurality of objects to a second color based on a color of a third object of the plurality of objects.

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

displaying, a visual indicator in accordance with a first position value, the first position value being within a range of position values, each of the plurality of objects associated with a position within the range of position values;

further in response to receiving the second input corresponding to the selection-of the object that is not associated with any contact, determining whether the second input is a request to update the first position value of the visual indicator to a second position value that is not associated with an object of the plurality of objects; and

in accordance with a determination that the second input is a request to update the first position value of the visual indicator to a second position value that is not associated with an object of the plurality of objects;

updating the first position value of the visual indicator to a third position value that corresponds to a fourth position value of the object of the plurality of objects that is nearest to the second position value within the range of position values; and

updating display of the visual indicator in accordance with the third position value.

23. The non-transitory computer readable-storage medium of claim 17, wherein the visual appearance of the affordance is an animated representation of the first contact when the affordance represents the first contact, and wherein updating the visual appearance of the affordance to represent the second contact among the plurality of contacts comprises updating the visual appearance of the affordance to an animated representation of the second contact.

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

after updating the visual appearance of the affordance, receiving a fourth input corresponding to selection of a fourth object of the plurality of objects, the third object different than a fifth object and a sixth object; and

in response to receiving the fourth input, updating the visual appearance of the affordance to represent a third contact among the plurality of contacts.

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

after updating the visual appearance of the affordance, detecting a fifth input corresponding to a selection of the affordance; and

in response to detecting the fifth input, forgoing display of the plurality of objects.

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

further in response to detecting the fifth input, displaying a second affordance.

27. The non-transitory computer readable-storage medium of claim 26, wherein the second affordance comprises a drawing affordance, the one or more programs further including instructions for:

detecting a sixth input corresponding to a selection of the drawing affordance; and

in response to detecting the sixth input, displaying a drawing area, wherein the drawing area is responsive to touch input.

28. The non-transitory computer readable-storage medium of claim 17, wherein the plurality of objects comprise twelve circular objects positioned around the affordance.

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

determining whether one or more messages received from one of the plurality of contacts is unread; and

in accordance with a determination that a message received from one of the plurality of contacts is unread, displaying an indicator proximate to the object of the plurality of objects associated with the one or more messages.

30. The non-transitory computer readable-storage medium of claim 17, wherein displaying the user interface comprising the plurality of objects includes displaying a page indicator associated with a first page and a second page of the user interface, the one or more programs further including instructions for:

receiving a seventh input corresponding to a request to display the second page; and

in response to receiving the seventh input corresponding to the request to display the second page, replacing display of the first page with the second page, wherein the second page is distinct from the first page.

31. The non-transitory computer readable-storage medium of claim 30, wherein the second page includes a second plurality of objects each associated with a contact of the plurality of contacts.

32. The non-transitory computer readable-storage medium of claim 30, wherein the user interface is associated with the first page and a second user interface is associated with a second user interface, and wherein replacing display of the first page with the second page includes replacing the user interface with the second user interface.

33. A method comprising:

at an electronic device with a touch-sensitive display and a rotatable input mechanism;

displaying, on the touch-sensitive display, a user interface comprising a plurality of objects each associated with a contact of a plurality of contacts and an affordance having a visual appearance representing a first contact of the plurality of contacts;

receiving a first input corresponding to a selection of an object of the plurality of objects that is associated with a second contact of the plurality of contacts;

in response to receiving the first input corresponding to the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts, updating the visual appearance of the affordance to represent the second contact among the plurality of contacts;

after updating the visual appearance of the affordance to represent the second contact among the plurality of contacts, receiving a second input corresponding to a selection of an object that is not associated with any contact, wherein the selection of the object that is not associated with any contact corresponds to a rotation of the rotatable input mechanism;

in response to receiving the second input corresponding to the selection of the object that is not associated with any contact, updating display of the affordance to an add contact affordance, wherein the add contact affordance was not displayed prior to detecting the second input corresponding to the selection of the object that is not associated with any contact;

after displaying the add contact affordance, receiving a third input corresponding to a selection of the add contact affordance; and

in response to receiving the third input corresponding to the selection of the add contact affordance, displaying a user interface for adding a contact.

34. The method of claim 33, wherein, prior to receiving the second input corresponding to the selection of the object that is associated with any contact, a visual indicator is associated with a first object of the plurality of objects, and wherein the first object is associated with the first contact of the plurality of contacts.

35. The method of claim 34, further comprising:

further in response to receiving the first input corresponding to the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts;

ceasing to associate the visual indicator with the first object of the plurality of objects; and

associating the visual indicator with the object of the plurality of objects that is associated with the second contact of the plurality of contacts.

36. The method of claim 35, wherein ceasing to associate the visual indicator with the first object of the plurality of objects, and associating the visual indicator with the second contact of the plurality of contacts comprises:

determining that the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts did not result in the association of the visual indicator with the second contact of the plurality of contacts;

in accordance with a determination that the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts did not result in the association of the visual indicator with the second contact of the plurality of contacts, determining whether a position of the visual indicator is in an object transition region, wherein the object transition region is a region located after the first object and before a second object associated with the second contact;

in accordance with a determination that the position of the visual indicator is in the object transition region, associating the visual indicator with the second contact of the plurality of contacts; and

in accordance with a determination that the position of the visual indicator is not in the object transition region, maintaining association of the visual indicator with the first object of the plurality of objects.

37. The method of claim 35, wherein the visual indicator is a discrete area in which one or more displayed colors of the affordance are altered, the method further comprising:

further in response to receiving the first input corresponding to the selection of the object of the plurality of objects that is associated with the second contact of the plurality of contacts;

altering a color of the visual indicator from a first color based on a color of the first object of the plurality of objects to a second color based on a color of a third object of the plurality of objects.

38. The method of claim 33, further comprising:

displaying, a visual indicator in accordance with a first position value, the first position value being within a range of position values, each of the plurality of objects associated with a position within the range of position values;

further in response to receiving the second input corresponding to the selection-of the object that is not associated with any contact, determining whether the second input is a request to update the first position value of the visual indicator to a second position value that is not associated with an object of the plurality of objects; and

in accordance with a determination that the second input is a request to update the first position value of the visual indicator to a second position value that is not associated with an object of the plurality of objects;

updating the first position value of the visual indicator to a third position value that corresponds to a fourth position value of the object of the plurality of objects that is nearest to the second position value within the range of position values; and

updating display of the visual indicator in accordance with the third position value.

39. The method of claim 33, wherein the visual appearance of the affordance is an animated representation of the first contact when the affordance represents the first contact, and wherein updating the visual appearance of the affordance to represent the second contact among the plurality of contacts comprises updating the visual appearance of the affordance to an animated representation of the second contact.

40. The method of claim 33, further comprising:

after updating the visual appearance of the affordance, receiving a fourth input corresponding to selection of a fourth object of the plurality of objects, the third object different than a fifth object and a sixth object; and

in response to receiving the fourth input, updating the visual appearance of the affordance to represent a third contact among the plurality of contacts.

41. The method of claim 33, further comprising:

after updating the visual appearance of the affordance, detecting a fifth input corresponding to a selection of the affordance; and

in response to detecting the fifth input, forgoing display of the plurality of objects.

42. The method of claim 41, further comprising:

further in response to detecting the fifth input, displaying a second affordance.

43. The method of claim 42, wherein the second affordance comprises a drawing affordance, the method further comprising:

detecting a sixth input corresponding to a selection of the drawing affordance; and

in response to detecting the sixth input, displaying a drawing area, wherein the drawing area is responsive to touch input.

44. The method of claim 33, wherein the plurality of objects comprise twelve circular objects positioned around the affordance.

45. The method of claim 33, the method further comprising:

determining whether one or more messages received from one of the plurality of contacts is unread; and

in accordance with a determination that a message received from one of the plurality of contacts is unread, displaying an indicator proximate to the object of the plurality of objects associated with the one or more messages.

46. The method of claim 33, wherein displaying the user interface comprising the plurality of objects includes displaying a page indicator associated with a first page and a second page of the user interface, the one or more programs further including instructions for:

receiving a seventh input corresponding to a request to display the second page; and

in response to receiving the seventh input corresponding to the request to display the second page, replacing display of the first page with the second page, wherein the second page is distinct from the first page.

47. The method of claim 46, wherein the second page includes a second plurality of objects each associated with a contact of the plurality of contacts.

48. The method of claim 46, wherein the user interface is associated with the first page and a second user interface is associated with a second user interface, and wherein replacing display of the first page with the second page includes replacing the user interface with the second user interface.