Portable Electronic Device for Photo Management

• US 20080052945A1
• Filed: 08/30/2007
• Published: 03/06/2008
• Est. Priority Date: 09/06/2006
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Chaudhri, Imran, Christie, Greg, Ording, Bas, Van Os, Marcel, Forstall, Scott, Matas, Michael, Marcos, Paul D.
• Granted Patent: US 8,106,856 B2
• Time in Patent Office: Days
• US Class Current: 34/173
• 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 computer-implemented method, comprising:

at a portable electronic device with a touch screen display,

displaying an array of thumbnail images corresponding to a set of photographic images;

replacing 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, wherein the user-selected photographic image is displayed at a larger scale than the corresponding thumbnail image; and

displaying a different photographic image in replacement of the user-selected photographic image, wherein the different photographic image is selected in accordance with a scrolling gesture comprising a substantially horizontal movement of a user contact with the touch screen display.

2. The method of claim 1, including:

detecting a user image navigation gesture adjacent to a vertical edge of the touch screen display; and

upon detecting the user image navigation gesture, displaying a different photographic image in the set of photographic images, selected in accordance with the vertical edge adjacent to the user image navigation gesture.

3. The method of claim 2, wherein the user image navigation gesture comprises a momentary, substantially single-position contact with the touch screen display.

4. The method of claim 1, including:

detecting a user image rotation gesture, comprising rotation of multiple simultaneous contacts with touch screen display; and

upon detection of the user image rotation gesture, rotating the user-selected image on the touch screen display.

5. The method of claim 1, including:

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

6. The method of claim 5, wherein the image destruction animation includes:

splitting the user selected 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.

7. The method of claim 1, including:

upon detecting user selection of an email image icon, displaying an email composition user interface for composing an email message, with the user selected image included in the email message being composed.

8. The method of claim 7, including:

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

9. The method of claim 8, wherein the animation of the user selected image includes visually shrinking the user selected 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 shrunk image into the message body region.

10. The method of claim 9, including:

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.

11. The method of claim 1, including:

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 contact, displaying a user interface for associating the user selected image with the user selected contact.

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

13. The method of claim 12, wherein the adjustment of the image includes:

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

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

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

/or rotating the image in response to a twisting gesture including multiple simultaneous and continuous contacts with the touch screen.

14. A computer-implemented method, comprising:

at a portable electronic device with a touch screen display,

displaying an array of thumbnail images corresponding to a set of photographic images;

detecting a scrolling gesture comprising a substantially vertical movement of user contact with the touch screen display; and

responding to the scrolling gesture by scrolling the display of thumbnail images in accordance with a direction of the scrolling gesture;

wherein the scrolling gesture is substantially independent of a horizontal position of the user contact with the touch screen display.

15. A portable electronic device, comprising:

a display;

one or more processors;

memory; and

a program, wherein the program is stored in the memory and configured to be executed by the one or more processors, the program including;

instructions for displaying an array of thumbnail images corresponding to a set of photographic images;

instructions for replacing 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, wherein the user-selected photographic image is displayed at a larger scale than the corresponding thumbnail image; and

instructions for displaying a different photographic image in replacement of the user-selected photographic image, wherein the different photographic image is selected in accordance with a scrolling gesture comprising a substantially horizontal movement of user contact with the touch screen display.

16. The device of claim 15, including:

instructions for detecting a user image navigation gesture in proximity to a vertical edge of the touch screen display; and

instructions for, upon detecting the user image navigation gesture, displaying a different photographic image in the set of photographic images, selected in accordance with the vertical edge in proximity to the user image navigation gesture.

17. The device of claim 15, including:

instructions for detecting a user image rotation gesture, comprising rotation of multiple simultaneous contacts with touch screen display; and

instructions for, upon detection of the user image rotation gesture, rotating the user selected image on the touch screen display.

18. The device of claim 15, including:

instructions for, upon detecting user selection of an image deletion icon, displaying an image destruction animation of the user selected image.

19. The device of claim 18, wherein the image destruction animation includes:

instructions for splitting the user selected image into multiple vertical stripes; and

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

20. The device of claim 15, 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 user selected image included in the email message being composed.

21. The device of claim 20, including:

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

22. The device of claim 21, wherein the animation of the user selected image includes:

instructions for visually shrinking the user selected image to a predefined size;

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

instructions for visually fitting the shrunk image into the message body region.

23. The device of claim 22, including:

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

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

24. The device of claim 15, including:

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

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

25. The device of claim 24, wherein the instructions for displaying a user interface for associating the user selected image with the user selected contact further include:

instructions for enabling the user to adjust the user selected image to form an adjusted image to be associated with the user selected contact.

26. The device of claim 25, wherein the instructions for adjusting the image include:

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

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

instructions for reducing the image in response to a pinching gesture including multiple simultaneous and continuous contacts with the touch screen; and

instructions for rotating the image in response to a twisting gesture including multiple simultaneous and continuous contacts with the touch screen.

27. A portable electronic device, comprising:

a display;

one or more processors;

memory; and

a program, wherein the program is stored in the memory and configured to be executed by the one or more processors, the program including;

instructions for displaying an array of thumbnail images corresponding to a set of photographic images;

instructions for detecting a scrolling gesture comprising a substantially vertical movement of user contact with the touch screen display; and

instructions for responding to the scrolling gesture by scrolling the display of thumbnail images in accordance with a direction of the scrolling gesture;

wherein the scrolling gesture is substantially independent of a horizontal position of the user contact with the touch screen display.

28. A computer program product, comprising:

