Method of browsing media items using thumbnails

• US 8,578,297 B2
• Filed: 11/26/2008
• Issued: 11/05/2013
• Est. Priority Date: 12/20/2007
• Status: Expired due to Fees

• Current Assignee: Canon Kabushiki Kaisha (Canon Inc.)
• Original Assignee: Canon Kabushiki Kaisha (Canon Inc.)
• Inventors: Webster, Steven David, Wan, Ernest Yiu Cheong
• Primary Examiner(s): Bashore, William
• Assistant Examiner(s): NABI, REZA U
• Application Number:
  US12/324,777
• Publication Number:
  US 20090164944A1
• Time in Patent Office: 1,805 Days
• Field of Search: 715/838
• US Class Current: 715/838
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0489 using dedicated keyboard keys or combinations thereof

Abstract

Disclosed is a method of browsing a set of media items on a display device. A sequence of thumbnail images corresponding to a portion of the set are initially displayed in a looping arrangement. A first thumbnail image of the sequence is displayed at a size larger than other thumbnail images of the sequence. The first thumbnail image corresponds to a focus position in the sequence. The arrangement responds to a user scrolling action to replace display of a second thumbnail image adjacent to an insertion point in the displayed sequence with a third thumbnail image corresponding to a media item of the set not displayed prior to the user action. The method then updates the focus position and insertion point and replaces a display of the first thumbnail image with display of a fourth thumbnail image corresponding to the updated focus position.

Claims

1. A method of browsing a set of media items in a graphical user interface represented on a display device, said method comprising the steps of:

(a) displaying a sequence of thumbnails each corresponding to a media item of a portion of said set, said sequence being displayed around a preview region in a looping arrangement, the displayed sequence having a thumbnail insertion position that moves relative to a focus position, said focus position defining a focus media item of the set, wherein said focus media item is displayed in said preview region;

(b) displaying a further thumbnail in said preview region, said further thumbnail corresponding to a first thumbnail currently in the focus position, without displaying said first thumbnail in said focus position;

(c) responding to scrolling action of a user of said graphical user interface by;

(i) advancing said focus position within the sequence from said first thumbnail to an adjacent second thumbnail in a scrolling direction associated with the scrolling action;

(ii) removing from the display a third thumbnail that is immediately ahead of said insertion position in the scrolling direction;

(iii) inserting and displaying in the sequence a fourth thumbnail ahead of said insertion position in the scrolling direction wherein said fourth thumbnail is next to the thumbnail immediately behind said insertion position in said sequence of thumbnails, said fourth thumbnail corresponding to a media item of said set not in the displayed sequence prior to the scrolling action;

(iv) advancing said insertion position to a position just before said inserted fourth thumbnail; and

(v) displaying a representation corresponding to the media item that

corresponds to said second thumbnail in said preview region, having swapped said second thumbnail with said first thumbnail;

wherein steps (i) to (v) are performed while maintaining positions of the remaining thumbnails of the displayed sequence on the display.

2. A method according to claim 1, wherein one or more thumbnails ahead of the insertion point are reduced in size and/or displayed with transparency to indicate the scrolling direction.

3. A method according to claim 1, wherein

(1) said items form a hierarchy and said thumbnails comprise item thumbnails, each representing a single said media item, and summary thumbnails, each representing two or more media items;

(2) said summary thumbnails are expandable upon detection of a second user action to move down said hierarchy to thereby display further summary and item thumbnails within the graphical user interface;

(3) a representation of said thumbnails is updated on detection of a third user action to move up said hierarchy to display a sequence of thumbnails including the parent summary thumbnail of the focus media item.

4. A method according to claim 3, wherein when the focus media item comprises a summary thumbnail, the preview region displays a thumbnail essay of a subset of the media items represented by said summary thumbnail.

5. A method according to claim 3, wherein the focus media item is a summary thumbnail and the preview region displays a sequence of images, snapshots or segments of a subset of the media items represented by said summary thumbnail.

6. A method according to claim 3, further comprising displaying a scrollbar and a background colour within the graphical user interface to indicate a position of the displayed thumbnails among the set of media items represented by a summary thumbnail and a depth of the displayed items in said hierarchy of items.

