Portable electronic device for photo management

• US 10,356,309 B2
• Filed: 09/30/2016
• Issued: 07/16/2019
• Est. Priority Date: 09/06/2006
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Matas, Michael J., Christie, Greg N., Marcos, Paul D., Forstall, Scott, Van Os, Marcel, Ording, Bas, Chaudhri, Imran
• Primary Examiner(s): Hailu, Tadesse
• Application Number:
  US15/281,524
• Publication Number:
  US 20170019587A1
• Time in Patent Office: 1,019 Days
• CPC Class Codes: G06F 1/1686 the I/O peripheral being an integrated camera
• 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/04808 Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• 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
• CPC Class Codes: H04M 1/72427 for supporting games or graphical animations
• CPC Class Codes: H04M 1/72439 for image or video messaging
• CPC Class Codes: H04N 1/00347 with another still picture apparatus, e.g. hybrid still picture apparatus circuits or arrangements for control or supervision between image input and image output device H04N1/32
• CPC Class Codes: H04N 1/00411 the display also being used for user input, e.g. touch screen
• CPC Class Codes: H04N 1/00442 Simultaneous viewing of a plurality of images, e.g. using a mosaic display arrangement of thumbnails
• CPC Class Codes: H04N 1/00453 arranged in a two dimensional array
• CPC Class Codes: H04N 1/00458 Sequential viewing of a plurality of images, e.g. browsing or scrolling
• CPC Class Codes: H04N 1/00461 marking or otherwise tagging one or more displayed image, e.g. for selective reproduction
• CPC Class Codes: H04N 2101/00 Still video cameras
• CPC Class Codes: H04N 2201/0087 Image storage device
• CPC Class Codes: H04N 2201/0089 Image display device
• CPC Class Codes: H04N 2201/3226 : of identification information or the like, e.g. ID code, index, title, part of an image, reduced-size image
• CPC Class Codes: H04N 2201/325 : Modified version of the image, e.g. part of the image, image reduced in size or resolution, thumbnail or screennail
• CPC Class Codes: H04N 2201/3273 : Display
• CPC Class Codes: H04N 23/57 : Mechanical or electrical details of cameras or camera modules specially adapted for being embedded in other devices
• CPC Class Codes: H04N 23/62 : Control of parameters via user interfaces
• CPC Class Codes: H04N 23/631 : Graphical user interfaces [GUI] specially adapted for controlling image capture or setting capture parameters

Abstract

A portable electronic device with a touch screen display for photo management is disclosed. One aspect of the invention involves a computer-implemented method in which the portable electronic device displays an array of thumbnail images corresponding to a set of photographic images. The device replaces the displayed array of thumbnail images with a user-selected photographic image upon detecting a user contact with a corresponding thumbnail image in the array. The user-selected photographic image is displayed at a larger scale than the corresponding thumbnail image. The portable device displays a different photographic image in replacement of the user-selected photographic image in accordance with a scrolling gesture. The scrolling gesture comprises a substantially horizontal movement of user contact with the touch screen display.

Claims

1. A portable electronic device, comprising:

a phone,

a camera,

a touch screen display,

a 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 processor, the one or more programs including instructions for;

displaying, on the touch screen display, an array of thumbnail images corresponding to a set of photographic images;

detecting a gesture on the thumbnail image in the array;

in response to detecting the gesture on the thumbnail image in the array, replacing the displayed array of thumbnail images with a user-selected photographic image, wherein the user-selected photographic image is displayed at a larger scale than the corresponding thumbnail image;

while displaying the user-selected photographic image that was displayed in response to detecting the gesture on the thumbnail image in the array, detecting a scrolling gesture comprising a movement of a contact on the touch screen display at a location that corresponds to the user-selected photographic image;

in response to detecting the scrolling gesture, displaying a different photographic image in replacement of the user-selected photographic image wherein the different photographic image corresponds to one of the thumbnail images in the displayed array of thumbnail images;

while displaying the different photographic image that was displayed in response to detecting the scrolling gesture comprising the movement of the contact on the touch screen display at the location that corresponds to the user-selected photographic image, detecting a change in an orientation of the portable electronic device; and

,

in response to detecting the change in the orientation of the device while displaying the different photographic image, rotating the different photographic image on the touch screen display to a different orientation with respect to the touch screen display.

2. The device of claim 1, including instructions for:

while displaying the different photographic image, detecting a gesture on an icon that when activated initiates transfer to a user interface for a camera; and

in response to detecting the gesture on the icon that when activated initiates transfer to the user interface for the camera, displaying the user interface for the camera.

3. The device of claim 1, wherein thumbnail images of videos are visually distinguished from thumbnails of still images in the array.

4. The device of claim 1, including instructions for:

upon detecting user selection of an image deletion icon, displaying an image destruction animation of the different photographic image.

5. The device of claim 4, wherein the image destruction animation includes:

splitting the different photographic image into multiple vertical stripes; and

visually moving the multiple vertical stripes out of the touch screen display with different stripes moving at different speeds.

6. The device of claim 1, including instructions for:

upon detecting user selection of an email image icon, displaying an email composition user interface for composing an email message, with the different photographic image included in the email message being composed; and