a computer readable storage medium and a computer program mechanism embedded therein, the computer program mechanism comprising instructions, which when executed by a portable electronic device with a touch screen display, cause the device to;

displaying an array of thumbnail images corresponding to a set of photographic images;

replacing 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, wherein the user-selected photographic image is displayed at a larger scale than the corresponding thumbnail image; and

displaying a different photographic image in replacement of the user-selected photographic image, wherein the different photographic image is selected in accordance with a scrolling gesture comprising a substantially horizontal movement of user contact with the touch screen display.

29. A computer program product, comprising:

a computer readable storage medium and a computer program mechanism embedded therein, the computer program mechanism comprising instructions, which when executed by a portable electronic device with a touch screen display, cause the device to;

display an array of thumbnail images corresponding to a set of photographic images;

detect a scrolling gesture comprising a substantially vertical movement of user contact with the touch screen display; and

respond to the scrolling gesture by scrolling the display of thumbnail images in accordance with a direction of the scrolling gesture;

wherein the scrolling gesture is substantially independent of a horizontal position of the user contact with the touch screen display.

30. A portable electronic device with a touch screen display, comprising:

means for displaying an array of thumbnail images corresponding to a set of photographic images;

means for replacing 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, wherein the user-selected photographic image is displayed at a larger scale than the corresponding thumbnail image; and

means for displaying a different photographic image in replacement of the user-selected photographic image, wherein the different photographic image is selected in accordance with a scrolling gesture comprising a substantially horizontal movement of user contact with the touch screen display.

31. A portable electronic device with a touch screen display, comprising:

means for displaying an array of thumbnail images corresponding to a set of photographic images;

means for detecting a scrolling gesture comprising a substantially vertical movement of user contact with the touch screen display; and

means for responding to the scrolling gesture by scrolling the display of thumbnail images in accordance with a direction of the scrolling gesture;

wherein the scrolling gesture is substantially independent of a horizontal position of the user contact with the touch screen display.

32. A computer-implemented method, comprising:

at a device with a touch screen display,

detecting a first movement of a physical object on or near the touch screen display;

while detecting the first movement, translating a first digital object displayed on the touch screen display in a first direction, wherein the first digital object is associated with a set of digital objects;

in response to display of a previously hidden edge of the first digital object and continued detection of the first movement, displaying an area beyond the edge of the first digital object;

after the first movement is no longer detected, translating the first digital object in a second direction until the area beyond the edge of the first digital object is no longer displayed;

detecting a second movement of the physical object on or near the touch screen display; and

in response to detecting the second movement while the previously hidden edge of the first digital object is displayed, translating the first digital object in the first direction and displaying a second digital object in the set of digital objects.

33. The computer-implemented method of claim 32, wherein, prior to the translating, at least one edge of the first digital object extends beyond the touch screen display in the first direction.

34. The computer-implemented method of claim 32, wherein the physical object is a finger or a stylus.

35. The computer-implemented method of claim 32, wherein the first movement is a horizontal swipe gesture.

36. The computer-implemented method of claim 32, wherein the set of digital objects is a set of digital images, a set of web pages, or a set of electronic documents.

37. The computer-implemented method of claim 32, wherein the device is a portable electronic device.

38. An electronic device, comprising:

a display;

one or more processors;

memory; and

a program, wherein the program is stored in the memory and configured to be executed by the one or more processors, the program including;

instructions for detecting a first movement of a physical object on or near the touch screen display;

instructions for, while detecting the first movement, translating a first digital object displayed on the touch screen display in a first direction, wherein the first digital object is associated with a set of digital objects;

instructions for, in response to display of a previously hidden edge of the first digital object and continued detection of the first movement, displaying an area beyond the edge of the first digital object;

instructions for, after the first movement is no longer detected, translating the first digital object in a second direction until the area beyond the edge of the first digital object is no longer displayed;

instructions for detecting a second movement of the physical object on or near the touch screen display; and

instructions for, in response to detecting the second movement while the previously hidden edge of the first digital object is displayed, translating the first digital object in the first direction and displaying a second digital object in the set of digital objects.

39. A computer program product, comprising:

a computer readable storage medium and a computer program mechanism embedded therein, the computer program mechanism comprising instructions, which when executed by an electronic device with a touch screen display, cause the device to;

detect a first movement of a physical object on or near the touch screen display;

while detecting the first movement, translate a first digital object displayed on the touch screen display in a first direction, wherein the first digital object is associated with a set of digital objects;

in response to display of a previously hidden edge of the first digital object and continued detection of the first movement, display an area beyond the edge of the first digital object;

after the first movement is no longer detected, translate the first digital object in a second direction until the area beyond the edge of the first digital object is no longer displayed;

detect a second movement of the physical object on or near the touch screen display; and

in response to detecting the second movement while the previously hidden edge of the first digital object is displayed, translate the first digital object in the first direction and display a second digital object in the set of digital objects.

40. An electronic device with a touch screen display, comprising:

means for detecting a first movement of a physical object on or near the touch screen display;

means for, while detecting the first movement, translating a first digital object displayed on the touch screen display in a first direction, wherein the first digital object is associated with a set of digital objects;

means for, in response to display of a previously hidden edge of the first digital object and continued detection of the first movement, displaying an area beyond the edge of the first digital object;

means for, after the first movement is no longer detected, translating the first digital object in a second direction until the area beyond the edge of the first digital object is no longer displayed;

means for detecting a second movement of the physical object on or near the touch screen display; and

means for, in response to detecting the second movement while the previously hidden edge of the first digital object is displayed, translating the first digital object in the first direction and displaying a second digital object in the set of digital objects.