Approaches for three-dimensional object display used in content navigation

• US 10,592,064 B2
• Filed: 09/17/2013
• Issued: 03/17/2020
• Est. Priority Date: 09/17/2013
• Status: Active Grant

• Current Assignee: Amazon Technologies, Inc. (Amazon.com, Inc.)
• Original Assignee: Amazon Technologies, Inc. (Amazon.com, Inc.)
• Inventors: Ames, Charley, Pilarinos, Dennis, Hill, Peter Frank, Perez, Sasha Mikhael, Gray, Timothy Thomas
• Primary Examiner(s): Kim, Sang H
• Application Number:
  US14/029,736
• Publication Number:
  US 20150082180A1
• Time in Patent Office: 2,373 Days
• Field of Search: 715738, 715782, 345169
• CPC Class Codes: G06F 1/1626 with a single-body enclosure integrating a flat display, e.g. Personal Digital Assistants [PDAs]
• CPC Class Codes: G06F 1/1694 the I/O peripheral being a single or a set of motion sensors for pointer control or gesture input obtained by sensing movements of the portable computer
• CPC Class Codes: G06F 2203/04802 3D-info-object: information is displayed on the internal or external surface of a three dimensional manipulable object, e.g. on the faces of a cube that can be rotated by the user
• CPC Class Codes: G06F 3/012 Head tracking input arrangements
• CPC Class Codes: G06F 3/013 Eye tracking input arrangements G06F3/015 takes precedence
• CPC Class Codes: G06F 3/0346 with detection of the device orientation or free movement in a 3D space, e.g. 3D mice, 6-DOF [six degrees of freedom] pointers using gyroscopes, accelerometers or tilt-sensors
• CPC Class Codes: G06F 3/04815 Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object

Abstract

Approaches enable three-dimensional (3D) display and interaction with interfaces (such as a webpage, an application, etc.) when the device is operating in a 3D view mode. For example, interface elements can be highlighted, emphasized, animated, or otherwise altered in appearance, and/or arrangement in the renderings of those interfaces based at least in part on an orientation of the device or a position of a user using the device. Further, the 3D view mode can provide for an animated 3D departure and appearance of elements as the device navigates from a current page to a new page. Further still, approaches provide for the ability to specify 3D attributes (such as the appearance, action, etc.) of the interface elements. In this way, a developer of such interfaces can use information (e.g., tags, CSS, JavaScript, etc.) to specify a 3D appearance change to be applied to at least one interface element when the 3D view mode is activated.

Claims

1. A computing device, comprising:

a display screen;

at least one computing device processor; and

a memory device including instructions that, when executed by the at least one computing device processor, enables the computing device to;

determine a change in orientation of the computing device;

based at least in part on determining the change in orientation, transition from display of a two-dimensional view to display of a three-dimensional view of a first webpage on the display screen of the computing device, the first webpage including a first interface element of a first set of interface elements, the first set of interface elements including web links with a three-dimensional arrangement based in part on orientation of the computing device and eye position of a user of the computing device;

receive a request from a user to navigate from the first webpage to a second webpage, the second webpage including a second interface element of a second set of interface elements;

determine first relevant content associated with the first interface element based at least in part on user content preferences associated with a user profile;

animate a three-dimensional departure of the first interface element from the three-dimensional view of the first webpage on the display screen, wherein the three-dimensional departure is determined based at least in part on the first relevant content and includes separating the first interface element into a plurality of three-dimensional segments;

determine second relevant content associated with the second interface element based at least in part on the user content preferences; and

animate a three-dimensional appearance of the second interface element associated with the second webpage on the display screen in place of the first interface element associated with the first webpage, wherein the three-dimensional appearance is determined based at least in part on the second relevant content.

2. The computing device of claim 1, wherein the instructions, when executed, further cause the computing device to:

render an animation of at least one of the plurality of three-dimensional segments departing the display screen in at least one direction at predetermined speed.

3. The computing device of claim 1, wherein the instructions, when executed, further cause the computing device to:

render an animation of at least one of the three-dimensional segments departing the display screen in at least one direction at predetermined speed and render an animation of at least one segment of the second interface element entering the display screen in at least one direction at a predetermined speed.

4. The computing device of claim 3, wherein animating the three-dimensional departure of the first interface element from the first webpage and the three-dimensional appearance of the second interface element of the second webpage is configured to mask an amount of latency in rendering the second webpage.

5. A computer implemented method, comprising:

displaying, on a first webpage on a display screen of a computing device, a first set of content including one or more objects;

receiving a request to access a second webpage that includes a second set of content;

determining a change in orientation of the computing device;

based at least in part on determining the change in orientation, transitioning from display of a two-dimensional representation to display of a three-dimensional representation of the first set of content, the first set of content including web links with a three-dimensional arrangement based in part on orientation of the computing device and eye position of a user of the computing device;

determining first relevant content associated with the one or more objects of the first set of content based at least in part on user content preferences associated with a user profile;

animating a departure of the three-dimensional representation of the first set of content from the first webpage, wherein said departure is determined based at least in part on the first relevant content and includes separating at least one of the objects of the one or more objects into a plurality of three-dimensional segments;

