Method and apparatus for interactive movement of displayed content

• US 10,402,078 B2
• Filed: 06/29/2009
• Issued: 09/03/2019
• Est. Priority Date: 06/29/2009
• Status: Active Grant

• Current Assignee: Nokia Technologies Oy (Nokia Corporation)
• Original Assignee: Nokia Technologies Oy (Nokia Corporation)
• Inventors: Sarjanoja, Ari-Heikki
• Primary Examiner(s): Hong, Stephen S
• Assistant Examiner(s): Russell, Richard M
• Application Number:
  US13/381,559
• Publication Number:
  US 20120206497A1
• Time in Patent Office: 3,718 Days
• Field of Search: 345672
• 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/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0486 Drag-and-drop

Abstract

First content displayed on screen may be translated by the user, for example by dragging. Second content may then be displayed in the area of the screen that is exposed by the translation of the first content. In some embodiments there is a conceptual link between the first and second content, for example the second content may be metadata relating to the first content. In effect, a multi-layered user interface is provided. The translation may be performed in response to a special user input, for example a multi-touch drag.

Claims

1. An apparatus comprising:

at least one processor; and

at least one memory including computer program code, the at least one memory and the computer program code configured to, working with the at least one processor, cause at least the following to be performed;

causing display of at least two first content items in a display region of a display, such that each of the displayed first content items fills a respective first area of the display region;

determining second content items comprising metadata relating to each of the respective first content items, wherein each of the second content items provide additional information about the respective first content item, wherein prior to a drag input associated with a particular displayed first content item, a respective second content item comprising the metadata related to the particular displayed first content item is entirely obscured by the respective displayed first content item;

enabling the first content items to be dragged and translated independently of each other, such that in response to the reception of a first user input being the drag input associated with the particular displayed first content item, the at least one memory and the computer program code are configured to cause;

a) translating the particular displayed first content item to a second area of the display region along a path defined by the drag input, thereby gradually removing the particular displayed first content item from the respective first area of the display, and b) causing the respective second content item, comprising the metadata relating to the particular displayed first content item, to be gradually revealed and displayed only in the respective first area of the display region that was previously obscured, such that a dragging of the particular displayed first content item completely out of the respective first area of the display region results in the respective second content item filling the respective first area of the display region; and

in response to a reception of a second user input being a release of the drag input performed while the particular displayed first content item and the respective second content item are displayed, ceasing to display the respective second content item and causing redisplay of the particular displayed first content item such that the particular displayed first content item fills the respective first area of the display region, wherein the respective second content item is ceased to be displayed and the particular displayed first content item fills the respective first area of the display region responsive to the release occurring in any area of the display region, the release capable of being performed in all areas of the display region.

2. The apparatus of claim 1, wherein the display is a touch screen display.

3. The apparatus of claim 1, wherein causing the redisplay of the particular displayed first content in the respective first area of the display comprises repositioning the particular displayed first content from the second area of the display to the respective first area of the display.

4. The apparatus of claim 1, wherein the particular displayed first content item is an image.

5. The apparatus of claim 1, wherein the particular displayed first content item comprises a graphical representation associated with a collection of media content, and the respective second content item identifies media content within the collection.

6. The apparatus of claim 1, wherein the second content item comprises at least one interactive user interface component.

7. The apparatus of claim 1, wherein the at least one memory and the computer program code are further configured to cause the apparatus to:

cause display of the at least two first content items in a scrollable portion; and

in response to the first user input, translating the particular displayed first content item while other first content items remain stationary.

8. The apparatus of claim 1, wherein the metadata comprises details relating to the particular displayed first content item.

9. The apparatus of claim 1, wherein the metadata comprises at least one of a summary of the particular displayed first content item, copyright information associated with the particular displayed first content item, or an author associated with the particular displayed first content item.

10. The apparatus of claim 1, wherein causing the respective second content item comprising the metadata relating to the particular displayed first content item to be revealed in the respective first area of the display that was previously obscured comprises causing the respective second content item to only be displayed in the respective first area of the display.

