Scaling and layout methods and systems for handling one-to-many objects
First Claim
Patent Images
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 groups,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 dislayed,wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point,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.
5 Assignments
0 Petitions
Accused Products
Abstract
Systems and methods according to the present invention provide layout structures and methods for user interfaces.
214 Citations
30 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 groups, 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 dislayed, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8)
-
-
9. 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, wherein said layout of groups involves plaicing 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular reg ion disposed at a respective center point, 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.
-
-
10. 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, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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.
-
-
11. 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, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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.
-
-
12. 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, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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 grcumference of an ellipse within said rectangular region.
-
-
13. 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, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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.
-
-
14. 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, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular reg ion disposed at a respective center point, 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.
-
-
15. 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, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular reg ion disposed at a respective center point, 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 their respective row.
-
-
16. 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 one of a plurality of different group layout patterns which is selected 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 one of a plurality of different item layout patterns which is selected as a function of the number of said plurality of items, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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. - View Dependent Claims (17, 18, 19, 20, 21, 22)
-
-
23. 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 one of a plurality of different group layout patterns which is selected 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 one of a plurality of different item layout patterns which is selected as a function of the number of said plurality of items, 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, 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. 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 one of a plurality of different group layout patterns which is selected 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 one of a plurality of different item layout patterns which is selected as a function of the number of said plurality of items, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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.
-
-
25. 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 one of a plurality of different group layout patterns which is selected 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 grourps, said items being laid out within a respective item display space in one of a plurality of different item layout patterns which is selected as a function of the number of said plurality of items, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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.
-
-
26. 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 one of a plurality of different group layout patterns which is selected 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 grourp, said items being laid out within a respective item display space in one of a plurality of different item layout patterns which is selected as a function of the number of said plurality of items, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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.
-
-
27. 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 one of a plurality of different group layout patterns which is selected 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 one of a plurality of different item layout patterns which is selected as a function of the number of said plurality of items, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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.
-
-
28. A method for laving 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 one of a plurality of different group layout patterns which is selected 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 one of a plurality of different item layout patterns which is selected as a function of the number of said plurality of items, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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.
-
-
29. A method for laving 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 one of a plurality of different group layout a patterns which is selected 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 one of a plurality of different item layout patterns which is selected as a function of the number of said plurality of items, 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, 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.
-
-
30. 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 one of a plurality of different group layout patterns which is selected 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 grourJs. said items being laid out within a respective item display space in one of a plurality of different item layout patterns which is selected as a function of the number of said plurality of items, wherein said layout of groups involves plagng 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, wherein each of said displayed items associated with one of said groups is displayed within a rectangular region disposed at a respective center point, wherein if the number of said plurality of items 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 their respective row.
-
Specification