# US 2020/0401761 A1 · Responsive user interface system

> Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt

- Number: US 2020/0401761 A1
- Document ID: US20200401761A1
- Status: Published application
- Kind: A1
- Application number: 16/773,350
- Filed: 2020-01-27
- Published: 2020-12-24
- Earliest claimed: 2015-03-09
- Assignees: Vinyl Development LLC
- Applicants: Vinyl Development LLC
- Inventors: Thomas R. Kennedy, JR.
- Web page: https://patentgrep.com/patent/US20200401761A1

## CPC

- G06F 40/177: of tables; using ruled lines
- G06F 9/451: Execution arrangements for user interfaces
- G06F 40/106: Display of layout of documents; Previewing
- G06F 2203/04803: Split screen, i.e. subdividing the display area or the window area into separate subareas
- G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N)

## Abstract

Methods, systems, and apparatus, including computer programs encoded on computer storage media, for a responsive user interface. One of the methods includes receiving a page for a user device, the page including a panels. The method includes receiving a layout for the page, the layout defining a visual relationship between the panels. The method includes generating, by a computer system, a slide including a subset of panels to display on the user device, the subset of panels selected based on characteristics of the user device and the layout. The method includes sending the slide to the user device.

## Claims

### Claim 1

A computer-implemented method, the method comprising:
receiving a page for a user device, the page including a panels;
receiving a layout for the page, the layout defining a visual relationship between the panels;
generating, by a computer system, a slide including a subset of panels to display on the user device, the subset of panels selected based on characteristics of the user device and the layout; and
sending the slide to the user device.

### Claim 2 (depends on 1)

The method of claim 1, wherein generating the slide comprises:
calculating a first number, the first number being a number of panels that can be displayed horizontally, and a second number, the second number being a number of panels vertically on the user device.

### Claim 3 (depends on 2)

The method of claim 2, wherein calculating the first number includes calculating a number of characters that can be displayed horizontally on the user device and dividing the first number by a number of characters displayed horizontally in a standard panel.

### Claim 4 (depends on 2)

The method of claim 2, wherein calculating the second number includes calculating a number of characters that can be displayed vertically on the user device and dividing the first number by a number of characters displayed vertically in a standard panel.

### Claim 5 (depends on 4)

The method of claim 4, wherein the number of characters that can be displayed vertically on the user device is determined based on a preferred font for the user device.

### Claim 6 (depends on 1)

The method of claim 1, wherein the layout defines a first group that defines a visual relationship between a first panel and a second panel and the layout defines a visual relationship between the first group and a third panel.

### Claim 7 (depends on 1)

The method of claim 1, wherein generating the slide includes selecting the subset of panels based on the visual relationship between the panels.

### Claim 8 (depends on 1)

The method of claim 1, further comprising generating slides, such that each panel on the page is included in one slide.

### Claim 9 (depends on 1)

The method of claim 1, further comprising:
receiving, by the user device, a set of slides including the slide, each slide including at least one panel;
displaying a first slide of the slides on the user device; and
displaying a second slide of the slides on the user device in response to receiving a navigation action.

### Claim 10

A non-transitory computer storage medium encoded with computer program instructions that when executed by one or more computers cause the one or more computers to perform operations comprising: receiving a page for a user device, the page including a panels;
receiving a layout for the page, the layout defining a visual relationship between the panels;
generating, by a computer system, a slide including a subset of panels to display on the user device, the subset of panels selected based on characteristics of the user device and the layout; and
sending the slide to the user device.

### Claim 11 (depends on 10)

The non-transitory computer storage medium of claim 10, wherein generating the slide comprises:
calculating a first number, the first number being a number of panels that can be displayed horizontally, and a second number, the second number being a number of panels vertically on the user device.

### Claim 12 (depends on 11)

The non-transitory computer storage medium of claim 11, wherein calculating the first number includes calculating a number of characters that can be displayed horizontally on the user device and dividing the first number by a number of characters displayed horizontally in a standard panel.

### Claim 13 (depends on 11)

The non-transitory computer storage medium of claim 11, wherein calculating the second number includes calculating a number of characters that can be displayed vertically on the user device and dividing the first number by a number of characters displayed vertically in a standard panel.

### Claim 14 (depends on 13)

The non-transitory computer storage medium of claim 13, wherein the number of characters that can be displayed vertically on the user device is determined based on a preferred font for the user device.

### Claim 15 (depends on 10)

The non-transitory computer storage medium of claim 10, wherein the layout defines a first group that defines a visual relationship between a first panel and a second panel and the layout defines a visual relationship between the first group and a third panel.

### Claim 16 (depends on 10)

The non-transitory computer storage medium of claim 10, wherein generating the slide includes selecting the subset of panels based on the visual relationship between the panels.

### Claim 17 (depends on 10)

The non-transitory computer storage medium of claim 10, further comprising generating slides, such that each panel on the page is included in one slide.

### Claim 18 (depends on 10)

The non-transitory computer storage medium of claim 10, further comprising:
receiving, by the user device, a set of slides including the slide, each slide including at least one panel;
displaying a first slide of the slides on the user device; and
displaying a second slide of the slides on the user device in response to receiving a navigation action.

### Claim 19

A system comprising:
one or more computers and one or more storage devices storing instructions that are operable, when executed by the one or more computers, to cause the one or more computers to perform operations comprising:
receiving a page for a user device, the page including a panels;
receiving a layout for the page, the layout defining a visual relationship between the panels;
generating, by a computer system, a slide including a subset of panels to display on the user device, the subset of panels selected based on characteristics of the user device and the layout; and
sending the slide to the user device.

### Claim 20 (depends on 19)

The system of claim 19, wherein generating the slide comprises:
calculating a first number, the first number being a number of panels that can be displayed horizontally, and a second number, the second number being a number of panels vertically on the user device.

### Claim at position 21

21-27. (canceled)