11. The apparatus of claim 1, wherein causing the respective second content item comprising the metadata relating to the particular displayed first content item to be revealed in the respective first area of the display previously obscured comprises causing the respective second content item to fill the respective first area of the display.

12. The apparatus of claim 1, wherein each of the at least two distinct first content items is respectively and individually configured to be translated to reveal underlying respective second content items in response to user input dragging the respective first content items.

13. A method comprising:

causing display of at least two first content items in a display region of a display, such that each of the displayed first content items fills a respective first area of the display region;

determining second content items comprising metadata relating to each of the respective first content items, wherein each of the second content items provide additional information about the respective first content item, wherein prior to a drag input associated with a particular displayed first content item, a respective second content item comprising the metadata related to the particular displayed first content item is entirely obscured by the respective displayed first content item;

enabling the first content items to be dragged and translated independently of each other, such that in response to the reception of a first user input being the drag input associated with the particular displayed first content item, the method causes;

a) translating the particular displayed first content item to a second area of the display region along a path defined by the drag input, thereby gradually removing the particular displayed first content item from the respective first area of the display, and b) causing the respective second content item comprising the metadata relating to the particular displayed first content item, to be gradually revealed and displayed only in the respective first area of the display region that was previously obscured, such that a dragging of the particular displayed first content item completely out of the respective first area of the display region results in the respective second content item filling the respective first area of the display region; and

in response to a reception of a second user input being a release of the drag input performed while the particular displayed first content item and the respective second content item are displayed, ceasing to display the respective second content item and causing redisplay of the particular displayed first content item such that the particular displayed first content item fills the respective first area of the display region, wherein the respective second content item is ceased to be displayed and the particular displayed first content item fills the respective first area of the display region responsive to the release occurring in any area of the display region, the release capable of being performed in all areas of the display region.

14. The method of claim 13, wherein the second content item comprises at least one interactive user interface component.

15. The method of claim 13, further comprising:

causing display of the at least two first content items in a scrollable portion;

in response to the first user input, translating the particular displayed first content item while other first content items remain stationary.

16. A non-transitory computer-readable medium, having computer-readable instructions stored thereon for:

causing display of at least two first content items in a display region of a display, such that each of the displayed first content items fills a respective first area of the display region;

determining second content items comprising metadata relating to each of the respective first content items, wherein each of the second content items provide additional information about the respective first content item, wherein prior to a drag input associated with a particular displayed first content item, a respective second content item comprising the metadata related to the particular displayed first content item is entirely obscured by the respective displayed first content item;

enabling the first content items to be dragged and translated independently of each other, such that in response to the reception of a first user input being the drag input associated with the particular displayed first content item, the non-transitory computer-readable medium comprises computer-readable instructions configured for;

a) translating the particular displayed first content item to a second area of the display region along a path defined by the drag input, thereby gradually removing the particular displayed first content item from the respective first area of the display, and b) causing the respective second content item comprising the metadata relating to the particular displayed first content item, to be gradually revealed and displayed only in the respective first area of the display region that was previously obscured, such that a dragging of the particular displayed first content item completely out of the respective first area of the display region results in the respective second content item filling the respective first area of the display region; and

in response to a reception of a second user input being a release of the drag input performed while the particular displayed first content item and the respective second content item are displayed, ceasing to display the respective second content item and causing redisplay of the particular displayed first content item such that the particular displayed first content item fills the respective first area of the display region, wherein the respective second content item is ceased to be displayed and the particular displayed first content item fills the respective first area of the display region responsive to the release occurring in any area of the display region, the release capable of being performed in all areas of the display region.

17. The non-transitory computer-readable medium of claim 16, having additional computer-readable instructions stored thereon for:

causing display of the at least two first content items in a scrollable portion;

in response to the first user input, translating the particular displayed first content item while other first content items remain stationary.