after sending the email message, redisplaying the array of thumbnail images or the different photographic image.

7. The device of claim 6, including instructions for:

upon detecting the user selection of the email image icon, displaying an animation of the different photographic image being resized and placed into the email message being composed.

8. The device of claim 7, wherein the animation of the different photographic image includes:

visually shrinking the different photographic image to a predefined size;

visually moving the email composition user interface into the touch screen, the user interface including a message body region; and

visually fitting the shrunken different photographic image into the message body region.

9. The device of claim 8, including instructions for:

upon detecting a user selection of the message body region, displaying a letter keyboard overlaid on the user selected image; and

upon detecting a user selection of the letter keyboard, displaying a user selected character in the message body region.

10. The device of claim 1, including instructions for:

upon detecting user selection of an image contact assignment icon, displaying a list of contacts; and

,

upon detecting user selection of a respective contact from the list of contacts, displaying a user interface for associating the different photographic image with the user selected contact.

11. The device of claim 10, wherein displaying a user interface for associating the different photographic image with the user selected contact includes enabling the user to adjust the different photographic image to form an adjusted image to be associated with the user selected contact.

12. The device of claim 11, wherein the adjustment of the different photographic image includes:

moving the different photographic image on the touch screen in response to a movement of an one-finger contact gesture;

enlarging the different photographic image in response to a de-pinching gesture including multiple simultaneous and continuous contacts with the touch screen; and

/or

reducing the different photographic image in response to a pinching gesture including multiple simultaneous and continuous contacts with the touch screen.

13. The device of claim 1, including instructions for:

while displaying the different photographic image that was displayed in response to detecting the scrolling gesture comprising the movement of the contact on the touch screen display at the location that corresponds to the user-selected photographic image, detecting a gesture that includes a tap at a location corresponding to the different photographic image; and

in response to detecting the tap gesture that includes a tap at a location corresponding to the different photographic image, magnifying the different photographic image displayed, on the touch screen display, by a predetermined amount.

14. A non-transitory computer readable storage medium storing one or more programs configured to be executed by a portable electronic device with

a phone,

a camera,

a touch screen display,

a processor, and

a memory;

the one or more programs including instructions for;

displaying, on the touch screen display, an array of thumbnail images corresponding to a set of photographic images;

detecting a gesture on the thumbnail image in the array;

in response to detecting the gesture on the thumbnail image in the array, replacing the displayed array of thumbnail images with a user-selected photographic image, wherein the user-selected photographic image is displayed at a larger scale than the corresponding thumbnail image;

while displaying the user-selected photographic image that was displayed in response to detecting the gesture on the thumbnail image in the array, detecting a scrolling gesture comprising a movement of a contact on the touch screen display at a location that corresponds to the user-selected photographic image;

in response to detecting the scrolling gesture, displaying a different photographic image in replacement of the user-selected photographic image wherein the different photographic image corresponds to one of the thumbnail images in the displayed array of thumbnail images;

while displaying the different photographic image that was displayed in response to detecting the scrolling gesture comprising the movement of the contact on the touch screen display at the location that corresponds to the user-selected photographic image, detecting a change in an orientation of the portable electronic device; and

,

in response to detecting the change in the orientation of the device while displaying the different photographic image, rotating the different photographic image on the touch screen display to a different orientation with respect to the touch screen display.

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

while displaying the different photographic image, detecting a gesture on an icon that when activated initiates transfer to a user interface for a camera; and

in response to detecting the gesture on the icon that when activated initiates transfer to the user interface for the camera, displaying the user interface for the camera.

16. The non-transitory computer readable storage medium of claim 14, wherein thumbnail images of videos are visually distinguished from thumbnails of still images in the array.

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

upon detecting user selection of an image deletion icon, displaying an image destruction animation of the different photographic image.

18. The non-transitory computer readable storage medium of claim 17, wherein the image destruction animation includes:

splitting the different photographic image into multiple vertical stripes; and

visually moving the multiple vertical stripes out of the touch screen display with different stripes moving at different speeds.

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

upon detecting user selection of an email image icon, displaying an email composition user interface for composing an email message, with the different photographic image included in the email message being composed; and

after sending the email message, redisplaying the array of thumbnail images or the different photographic image.

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

upon detecting the user selection of the email image icon, displaying an animation of the different photographic image being resized and placed into the email message being composed.

21. The non-transitory computer readable storage medium of claim 20, wherein the animation of the different photographic image includes:

visually shrinking the different photographic image to a predefined size;

visually moving the email composition user interface into the touch screen, the user interface including a message body region; and

visually fitting the shrunken different photographic image into the message body region.

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

upon detecting a user selection of the message body region, displaying a letter keyboard overlaid on the user selected image; and

upon detecting a user selection of the letter keyboard, displaying a user selected character in the message body region.

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

upon detecting user selection of an image contact assignment icon, displaying a list of contacts; and

,

upon detecting user selection of a respective contact from the list of contacts, displaying a user interface for associating the different photographic image with the user selected contact.