7. A method of browsing a set of media items in a graphical user interface represented on a display device, said method comprising the steps of:

(a) displaying a sequence of thumbnails corresponding to a portion of said items in a loop configuration around a relatively larger preview region, there being a thumbnail insertion position within the sequence that moves in relation to a swap position within the sequence, said swap position defining a focus media item of the set, wherein said focus media item is displayed in said preview region;

(b) displaying a representation in said preview region of a media item that corresponds to a first thumbnail currently in the swap position without displaying said first thumbnail at the swap position;

(c) responding to a scrolling action of a user of said graphical user interface by;

(i) advancing said insertion position one position within the sequence in a scrolling direction associated with the scrolling action;

(ii) removing from the display a second thumbnail that is immediately behind said insertion position in the scrolling direction;

(iii) inserting and displaying in the sequence a third thumbnail behind said insertion position in the scrolling direction in place of said second thumbnail, said third thumbnail corresponding to a media item of said set not in the displayed sequence of thumbnails prior to the scrolling action;

(iv) advancing said swap position in the sequence by one thumbnail in the scrolling direction to correspond with a fourth thumbnail in the displayed sequence;

(v) swapping said fourth thumbnail with said first thumbnail to display said first thumbnail in the sequence; and

(vi) displaying a representation of the media item that corresponds to said fourth thumbnail in said preview region;

wherein steps (i) to (vi) are performed while maintaining positions of the remaining thumbnails of the displayed sequence on the display.

8. A method of browsing a set of media items on a display device, said method comprising the steps of:

displaying a sequence of thumbnail images corresponding to a portion of said set in a looping arrangement;

displaying a first thumbnail image of said sequence at a size larger than other thumbnail images of said sequence, wherein said looping arrangement around the first thumbnail image corresponds to a focus position in said sequence;

and responding to a user action by;

replacing display of a second thumbnail image adjacent to an insertion point in said displayed sequence with display of a third thumbnail image corresponding to a media item of said set not in the displayed sequence of thumbnail images prior to the user action;

moving each of the focus position and insertion point in a particular direction along the sequence of thumbnail images;

replacing a display of said first thumbnail image with display of a fourth thumbnail image corresponding to the moved focus position without displaying said first thumbnail in said focus position; and

maintaining positions of the remaining thumbnail images displayed in the sequence.

9. A method according to claim 8, wherein the looping arrangement of thumbnail images is operative, as a result of the user action, so that at least one thumbnail image corresponding to a media item of the set not previously displayed is added to display in the portion, and a thumbnail image of a media item in the portion prior to the user action is removed from the displayed sequence, the addition and removal occurring substantially adjacent to the insertion point and without changing positions of thumbnails displayed elsewhere in the sequence.

10. A method according to claim 8, wherein the looping arrangement comprises a display of the sequence of thumbnail images laid out in one of a single loop, at least two rows, a figure eight loop, and an arbitrary loop.

11. A method according to claim 8, wherein the insertion point is represented in the display by a space between two thumbnails of the displayed sequence.

12. A method according to claim 11, wherein the space is occupied by a representation of thumbnails of other media items of the collection adjacent to the items of the displayed portion in the sequence.

13. A method according to claim 8, wherein said insertion point is identified by a displayed marker between two thumbnails of the displayed sequence.

14. A method according to claim 8, wherein one or more thumbnails associated in said looping arrangement with the insertion point are reduced in size and/or displayed with transparency to mark the insertion point.

15. A method of browsing a set of media items in a graphical user interface on a display device, said method comprising the steps of:

(a) responding to user action to select a media item by displaying a representation associated with the selected media item together with metadata associated with the selected media item;

(b) accepting user selection of a set of attributes of the displayed metadata of said selected media item;

(c) retrieving a subset of media items from said set, each media item of the subset having metadata that matches at least one attribute of said selected set of attributes;

(d) organizing said retrieved media items into a hierarchy with each node of the hierarchy representing media items that match a different combination of a subset of said selected set of attributes; and

(e) displaying a representation associated with each said retrieved item for browsing by;

displaying a sequence of representations corresponding to a portion of said set of media items in a looping arrangement;

