Granted Patent B2

US 12,299,266 · App. 18/751,711 · Granted May 13, 2025

Inventors: Melanie Perkins (Surry Hills, AU); Jessica Faccin (Rockdale, AU); Andrew James Peacock (Rozelle, AU); Lucinda Phoebe Ogden-Doyle (Newcastle, AU)

Assignee: Canva Pty Ltd

G06F3/04842G06F3/04847

Abstract

Claims (63)

1. A method comprising:

accessing, by one or more computer devices, asset data defining a document-type asset that includes one or more document pages in a page order, wherein the document-type asset is initially a non-playable document-type asset that does not include any playable design elements;

displaying, on a display device, an overview graphical user interface (GUI), the overview GUI including one or more previews, each preview corresponding to a document page;

while displaying the overview GUI, concurrently displaying an editing GUI on the display device, the editing GUI displaying a view of a particular document page;

detecting, by the one or more computer devices, a first conversion event comprising a first user input that adds a first playable design element to the particular document page of the non-playable document-type asset; and

in response to detecting the first conversion event:

adding, by the one or more computer devices, the first playable design element to the particular document page of the document-type asset thereby converting the non-playable document-type asset into a playable asset; and

updating, by the one or more computer devices, the overview GUI to display one or more playable asset controls while continuing to display the one or more previews in the overview GUI, wherein the one or more playable asset controls enable playback functionality for the playable asset; and

storing, in a non-transitory computer-readable storage medium, the playable asset including the first playable design element.

2. The computer implemented method of claim 1 , wherein the one or more playable asset controls includes a play control which can be activated to cause playback of the playable asset.

3. The computer implemented method of claim 1 , wherein the one or more playable asset controls includes a playhead, the playhead marking a current playback position within the playable asset.

4. The computer implemented method of claim 1 , wherein:

the playable asset data defines a plurality of document pages; and

displaying the overview GUI includes displaying, on the display device, a plurality of previews, wherein each preview corresponds to a document page and the plurality of previews are displayed adjacent one another along an axis in an order that is based on the page order as defined by the asset data.

5. The computer implemented method of claim 1 , wherein in response to detecting the first conversion event the method further includes displaying, on the display device, a zoom mode control, the zoom mode control operable by a user to switch between an overview zoom mode and an editor zoom mode.

6. The computer implemented method of claim 1 , wherein the first user input is a drag and drop input.

7. The computer implemented method of claim 6 , wherein the drag and drop input is input that drags the first playable design element to the view of the particular document page that is displayed in the editor GUI and drops the first playable design element onto the view of the particular document page that is displayed in the editor GUI.

8. The computer implemented method of claim 1 , wherein the first playable design element is selected from a group comprising: a video design element; and an audio design element.

9. The computer implemented method of claim 1 , wherein following detection of the first conversion event and displaying the one or more playable asset controls, the method further includes:

detecting, by the one or more computer devices, a second conversion event comprising a second user input that removes the first playable design element from the particular document page of the playable asset; and

in response to detecting the second conversion event:

removing the first playable design element from the particular document page of the playable asset; and

hiding the one or more playable asset controls.

10. A system comprising:

one or more computer devices;

a display device; and

one or more non-transitory computer-readable storage media storing instructions, which when executed by the one or more computer devices, cause the one or more computer devices to implement a method including:

accessing asset data defining a document-type asset that includes one or more document pages in a page order, wherein the document-type asset is initially a non-playable document-type asset that does not include any playable design elements;

displaying, on the display device, an overview graphical user interface (GUI), the overview GUI including one or more previews, each preview corresponding to a document page;

while displaying the overview GUI, concurrently displaying an editing GUI on the display device, the editing GUI displaying a view of a particular document page;

detecting a first conversion event comprising a first user input that adds a first playable design element to the particular document page of the non-playable document-type asset; and

in response to detecting the first conversion event:

adding the first playable design element to the particular document page of the non-playable document-type asset thereby converting the non-playable document-type asset into a playable asset; and

updating the overview GUI to display one or more playable asset controls while continuing to display the one or more previews in the overview GUI, wherein the one or more playable asset controls enable playback functionality for the playable asset; and

storing, in the one or more non-transitory computer-readable storage media, the playable asset including the first playable design element.

11. The computer processing system of claim 10 , wherein the one or more playable asset controls includes a play control which can be activated to cause playback of the playable asset.

12. The computer processing system of claim 10 , wherein the one or more playable asset controls includes a playhead, the playhead marking a current playback position within the playable asset.

13. The computer processing system of claim 10 , wherein:

the playable asset data defines a plurality of document pages; and

displaying the overview GUI includes displaying, on the display device, a plurality of previews, wherein each preview corresponds to a document page and the plurality of previews are displayed adjacent one another along an axis in an order that is based on the page order as defined by the asset data.

14. The computer processing system of claim 10 , wherein in response to detecting the first conversion event the method further includes displaying, on the display device, a zoom mode control, the zoom mode control operable by a user to switch between an overview zoom mode and an editor zoom mode.

15. The computer processing system of claim 10 , wherein the first user input is a drag and drop input.

16. The computer processing system of claim 15 , wherein the drag and drop input is input that drags the first playable design element to the view of the particular document page that is displayed in the editor GUI and drops the first playable design element onto the view of the particular document page that is displayed in the editor GUI.

17. The computer processing system of claim 10 , wherein the first playable design element is selected from a group comprising: a video design element; and an audio design element.

18. The computer processing system of claim 10 , wherein following detection of the first conversion event and displaying the one or more playable asset controls, the method further includes:

detecting a second conversion event, the second conversion event being a second user input that removes the first playable design element from the particular document page of the playable asset; and

in response to detecting the second conversion event:

removing the first playable design element from the particular document page of the playable asset; and

hiding the one or more playable asset controls.

19. One or more non-transitory computer-readable storage media storing instructions, which when executed by one or more computer devices, cause the one or more computer devices to implement a method including:

accessing asset data defining a document-type asset that includes one or more document pages in a page order, wherein the document-type asset is initially a non-playable document-type asset that does not include any playable design elements;

displaying, on a display device, an overview graphical user interface (GUI), the overview GUI including one or more previews, each preview corresponding to a document page;

while displaying the overview GUI, concurrently displaying an editing GUI on the display device, the editing GUI displaying a view of a particular document page;

detecting a first conversion event comprising a first user input that adds a first playable design element to the particular document page of the non-playable document-type asset; and

in response to detecting the first conversion event:

adding the first playable design element to the particular document page of the non-playable document-type asset, thereby converting the non-playable document-type asset into a playable asset; and

updating the overview GUI to display one or more playable asset controls, while continuing to display the one or more previews in the overview GUI, wherein the one or more playable asset controls enable playback functionality for the playable asset; and

storing the playable asset including the first playable design element.

20. The one or more non-transitory computer-readable storage media of claim 19 , wherein following detection of the first conversion event and displaying the one or more playable asset controls, the method further includes:

detecting a second conversion event comprising a second user input that removes the first playable design element from the particular document page of the playable asset; and

in response to detecting the second conversion event:

removing the first playable design element from the particular document page of the playable asset; and

hiding the one or more playable asset controls.

Assignments (1)

Priority Claims (1)

Continuity (2)

References Cited (33)