determining second relevant content associated with the second set of content based at least in part on the user content preferences;

animating an appearance of displaying a three-dimensional representation of the second set of content, wherein the appearance is determined based at least in part on the second relevant content; and

displaying, on the display screen in place of the first set of content, the three-dimensional representation of the second set of content on the second webpage.

6. The computer implemented method of claim 5, wherein animating a departure of the three-dimensional representation of the first set of content from the first webpage further includes:

adjusting an appearance of the at least one of the objects of the first set of content to cause the at least one of the objects to appear to move from a first position to a second position, the at least one of the objects rendered in the first position appearing closer to a surface of the display screen than the at least one of the objects rendered in the second position.

7. The computer implemented method of claim 5, wherein animating a departure of the three-dimensional representation of the first set of content from the first webpage further includes:

animating a separation of the at least one of the objects, wherein a first object is rendered to appear to move away from a second object.

8. The computer implemented method of claim 7, wherein the first object appears to move away from the second object at a predetermined speed.

9. The computer implemented method of claim 7, wherein the first object appears to exit the display screen in a different direction than the second object appears to exit the display screen.

10. The computer implemented method of claim 5, wherein animating an appearance of displaying a three-dimensional representation of a second set of content further includes:

rendering a two-dimensional representation of the second set of content in place of the first set of content.

11. The computer implemented method of claim 10, wherein the three-dimensional representation of the at least one of the objects is displayed to appear closer to a surface of the display screen than at least one other object of the at least one of the objects.

12. The computer implemented method of claim 5, wherein the three-dimensional representation of the second set of content includes a plurality of objects, and animating an appearance of displaying a three-dimensional representation of a second set of content further includes:

displaying an animation of stitching together two of the plurality of objects.

13. The computer implemented method of claim 12, wherein two of the plurality of objects of the second set of content appear on a display screen of the computing device at different speeds.

14. The computer implemented method of claim 5,

rendering an animation of at least one interface element of a plurality of interface elements for the first set of content departing the display screen in at least one direction at predetermined speed;

and

rendering an animation of at least one interface element of the plurality of interface elements for the second set of content entering the display screen in at least one direction at a predetermined speed.

15. The computer implemented method of claim 5, further comprising:

determining a network connection speed of the computing device;

determining an amount of time to load the second set of content onto the computing device based at least in part on the network connection speed; and

animating the appearance of the second set of content to occur over at least the determined amount of time,

wherein animating a departure of the first set of content and the appearance of the second set of content is configured to mask an amount of latency in rendering the second set of content.

16. A non-transitory computer readable storage medium storing one or more sequences of instructions executable by one or more processors to perform a set of operations comprising:

displaying, on a first webpage on a display screen of a computing device, a first set of content including one or more objects;

receiving a request to access a second webpage that includes a second set of content;

determining a change in orientation of the computing device;

based at least in part on determining the change in orientation, transitioning from display of a two-dimensional representation to display of a three-dimensional representation of the first set of content, the first set of content including web links with a three-dimensional arrangement based in part on orientation of the computing device and eye position of a user of the computing device;

determining first relevant content associated with the one or more objects of the first set of content based at least in part on user content preferences associated with a user profile;

animating a departure of the three-dimensional representation of the first set of content from the first webpage, wherein said departure is determined based at least in part on the first relevant content and includes separating at least one of the objects of the first set of content into a plurality of three-dimensional segments;

determining second relevant content associated with the second set of content based at least in part on the user content preferences;

animating an appearance of displaying a three-dimensional representation of the second set of content, wherein the appearance is determined based at least in part on the second relevant content; and

displaying, on the display screen in place of the first set of content, the three-dimensional representation of the second set of content on the second webpage.

17. The non-transitory computer readable storage medium of claim 16, wherein displaying the second set of content further includes instructions executed by the one or more processors to perform the operations of:

animating a three-dimensional appearance of one or more objects of the second set of content on the display screen in place of the one or more objects of the first set of content, wherein animating the three-dimensional appearance of the one or more objects of the second set of content further includes;

rendering a two-dimensional representation of the second set of content in place of the first set of content; and

rendering a three-dimensional representation of at least a subset of the one or more objects of the second set of content, wherein the three-dimensional representation of at least one of the one or more objects of the second set of content is displayed to appear closer to a surface of the display screen than at least one other object of the one or more objects.

18. The non-transitory computer readable storage medium of claim 16, wherein animating a departure of three-dimensional representation of the first set of content from the first webpage further includes instructions executed by the one or more processors to perform the operations of:

adjusting an appearance of at least one of the one or more objects of the first set of content to cause the at least one of the one or more objects to appear to move from a first position to a second position, the at least one of the one or more objects rendered in the first position appearing closer to a surface of the display screen than the at least one of the one or more objects rendered in the second position; and

animating a separation of the one or more objects, wherein a first object is rendered to appear to move away from a second object, wherein the first object appears to move away from the second object at a predetermined speed.

19. The non-transitory computer readable storage medium of claim 16, wherein a change in orientation of the computing device is determined based at least in part on images captured by a camera of the computing device or at least one sensor.