24. The non-transitory computer readable storage medium of claim 23, wherein displaying a user interface for associating the different photographic image with the user selected contact includes enabling the user to adjust the different photographic image to form an adjusted image to be associated with the user selected contact.

25. The non-transitory computer readable storage medium of claim 24, wherein the adjustment of the different photographic image includes:

moving the different photographic image on the touch screen in response to a movement of an one-finger contact gesture;

enlarging the different photographic image in response to a de-pinching gesture including multiple simultaneous and continuous contacts with the touch screen; and

/or

reducing the different photographic image in response to a pinching gesture including multiple simultaneous and continuous contacts with the touch screen.

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

while displaying the different photographic image that was displayed in response to detecting the scrolling gesture comprising the movement of the contact on the touch screen display at the location that corresponds to the user-selected photographic image, detecting a gesture that includes a tap at a location corresponding to the different photographic image; and

in response to detecting the tap gesture that includes a tap at a location corresponding to the different photographic image, magnifying the different photographic image displayed, on the touch screen display, by a predetermined amount.

27. A method, comprising:

displaying a user interface for a camera on a touch screen display of a portable electronic device, wherein;

the portable electronic device includes

a phone,

a camera,

a touch screen display,

a processor, and

a memory;

displaying, on the touch screen display, an array of thumbnail images corresponding to a set of photographic images;

detecting a gesture on the thumbnail image in the array;

in response to detecting the gesture on the thumbnail image in the array, replacing the displayed array of thumbnail images with a user-selected photographic image, wherein the user-selected photographic image is displayed at a larger scale than the corresponding thumbnail image;

while displaying the user-selected photographic image that was displayed in response to detecting the gesture on the thumbnail image in the array, detecting a scrolling gesture comprising a movement of a contact on the touch screen display at a location that corresponds to the user-selected photographic image;

in response to detecting the scrolling gesture, displaying a different photographic image in replacement of the user-selected photographic image wherein the different photographic image corresponds to one of the thumbnail images in the displayed array of thumbnail images;

while displaying the different photographic image that was displayed in response to detecting the scrolling gesture comprising the movement of the contact on the touch screen display at the location that corresponds to the user-selected photographic image, detecting a change in an orientation of the portable electronic device; and

,

in response to detecting the change in the orientation of the device while displaying the different photographic image, rotating the different photographic image on the touch screen display to a different orientation with respect to the touch screen display.

28. The method of claim 27, further comprising:

while displaying the different photographic image, detecting a gesture on an icon that when activated initiates transfer to a user interface for a camera; and

in response to detecting the gesture on the icon that when activated initiates transfer to the user interface for the camera, displaying the user interface for the camera.

29. The method of claim 27, wherein thumbnail images of videos are visually distinguished from thumbnails of still images in the array.

30. The method of claim 27, further comprising:

upon detecting user selection of an image deletion icon, displaying an image destruction animation of the different photographic image.

31. The method of claim 30, wherein the image destruction animation includes:

splitting the different photographic image into multiple vertical stripes; and

visually moving the multiple vertical stripes out of the touch screen display with different stripes moving at different speeds.

32. The method of claim 27, further comprising:

upon detecting user selection of an email image icon, displaying an email composition user interface for composing an email message, with the different photographic image included in the email message being composed; and

after sending the email message, redisplaying the array of thumbnail images or the different photographic image.

33. The method of claim 32, further comprising:

upon detecting the user selection of the email image icon, displaying an animation of the different photographic image being resized and placed into the email message being composed.

34. The method of claim 33, wherein the animation of the different photographic image includes:

visually shrinking the different photographic image to a predefined size;

visually moving the email composition user interface into the touch screen, the user interface including a message body region; and

visually fitting the shrunken different photographic image into the message body region.

35. The method of claim 34, further comprising:

upon detecting a user selection of the message body region, displaying a letter keyboard overlaid on the user selected image; and

upon detecting a user selection of the letter keyboard, displaying a user selected character in the message body region.

36. The method of claim 27, further comprising:

upon detecting user selection of an image contact assignment icon, displaying a list of contacts; and

,

upon detecting user selection of a respective contact from the list of contacts, displaying a user interface for associating the different photographic image with the user selected contact.

37. The method of claim 36, wherein displaying a user interface for associating the different photographic image with the user selected contact includes enabling the user to adjust the different photographic image to form an adjusted image to be associated with the user selected contact.

38. The method of claim 37, wherein the adjustment of the different photographic image includes:

moving the different photographic image on the touch screen in response to a movement of an one-finger contact gesture;

enlarging the different photographic image in response to a de-pinching gesture including multiple simultaneous and continuous contacts with the touch screen; and

/or

reducing the different photographic image in response to a pinching gesture including multiple simultaneous and continuous contacts with the touch screen.

39. The method of claim 27, further comprising:

while displaying the different photographic image that was displayed in response to detecting the scrolling gesture comprising the movement of the contact on the touch screen display at the location that corresponds to the user-selected photographic image, detecting a gesture that includes a tap at a location corresponding to the different photographic image; and

in response to detecting the tap gesture that includes a tap at a location corresponding to the different photographic image, magnifying the different photographic image displayed, on the touch screen display, by a predetermined amount.