View port resolution independent network pages

• US 9,443,441 B1
• Filed: 10/29/2010
• Issued: 09/13/2016
• Est. Priority Date: 10/29/2010
• Status: Active Grant

• Current Assignee: Amazon Technologies, Inc. (Amazon.com, Inc.)
• Original Assignee: Amazon Technologies, Inc. (Amazon.com, Inc.)
• Inventors: Scott, Sean M., Varadhan, Devraj, Gradt, Douglas J.
• Primary Examiner(s): Chow, Doon
• Assistant Examiner(s): NGUYEN, LE V
• Application Number:
  US12/915,615
• Time in Patent Office: 2,146 Days
• Field of Search: 715/788, 715/801, 715/800, 715/738, 715/742
• US Class Current: 1/1
• CPC Class Codes: G06F 16/954 Navigation, e.g. using categorised browsing
• 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/14 Digital output to display device ; Cooperation and interconnection of the display device with other functional units
• CPC Class Codes: G06F 40/109 Font handling; Temporal or kinetic typography
• CPC Class Codes: G06Q 30/0601 Electronic shopping [e-shopping]
• CPC Class Codes: G06Q 30/0643 Graphical representation of items or shoppers
• CPC Class Codes: G09B 5/00 Electrically-operated educational appliances working with questions and answers G09B7/00; simulators G09B9/00; advertising or displaying in general G09F
• CPC Class Codes: G09G 2340/0407 Resolution change, inclusive of the use of different resolutions for different screen areas
• CPC Class Codes: G09G 2340/0442 Handling or displaying different aspect ratios, or changing the aspect ratio
• CPC Class Codes: G09G 2370/027 Arrangements and methods specific for the display of internet documents
• CPC Class Codes: H04L 67/01 Protocols

Abstract

Disclosed are various embodiments for facilitating transition in a rendering of a network page given a resizing of a view port of a viewing window. A network page is rendered in a computing system in a view port on a display device, the network page defining a plurality of view port resolution ranges. A first level of changes is implemented in a display of the network page in response to a resizing of the view port within a respective one of the view port resolution ranges. A second level of changes is implemented in the display of the network page in response to a resizing of the view port through a transition threshold defined between a respective pair of the view port resolution ranges.

Claims

1. A non-transitory computer-readable medium embodying a program executable in a computing device, wherein the program, when executed, causes the computing device to:

generate a network page in response to a request from a client device;

define a plurality of view port resolution ranges in the network page;

configure the network page to specify that a plurality of content items are to be downloaded from a server in association with a rendering of the network page, the content items being associated with a respective one of the view port resolution ranges that includes an initial size of a view port on the client device;

configure the network page to implement a first transition of a display of the network page after an initial rendering of the network page in response to resizing the view port on the client device within the respective one of the view port resolution ranges, wherein;

resizing results from a user interaction with the client device by a user of the client device; and

the first transition employs the content items currently stored in the client device; and

configure the network page to implement a second transition of the display of the network page after the initial rendering of the network page in response to resizing the view port through a transition threshold defined between a respective pair of the resolution ranges, wherein resizing results from a user interaction with the client device by the user of the client device and the second transition involves downloading at least one additional content item to be displayed in the view port, wherein;

the additional content item replaces a previously rendered one of the content items in the network page;

or

the additional content item is added to the display of the network page.

2. The non-transitory computer readable medium of claim 1, wherein implementation of the first transition of the display further comprises causing the computing device to configure the network page to expand an empty space in at least one location in the display of the network page.

3. The non-transitory computer readable medium of claim 1, wherein implementation of the first transition of the display further comprises causing the computing device to configure the network page to change a size of an image appearing in the display of the network page.

4. The non-transitory computer readable medium of claim 1, wherein the first transition of the display further comprises a change in a font size of at least one character that appears in the display of the network page.

5. The non-transitory computer readable medium of claim 1, wherein the first transition of the display further comprises a change in a size of an image appearing in the display of the network page.

6. The non-transitory computer readable medium of claim 1, wherein the additional content item comprises a related items feature.

7. The non-transitory computer readable medium of claim 1, wherein the additional content item comprises a virtual shopping cart.

8. A system, comprising:

a computing device configured to at least;

generate a network page in response to a request from a client device;

define a plurality of view port resolution ranges in the network page;

configure the network page to specify that a plurality of content items are to be downloaded from a server in association with a rendering of the network page, the plurality of content items being associated with a respective one of the plurality of view port resolution ranges that includes an initial size of a view port on the client device; and

configure the network page to

implement a first transition of a display of the network page after an initial rendering of the network page in response to a resizing of the view port on the client device within the respective one of the plurality of view port resolution ranges, wherein;

the resizing of the view port results from a user interaction with the client device by a user of the client device; and

the first transition employs the plurality of content items downloaded from the server and stored in the client device; and

implement a second transition of the display of the network page after the initial rendering of the network page in response to a resizing of the view port through a transition threshold defined between a respective pair of the view port resolution ranges, wherein the resizing of the view port results from a user interaction with the client device by the user of the client device and the second transition involves downloading at least one additional content item to be displayed in the view port, wherein;

the additional content item replaces a previously rendered one of the plurality of content items in the network page;

or

the additional content item is added to the display of the network page.

9. The system of claim 8, wherein implementation of the first transition of the display further comprises a change in a size of an image appearing in the display of the network page.

10. The system of claim 8, wherein implementation of the first transition of the display further comprises an expansion of an empty space in at least one location in the display of the network page.

11. The system of claim 8, wherein the first transition of the display further comprises a change in a font size of at least one character that appears in the display of the network page.

12. The system of claim 8, wherein the first transition of the display further comprises a change in a size of an image appearing in the display of the network page.

13. The system of claim 8, wherein the additional content item comprises a shopping cart.

14. The system of claim 8, wherein the additional content item comprises a similar items feature or a related items feature.

15. A method, comprising:

generating, via a server, a network page in response to a request from a client device;

defining, via the server, a plurality of view port resolution ranges in the network page;

configuring, via the server, the network page to specify that a plurality of content items are to be downloaded from a server in association with a rendering of the network page, the content items being associated with a respective one of the view port resolution ranges that includes an initial size of a view port on the client device;

configuring, via the server, the network page to implement a first transition of a display of the network page after the an initial rendering of the network page in response to resizing the view port on the client device within the respective one of the view port resolution ranges, wherein;

resizing results from a user interaction with the client device by a user of the client device; and

the first transition employs the content items currently stored in the client device; and

configuring, via the server, the network page to implement a second transition of the display of the network page after the initial rendering of the network page in response to resizing the view port through a transition threshold defined between a respective pair of the resolution ranges, wherein resizing results from a user interaction with the client device by the user of the client device and the second transition involves downloading at least one additional content item to be displayed in the view port, wherein;

the additional content item replaces a previously rendered one of the content items in the network page;

or

the additional content item is added to the display of the network page.

16. The method of claim 15, wherein the first transition of the display further comprises changing a font size of at least one character that appears in the display of the network page.

17. The method of claim 15, wherein the first transition of the display further comprises changing a size of an image appearing in the display of the network page.

18. The method of claim 15, wherein implementation of the first transition of the display further comprises expanding an empty space in at least one location in the display of the network page.

19. The method of claim 15, wherein the additional content item comprises a similar items feature.

20. The method of claim 15, wherein the additional content item comprises a virtual shopping cart.