Scaling and layout methods and systems for handling one-to-many objects

• US 20060150215A1
• Filed: 01/05/2006
• Published: 07/06/2006
• Est. Priority Date: 01/05/2005
• Status: Active Grant

• Current Assignee: DRNC Holdings, Inc. (InterDigital, Inc.)
• Original Assignee: Hillcrest Laboratories Incorporated (CEVA Incorporated)
• Inventors: Wroblewski, Frank J.
• Granted Patent: US 7,386,806 B2
• Time in Patent Office: Days
• US Class Current: 725/47
• CPC Class Codes: G06F 2203/04806 Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
• CPC Class Codes: G06F 3/0236 using selection techniques to select from displayed items
• 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/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: H04N 21/42214 using alphanumerical characters
• CPC Class Codes: H04N 21/4312 involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
• CPC Class Codes: H04N 21/4316 for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
• CPC Class Codes: H04N 21/47 End-user applications
• CPC Class Codes: H04N 21/4722 for requesting additional data associated with the content
• CPC Class Codes: H04N 21/478 Supplemental services, e.g. displaying phone caller identification, shopping application
• CPC Class Codes: H04N 21/482 End-user interface for program selection broadcast systems using EPGs H04H60/72
• CPC Class Codes: H04N 5/45 Picture in picture , e.g. displaying simultaneously another television channel in a region of the screen

Abstract

Systems and methods according to the present invention provide layout structures and methods for user interfaces.

Claims

1. A user interface displayed on a screen comprising:

a plurality of control elements, at least some of said plurality of control elements having at least one alphanumeric character displayed thereon;

a textbox for displaying alphanumeric characters entered using said plurality of control elements; and

a plurality of groups of displayed items,

wherein a layout of said plurality of groups on said user interface is based on a first number of groups which are displayed, and wherein a layout of said displayed items within a group is based on a second number of said items displayed within that group.

2. The user interface of claim 1, wherein said displayed items are movie cover images, said first number of groups is four, said second number of items within a leftmost group displayed on said user interface is seven and further wherein:

said four groups include a leftmost group, a left-center group, a right-center group each having a center point, and a rightmost group;

said layout of said four groups on said user interface is such that a center point of each group is disposed at a corner of a trapezoid;

the left-center group and the right center group having their center points further from a bottom of said user interface than the center points of the leftmost and the rightmost group; and

said left-center group has three items which are arranged such that center points of each item are located on a circumference of a circle and each of said three items overlap.

3. The user interface of claim 1, wherein said plurality of control elements are laid out in two horizontal rows.

4. The user interface of claim 1, wherein said text box is displayed above said plurality of control elements and said groups of displayed items are displayed below said plurality of control elements.

5. The user interface of claim 1, wherein said displayed items are images.

6. The user interface of claim 5, wherein said images are movie covers.

7. The user interface of claim 1, wherein said layout of groups involves placing a center point of each group at a location on said user interface, which location is determined based on the number of groups to be displayed.

8. The user interface of claim 7, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point.

9. The user interface of claim 8, wherein if said second number is one for one of said plurality of groups, the item in that group is placed in said rectangular region by offsetting a center point associated with that item from the center point of said group and scaling said item within said rectangular region to a size such that a second item of the same size will not fit.

10. The user interface of claim 8, wherein if said second number is two for one of said plurality of groups, two items are placed in said rectangular region by aligning the center points of said two items on a diagonal within said rectangular region.

11. The user interface of claim 8, wherein if said second number is three for one of said plurality of groups, three items are placed in said rectangular region by arranging the center points of said three items on a circumference of a circle within said rectangular region.

12. The user interface of claim 8, wherein if said second number is four for one of said plurality of groups, four items are placed in said rectangular region by arranging the center points of said four items on corners of a rhombus within said rectangular region.

13. The user interface of claim 8, wherein if said second number is five for one of said plurality of groups, five items are placed in said rectangular region by arranging the center points of five items along a right half of a circumference of an ellipse within said rectangular region.

14. The user interface of claim 8, wherein if said second number is six for one of said plurality of groups, six items are placed in a grid such that three items are arranged in an upper row above three items arranged in a lower row, wherein an upper leftmost item is aligned above a lower leftmost item and a top edge of said upper leftmost item is higher than a top edge of an upper rightmost item, said upper rightmost item is aligned above a lower rightmost item, said lower rightmost item is aligned below said upper rightmost item and a bottom edge of said lower leftmost item is lower than a bottom edge of said lower rightmost item, an upper center item is left of the center point of said group and overlaps both items in said upper row, a lower center item is right of the center point of said group and overlaps both items in said lower row and overlaps said upper center item.

15. The user interface of claim 8, wherein if said second number is seven for one of said plurality of groups, seven items are placed in a grid such that one item is in the center, three items are arranged in an upper row above the center item and three items are arranged below said center item in a lower row, wherein an upper leftmost item is slightly higher than an upper rightmost item and is aligned with a lower leftmost item, the upper rightmost item is slightly lower than the upper leftmost item and is aligned with a lower rightmost item, the lower rightmost item is in line with both the upper rightmost item and the lower leftmost item and a top edge of a middle item in the upper row are higher than top edges of both the upper leftmost item and the upper rightmost item, and a bottom edge of a middle item in the lower row is lower than a bottom edge of both the lower leftmost item and the lower rightmost item,

wherein the center item overlaps all other items, the middle items in either row overlap items in that row and wherein the center item is left of the center point of said group and the middle items are right of the center point of said group.

