IP Library › Granted Patent US 12,427,412
Granted Patent B2
US 12,427,412 · App. 17/953,141 · Granted Sep 30, 2025

Systems and methods for presenting visual content

Inventors: Karlo Alexis Reyes (Woodinville, WA); Ryan Ashley Medlin (Portland, OR); Efus Richman (Seattle, WA); Ross Anthony Marshall (Duvall, WA); Raymond Charles Dean (Shoreline, WA); Kayla Louise Covington (Atlanta, GA); Brannon James Zahand (Issaquah, WA)
Assignee: Microsoft Technology Licensing, LLC
A63F13/53G06F3/04842G06F3/0485A63F2300/308
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 12,427,412
App. No.
17/953,141
Granted
Sep 30, 2025
Kind
B2
Abstract

A method of navigating visual content includes establishing an interface template including a viewport; obtaining visual content data; identifying at least one focusable element in the visual content data; presenting a first portion of visual content in the viewport on a display device, wherein the visual content is based at least partially on the visual content data; indicating a first focusable element in the viewport with a visual indicator; and responsive to a user input, scrolling the visual content in the viewport when a second focusable element of the visual content is not present in the viewport in a navigation direction of the user input.

Claims (50)

1. A method of navigating visual content comprising:

establishing an interface template including a viewport;

obtaining visual content data;

identifying at least a first focusable element and a second focusable element in the visual content data;

presenting a first portion of visual content in the viewport on a display device, wherein the visual content is based at least partially on the visual content data and the first portion includes the first focusable element and does not include the second focusable element;

indicating the first focusable element in the viewport with a visual indicator; and

responsive to a user input having a navigation direction, determining whether a second focusable element is present or not present in the viewport wherein the second focusable element is a next focusable element in the direction of the user input, wherein:

when the second focusable element of the visual content is not present in the viewport in a navigation direction of the user input scrolling the visual content in the viewport without moving the visual indicator from the first focusable element, and

when at least a portion of the second focusable element is present in the viewport, moving the visual indicator to the second focusable element.

2. The method of claim 1 , wherein the user input is a uniaxial directional user input.

3. The method of claim 1 , wherein the display device is a television.

4. The method of claim 1 , wherein the visual content data is paginated.

5. The method of claim 1 , wherein at least one of the first focusable element and the second focusable element is an interactive element.

6. The method of claim 1 , further comprising indicating a scroll element while scrolling the visual content.

7. The method of claim 6 , wherein indicating a scroll element includes indicating the scroll element with the visual indicator.

8. The method of claim 1 , wherein the visual indicator is a border visual indicator.

9. The method of claim 1 , wherein the visual indicator is a highlighting visual indicator.

10. The method of claim 1 , wherein the visual indicator is a movement visual indicator.

11. The method of claim 1 , further comprising scaling at least one of the first focusable element and the second focusable element based at least partially on a dimension of the viewport.

12. The method of claim 1 , further comprising, upon beginning scrolling, moving the visual indicator between the first focusable element and a portion of a scroll bar.

13. The method of claim 1 , wherein identifying at least a first focusable element and a second focusable element includes parsing the visual content data and identifying an element type of one or more elements of the visual content data.

14. The method of claim 1 , wherein moving the visual indicator to the second focusable element includes moving the visual indicator while at least one non-focusable element is present in the viewport.

15. A system for providing visual content to a user, the system comprising:

a computing device, the computing device including:

a communication device configured to receive user inputs,

a processor in data communication with the communication device, and

a hardware storage device in data communication with the processor, wherein the hardware storage device has instructions stored thereon that, when executed by the processor, cause the computing device to:

establish an interface template including a viewport;

obtain visual content data;

identify at least a first focusable element and a second focusable element in the visual content data;

present a first portion of visual content in the viewport on a display device, wherein the visual content is based at least partially on the visual content data and the first portion includes the first focusable element and does not include the second focusable element;

indicate a first focusable element in the viewport with a visual indicator; and

responsive to a user input having a navigation direction, determine whether a second focusable element is present or not present in the viewport wherein the second focusable element is a next focusable element in the direction of the user input, wherein:

when the second focusable element of the visual content is not present in the viewport in a navigation direction of the user input scrolling the visual content in the viewport without moving the visual indicator from the first focusable element, and