displaying a first representation of said sequence at a size larger than other representations of said sequence, wherein said looping arrangement around the first representation corresponds to a focus position in said sequence;

responding to a user action by;

replacing display of a second representation adjacent to an insertion point in said displayed sequence with display of a third representation corresponding to a media item of said set not in the displayed sequence of representations prior to the user action;

moving the focus position and insertion point in a particular direction along the displayed sequence of representations;

replacing a display of said first representation with display of a fourth representation corresponding to the moved focus position without displaying said first representation in said focus position;

and maintaining positions of the remaining representations displayed in the sequence, wherein one or more representations associated in said looping arrangement with the insertion point are at least one of reduced in size and displayed with transparency to mark the insertion point.

16. A method of browsing a set of media items using a graphical user interface represented on a display device, said method comprising the steps of:

(a) responding to user action to select one said media item by displaying a representation associated with the selected media item together with metadata of the selected media item;

(b) identifying user selection of a set of attributes of the metadata of said selected media item;

(c) retrieving a subset of media items from the set each having metadata that matches all of said selected set of attributes;

(d) displaying said retrieved media items for browsing by;

displaying a sequence of representations of the media items in a looping arrangement;

displaying a first representation of said sequence at a size larger than other representations of said sequence, wherein said looping arrangement around the first representation corresponds to a focus position in said sequence;

responding to a user action by;

replacing display of a second representation adjacent to an insertion point in said displayed sequence with display of a third representation corresponding to a representation not in the displayed sequence of representations prior to the user action;

moving the focus position and insertion point in a particular direction along the sequence of representations;

replacing a display of said first representation with display of a fourth representation corresponding to the moved focus position without displaying said first representation in said focus position;

and maintaining positions of the remaining representations displayed in the sequence.

17. A non-transitory computer readable storage medium retrievably storing a program recorded thereon, the program being executable by computerized apparatus to browse a set of media items on a display device, said program comprising:

code for displaying a sequence of thumbnail images corresponding to a portion of said set in a looping arrangement;

code for displaying a first thumbnail image of said sequence at a size larger than other thumbnail images of said sequence, wherein said looping arrangement around the first thumbnail image corresponds to a focus position in said sequence; and

code for responding to a user action by;

replacing display of a second thumbnail image adjacent to an insertion point in said displayed sequence with display of a third thumbnail image corresponding to a media item of said set not in the displayed sequence of thumbnail images prior to the user action;

moving the focus position and insertion point in a particular direction along the sequence of thumbnail images;

replacing a display of said first thumbnail image with display of a fourth thumbnail image corresponding to the moved focus position without displaying said first thumbnail in said focus position;

and maintaining positions of the remaining thumbnail images displayed in the sequence.

18. A non-transitory computer readable storage medium according to claim 17, wherein the looping arrangement of thumbnail images is operative, as a result of the user action, so that at least one thumbnail image corresponding to a media item of the set not previously displayed is added to display in the portion, and a thumbnail image of a media item in the portion prior to the user action is removed from the displayed sequence, the addition and removal occurring substantially adjacent to the insertion point and without changing positions of thumbnails displayed elsewhere in the sequence.

19. A computerized apparatus comprising a memory having a program stored therein, a display, an input device operable by a user, and a processor operatively coupled to each of the memory, the display and the input device, said program being executable by the processor to implement a graphical user interface for browsing a collection of media items at least accessible via said computerized apparatus, said program comprising:

code for displaying on the display a sequence of thumbnail images corresponding to a portion of said collection in a looping arrangement;

code for displaying on the display a first thumbnail image of said sequence at a size larger than other thumbnail images of said sequence, wherein said looping arrangement around said first thumbnail image corresponds to a focus position in said sequence;

code for responding to a user action of the input device by;

replacing display of a second thumbnail image adjacent to an insertion point in said displayed sequence with display of a third thumbnail image corresponding to a media item of said collection not in the displayed sequence of thumbnail images prior to the user action;

moving the focus position and insertion point in a particular direction along the sequence of thumbnail images;

replacing a display of said first thumbnail image with display of a fourth thumbnail image corresponding to the moved focus position without displaying said first thumbnail in said focus position;

and maintaining positions of the remaining thumbnail images displayed in the sequence.