16. The user interface of claim 8, wherein if said second number is eight for one of said plurality of groups, eight items are placed in a grid such that two items are arranged in a middle row, three items are arranged in an upper row above said middle row and three items are arranged in a lower row below said middle row, wherein an upper leftmost item is aligned with both an upper rightmost item and a lower leftmost item, said upper rightmost item is aligned with both said upper leftmost item and a lower rightmost item, said lower rightmost item is aligned with both said upper rightmost item and said lower leftmost item, and a top edge of a middle item in said upper row is higher than top edges of both the upper leftmost item and the upper rightmost item, and a bottom edge of a middle item in said lower row is lower than a bottom edge of both said lower leftmost item and said lower rightmost item, wherein overlapping occurs between said middle row and all other rows, and that said center items in either said upper row or said lower row overlap items in there respective row.

17. The user interface of claim 1, wherein said number of groups changes based upon search results from entered using said plurality of control elements.

18. The user interface of claim 1, wherein said groups do not overlap and at least some of said items within each group do overlap.

19. A method for laying out items in a user interface comprising the steps of:

laying out a plurality of groups of items within a group display space, said groups being laid out within said display space in a pattern which varies as a function of the number of said plurality of groups; and

laying out, for each of said plurality of groups, a plurality of items within an item display space associated with a respective one of said plurality of groups, said items being laid out within a respective item display space in a pattern which varies as a function of the number of said plurality of items.

20. The method of claim 19, further comprising the step of:

performing said steps of laying out said plurality of groups and plurality of items in accordance with at least one set of layout rules.

21. The method of claim 20, wherein said layout rules are applied recursively to said steps of laying out said plurality of groups and said plurality of items.

22. The method of claim 19, wherein said user interface is displayed on a television and said items are movie cover images, wherein selection of one of said movie cover images by a user results in additional information being displayed on said user interface for a movie associated therewith.

23. The method of claim 22, wherein said television is a high definition television and a maximum number of movie cover images displayed on a single GUI screen without scrolling is 128.

24. The method of claim 19, further comprising the step of:

providing a plurality of control elements on said user interface, at least some of said plurality of control elements having at least one alphanumeric character displayed thereon; and

providing a textbox for displaying alphanumeric characters entered using said plurality of control elements on said user interface.

25. The method of claim 19, wherein said layout of groups involves placing a center point of each group at a location on said user interface, which location is determined based on the number of groups to be displayed.

26. The method of claim 25, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point.

27. The method of claim 26, wherein if the number of said plurality of items is one for one of said plurality of groups, the item in that group is placed in said rectangular region by offsetting a center point associated with that item from the center point of said group and scaling said item within said rectangular region to a size such that a second item of the same size will not fit.

28. The method of claim 26, wherein if the number of said plurality of items is two for one of said plurality of groups, two items are placed in said rectangular region by aligning the center points of said two items on a diagonal within said rectangular region.

29. The method of claim 26, wherein if the number of said plurality of items is three for one of said plurality of groups, three items are placed in said rectangular region by arranging the center points of said three items on a circumference of a circle within said rectangular region.

30. The method of claim 26, wherein if the number of said plurality of items is four for one of said plurality of groups, four items are placed in said rectangular region by arranging the center points of said four items on corners of a rhombus within said rectangular region.

31. The method claim 26, wherein if the number of said plurality of items is five for one of said plurality of groups, five items are placed in said rectangular region by arranging the center points of five items along a right half of a circumference of an ellipse within said rectangular region.

32. The method of claim 26, wherein if the number of said plurality of items is six for one of said plurality of groups, six items are placed in a grid such that three items are arranged in an upper row above three items arranged in a lower row, wherein an upper leftmost item is aligned above a lower leftmost item and a top edge of said upper leftmost item is higher than a top edge of an upper rightmost item, said upper rightmost item is aligned above a lower rightmost item, said lower rightmost item is aligned below said upper rightmost item and a bottom edge of said lower leftmost item is lower than a bottom edge of said lower rightmost item, an upper center item is left of the center point of said group and overlaps both items in said upper row, a lower center item is right of the center point of said group and overlaps both items in said lower row and overlaps said upper center item.

33. The method of claim 26, wherein if the number of said plurality of items is seven for one of said plurality of groups, seven items are placed in a grid such that one item is in the center, three items are arranged in an upper row above the center item and three items are arranged below said center item in a lower row, wherein an upper leftmost item is slightly higher than an upper rightmost item and is aligned with a lower leftmost item, the upper rightmost item is slightly lower than the upper leftmost item and is aligned with a lower rightmost item, the lower rightmost item is in line with both the upper rightmost item and the lower leftmost item and a top edge of a middle item in the upper row are higher than top edges of both the upper leftmost item and the upper rightmost item, and a bottom edge of a middle item in the lower row is lower than a bottom edge of both the lower leftmost item and the lower rightmost item,

wherein the center item overlaps all other items, the middle items in either row overlap items in that row and wherein the center item is left of the center point of said group and the middle items are right of the center point of said group.

34. The method of claim 26, wherein if the number of said plurality of items r is eight for one of said plurality of groups, eight items are placed in a grid such that two items are arranged in a middle row, three items are arranged in an upper row above said middle row and three items are arranged in a lower row below said middle row, wherein an upper leftmost item is aligned with both an upper rightmost item and a lower leftmost item, said upper rightmost item is aligned with both said upper leftmost item and a lower rightmost item, said lower rightmost item is aligned with both said upper rightmost item and said lower leftmost item, and a top edge of a middle item in said upper row is higher than top edges of both the upper leftmost item and the upper rightmost item, and a bottom edge of a middle item in said lower row is lower than a bottom edge of both said lower leftmost item and said lower rightmost item, wherein overlapping occurs between said middle row and all other rows, and that said center items in either said upper row or said lower row overlap items in there respective row.

35. The method of claim 24, wherein said number of groups changes based upon search results from entered using said plurality of control elements.

36. The method of claim 19, wherein said groups do not overlap and at least some of said items within each group do overlap.