when at least a portion of the second focusable element is present in the viewport, moving the visual indicator to the second focusable element.

16. The system of claim 15 , wherein the computing device is a video game console.

17. The system of claim 15 , further comprising a user input device wherein the user input device is a video game controller.

18. The system of claim 15 , wherein the computing device further includes the display device.

19. A method of navigating visual content comprising:

at a computing device:

establishing an interface template including a viewport;

obtaining visual content data;

identifying at least a first focusable element and a second focusable element in the visual content data;

presenting a first portion of visual content in the viewport of a user interface based at least partially on the interface template on a display device, wherein the visual content is based at least partially on the visual content data and the first portion includes the first focusable element and does not include the second focusable element;

indicating a first focusable element in the viewport with a visual indicator;

responsive to a user input having a navigation direction, determine whether a second focusable element is present or not present in the viewport wherein the second focusable element is a next focusable element in the direction of the user input, wherein:

when the second focusable element of the visual content is not present in the viewport in a navigation direction of the user input scrolling the visual content in the viewport without moving the visual indicator from the first focusable element, and

when at least a portion of the second focusable element is present in the viewport, moving the visual indicator to the second focusable element; and

upon beginning scrolling, indicating a scroll element on a scroll bar.

20. The method of claim 19 , wherein indicating the scroll element includes using a same visual indicator as the first focusable element.

Assignments (2)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Jul 5, 2023
From: MARSHALL, ROSS ANTHONY; ZAHAND, BRANNON JAMES
To: MICROSOFT TECHNOLOGY LICENSING, LLC
Reel/Frame 064156/0875 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Sep 26, 2022
From: REYES, KARLO ALEXIS; MEDLIN, RYAN ASHLEY; RICHMAN, EFUS; DEAN, RAYMOND CHARLES; COVINGTON, KAYLA LOUISE
To: MICROSOFT TECHNOLOGY LICENSING, LLC
Reel/Frame 061218/0669 →
Continuity (1)
Related Publication 20240100428A1 · Mar 28, 2024
References Cited (32)
US 6683626B1 · Abellera · 2004 [cited by examiner]
US 9953011B1 · Anderson · 2018 [cited by examiner]
US 10140633B1 · Jaye · 2018 [cited by examiner]
US 10185702B1 · White · 2019 [cited by examiner]
US 11481872B2 · Guo · 2022 [cited by examiner]
US 20030236917A1 · Gibbs · 2003 [cited by examiner]
US 20050251742A1 · Mogilevsky · 2005 [cited by examiner]
US 20110113364A1 · Neil · 2011 [cited by examiner]
US 20110131482A1 · Shteinvil · 2011 [cited by examiner]
US 20110208732A1 · Melton · 2011 [cited by examiner]
US 20130095463A1 · Ediger · 2013 [cited by examiner]
US 20140067825A1 · Oztaskent · 2014 [cited by examiner]
US 20140331124A1 · Downs · 2014 [cited by examiner]
US 20150277559A1 · Vescovi · 2015 [cited by examiner]
US 20160026730A1 · Hasan · 2016 [cited by examiner]
US 20160070434A1 · Clark · 2016 [cited by examiner]
US 20170102847A1 · Payzer · 2017 [cited by examiner]
US 20170140063A1 · Dey · 2017 [cited by examiner]
US 20170235537A1 · Liu · 2017 [cited by examiner]
US 20170344218A1 · Jann · 2017 [cited by examiner]
US 20170357398A1 · Alonso-Ruiz · 2017 [cited by examiner]
US 20180052581A1 · Evans · 2018 [cited by examiner]
US 20180203706A1 · Hosenpud · 2018 [cited by examiner]
US 20180300032A1 · Gil · 2018 [cited by examiner]
US 20190050378A1 · Novak · 2019 [cited by examiner]
US 20190050440A1 · Novak · 2019 [cited by examiner]
US 20190081479A1 · Faley · 2019 [cited by examiner]
US 20190391825A1 · Jann · 2019 [cited by examiner]
US 20200372206A1 · Fialkow · 2020 [cited by examiner]
US 20210204032A1 · VanSickel · 2021 [cited by examiner]
US 20220083208A1 · Kutas · 2022 [cited by examiner]
US 20220366131A1 · Ekron · 2022 [cited by examiner]