Portable electronic device for photo management

• US 10,904,426 B2
• Filed: 06/24/2019
• Issued: 01/26/2021
• 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:
  US16/450,531
• Publication Number:
  US 20190313012A1
• Time in Patent Office: 582 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. An electronic device, comprising:

a touchscreen display;

one or more processors; and

memory storing one or more programs configured to be executed by the one or more processors, the one or more programs including instructions for;

concurrently displaying, on the touchscreen display;

a first image in a camera roll that includes a plurality of images including the first image and a second image that is a next image in the camera roll; and

an image deletion icon;

while concurrently displaying the first image and the image deletion icon on the touchscreen display, receiving a set of one or more inputs on the touchscreen display; and

in response to receiving the set of one or more inputs on the touchscreen display;

in accordance with a determination that the set of one or more inputs includes a deletion input sequence that includes selection of the image deletion icon on the touchscreen display;

deleting the first image from the camera roll;

ceasing to display the first image on the touchscreen display; and

displaying the second image on the touchscreen display at a location that was previously occupied by the first image; and

in accordance with a determination that the set of one or more inputs includes a gesture input that includes movement in a first direction on the touchscreen display without selecting the image deletion icon that was displayed on the touchscreen display concurrently with the first image;

ceasing to display the first image on the touchscreen display; and

displaying the second image on the touchscreen display at a location that was previously occupied by the first image.

2. The electronic device of claim 1, wherein the set of one or more inputs includes a second input on a confirmation icon, wherein the confirmation icon is displayed in response to the set of one or more inputs.

3. The electronic device of claim 1, wherein the image deletion icon is displayed concurrently with the second image.

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

prior to displaying the first image, displaying an array of thumbnail images corresponding to a set of images in the camera roll; and

wherein displaying the first image occurs in response to detecting a third input with a corresponding thumbnail image in the array of thumbnail images, wherein the first image is displayed at a larger scale than the corresponding thumbnail image.

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

prior to displaying the first image;

concurrently displaying, on the touchscreen display;

the second image in the camera roll; and

the image deletion icon;

detecting a scrolling gesture comprising a substantially horizontal movement of a contact with the touchscreen display; and

wherein displaying the first image includes;

in accordance with detecting the scrolling gesture, displaying the first image in replacement of the second image, wherein the second image is the next image in the camera roll.

6. The electronic device of claim 1, wherein deleting the first image further includes:

displaying a sequence of images of the first image being deleted.

7. The electronic device of claim 6, wherein the sequence of images of the first image being deleted includes:

splitting the first image into multiple vertical stripes; and

visually moving the multiple vertical stripes out of view with different stripes moving at different speeds.

8. 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 touchscreen display, the one or more programs including instructions for:

concurrently displaying, on the touchscreen display;

a first image in a camera roll that includes a plurality of images including the first image and a second image that is a next image in the camera roll; and

an image deletion icon;

while concurrently displaying the first image and the image deletion icon on the touchscreen display, receiving a set of one or more inputs on the touchscreen display; and

in response to receiving the set of one or more inputs on the touchscreen display;

in accordance with a determination that the set of one or more inputs includes a deletion input sequence that includes selection of the image deletion icon on the touchscreen display;

deleting the first image from the camera roll;

ceasing to display the first image on the touchscreen display; and

displaying the second image on the touchscreen display at a location that was previously occupied by the first image; and

in accordance with a determination that the set of one or more inputs includes a gesture input that includes movement in a first direction on the touchscreen display without selecting the image deletion icon that was displayed on the touchscreen display concurrently with the first image;

ceasing to display the first image on the touchscreen display; and

displaying the second image on the touchscreen display at a location that was previously occupied by the first image.

9. The non-transitory computer-readable storage medium of claim 8, wherein the set of one or more inputs includes a second input on a confirmation icon, wherein the confirmation icon is displayed in response to the set of one or more inputs.

10. The non-transitory computer-readable storage medium of claim 8, wherein the image deletion icon is displayed concurrently with the second image.

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

prior to displaying the first image, displaying an array of thumbnail images corresponding to a set of images in the camera roll; and

wherein displaying the first image occurs in response to detecting a third input with a corresponding thumbnail image in the array of thumbnail images, wherein the first image is displayed at a larger scale than the corresponding thumbnail image.

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

prior to displaying the first image;

concurrently displaying, on the touchscreen display;

the second image in the camera roll; and

the image deletion icon;

detecting a scrolling gesture comprising a substantially horizontal movement of a contact with the touchscreen display; and

wherein displaying the first image includes;

in accordance with detecting the scrolling gesture, displaying the first image in replacement of the second image, wherein the second image is the next image in the camera roll.

13. The non-transitory computer-readable storage medium of claim 8, wherein deleting the first image further includes:

displaying a sequence of images of the first image being deleted.

14. The non-transitory computer-readable storage medium of claim 13, wherein the sequence of images of the first image being deleted includes:

splitting the first image into multiple vertical stripes; and

visually moving the multiple vertical stripes out of view with different stripes moving at different speeds.

15. A computer-implemented method, comprising:

at a portable electronic device with a touchscreen display;

concurrently displaying, on the touchscreen display;

a first image in a camera roll that includes a plurality of images including the first image and a second image that is a next image in the camera roll; and

an image deletion icon;

while concurrently displaying the first image and the image deletion icon on the touchscreen display, receiving a set of one or more inputs on the touchscreen display; and

in response to receiving the set of one or more inputs on the touchscreen display;

in accordance with a determination that the set of one or more inputs includes a deletion input sequence that includes selection of the image deletion icon on the touchscreen display;

deleting the first image from the camera roll;

ceasing to display the first image on the touchscreen display; and

displaying the second image on the touchscreen display at a location that was previously occupied by the first image; and

in accordance with a determination that the set of one or more inputs includes a gesture input that includes movement in a first direction on the touchscreen display without selecting the image deletion icon that was displayed on the touchscreen display concurrently with the first image;

ceasing to display the first image on the touchscreen display; and

displaying the second image on the touchscreen display at a location that was previously occupied by the first image.

16. The method of claim 15, wherein the set of one or more inputs includes a second input on a confirmation icon, wherein the confirmation icon is displayed in response to the set of one or more inputs.

17. The method of claim 15, wherein the image deletion icon is displayed concurrently with the second image.

18. The method of claim 15, further comprising:

prior to displaying the first image, displaying an array of thumbnail images corresponding to a set of images in the camera roll; and

wherein displaying the first image occurs in response to detecting a third input with a corresponding thumbnail image in the array of thumbnail images, wherein the first image is displayed at a larger scale than the corresponding thumbnail image.

19. The method of claim 15, further comprising:

prior to displaying the first image;

concurrently displaying, on the touchscreen display;

the second image in the camera roll; and

the image deletion icon;

detecting a scrolling gesture comprising a substantially horizontal movement of a contact with the touchscreen display; and

wherein displaying the first image includes;

in accordance with detecting the scrolling gesture, displaying the first image in replacement of the second image, wherein the second image is the next image in the camera roll.

20. The method of claim 15, wherein deleting the first image further includes:

displaying a sequence of images of the first image being deleted.

21. The method of claim 20, wherein the sequence of images of the first image being deleted includes:

splitting the first image into multiple vertical stripes; and

visually moving the multiple vertical stripes out of view with different stripes moving at different speeds.