US-12625710-B2 - Presenting content in multiple tabs for scroll-free viewing on a mobile device

US12625710B2US 12625710 B2US12625710 B2US 12625710B2US-12625710-B2

Abstract

The disclosed system receives an indication to create tabs in a GUI and creates a hierarchical data structure including a root node and a first child node. The hierarchical data structure represents the tabs having multiple permissions, the root node represents the tabs, and the first child node associated with the root node represents a tab among the tabs. The system creates the tabs that are visible without scrolling on a mobile device screen. The system receives an indication of content to include in the tab and creates a second child node including the content by formatting the content to be visible without scrolling on the mobile device screen. The first child node is a parent of the second child node including the content. The system provides the tabs and the content in the GUI, where viewing the content on the mobile device screen does not involve scrolling.

Inventors

Varun Rau

Assignees

Notion Labs, Inc.

Dates

Publication Date: 20260512
Application Date: 20240112

Claims (20)

1 . A non-transitory, computer-readable storage medium comprising instructions recorded thereon, wherein the instructions, when executed by at least one data processor of a system, cause the system to: receive an indication to create multiple tabs in a graphical user interface; create a hierarchical data structure including a root node and a first child node, wherein the hierarchical data structure represents the multiple tabs associated with multiple permissions, wherein a permission among the multiple permissions associated with a tab among the multiple tabs defines one or more users having access to the tab, wherein the root node represents the multiple tabs, wherein the first child node associated with the root node represents the tab among the multiple tabs, and wherein the first child node inherits a permission associated with the root node; create the multiple tabs in the graphical user interface, wherein the multiple tabs are visible without scrolling on a mobile device screen; receive an indication of content to include in the tab among the multiple tabs; create a second child node including the content by formatting the content to be visible without scrolling on the mobile device screen, wherein the first child node associated with the root node is a parent of the second child node including the content; and provide the multiple tabs and the content in the graphical user interface, wherein viewing the multiple tabs and the content on a screen including the mobile device screen includes selecting the tab among the multiple tabs, without scrolling through the graphical user interface.
2 . The non-transitory, computer-readable storage medium of claim 1 , comprising instructions to: provide a first selectable user interface element; receive a selection of the first selectable user interface element indicating to create a slideshow presentation associated with the multiple tabs; and create the slideshow presentation associated with the multiple tabs, wherein a slide in the slideshow presentation represents the content to include in the tab, wherein the slideshow presentation includes a second selectable user interface element configured to advance the slideshow presentation to a next slide, and wherein viewing the slideshow presentation and the content to include in the tab on the screen including the mobile device screen includes selecting the first selectable user interface element and/or the second selectable user interface element, without scrolling through the graphical user interface.
3 . The non-transitory, computer-readable storage medium of claim 1 , wherein the instructions to receive the indication to create the multiple tabs comprise instructions to: receive an input of a special character, wherein the special character is a precursor of a command line; receive the command line following the special character, wherein the command line indicates to create the multiple tabs; and create the multiple tabs including a default number of tabs.
4 . The non-transitory, computer-readable storage medium of claim 1 , wherein the instructions to receive the indication to create the multiple tabs comprise instructions to: receive a second content in a format different from the multiple tabs; receive an indication to turn the second content into the multiple tabs; determine multiple groups associated with the second content; and create the multiple tabs based on the multiple groups, wherein the tab among the multiple tabs corresponds to a group among the multiple groups.
5 . The non-transitory, computer-readable storage medium of claim 1 , wherein the instructions to receive the indication to create the multiple tabs comprise instructions to: provide a natural language input to an artificial intelligence (AI) assistant indicating to create the multiple tabs; and obtain the multiple tabs in the graphical user interface.
6 . The non-transitory, computer-readable storage medium of claim 1 , comprising instructions to: receive a second content in a format different from the multiple tabs; receive a natural language input indicating to turn the second content into the multiple tabs; determine multiple groups associated with the second content; and create the multiple tabs based on the multiple groups, wherein the tab among the multiple tabs corresponds to a group among the multiple groups.
7 . The non-transitory, computer-readable storage medium of claim 1 , comprising instructions to: create the hierarchical data structure including a parent node and a child node, wherein the hierarchical data structure represents the multiple tabs associated with the multiple permissions, wherein a permission among the multiple permissions associated with the tab among the multiple tabs defines the one or more users having access to the tab, wherein the child node inherits a permission associated with the parent node, and wherein the parent node includes the root node, and the child node includes the first child node and the second child node; receive an input indicating to change a permission associated with the child node to be different from the permission associated with the parent node, wherein the permission associated with the child node allows access to more users than the permission associated with the parent node; and update the permission associated with the child node based on the input.
8 . A method comprising: receiving an indication to create multiple tabs in a user interface; creating a hierarchical data structure including a root node and a first child node, wherein the root node represents the multiple tabs, and wherein the first child node associated with the root node represents a tab among the multiple tabs, wherein the first child node inherits a property from the root node, wherein the root node belongs to a block data structure and the first child node belongs to the block data structure, wherein the block data structure is defined by screen boundaries having predetermined dimensions configured to be visible without scrolling on a screen; creating the multiple tabs in the user interface, wherein the multiple tabs are visible without scrolling on the screen; receiving an indication of content to include in the tab among the multiple tabs; creating a second child node including the content by formatting the content to be visible without scrolling on the screen, wherein the first child node associated with the root node is a parent of the second child node including the content; and providing the multiple tabs and the content in the user interface, wherein viewing the multiple tabs and the content on a screen includes selecting the tab among the multiple tabs, without scrolling through the user interface.
9 . The method of claim 8 , comprising: providing a first selectable user interface element; receiving a selection of the first selectable user interface element indicating to create a slideshow presentation associated with the multiple tabs; and creating the slideshow presentation associated with the multiple tabs, wherein a slide in the slideshow presentation represents the content to include in the tab, wherein the slideshow presentation includes a second selectable user interface element configured to advance the slideshow presentation to a next slide, and wherein viewing the slideshow presentation and the content to include in the tab on the screen includes selecting the first selectable user interface element and/or the second selectable user interface element, without scrolling through the user interface.
10 . The method of claim 8 , wherein receiving the indication to create the multiple tabs comprises: receiving an input of a special character, wherein the special character is a precursor of a command line; receiving the command line following the special character, wherein the command line indicates to create the multiple tabs; and creating the multiple tabs including a default number of tabs.
11 . The method of claim 8 , wherein receiving the indication to create the multiple tabs comprises: receiving a second content in a format different from the multiple tabs; receiving an indication to turn the second content into the multiple tabs; determining multiple groups associated with the second content; and creating the multiple tabs based on the multiple groups, wherein the tab among the multiple tabs corresponds to a group among the multiple groups.
12 . The method of claim 8 , wherein receiving the indication to create the multiple tabs comprises: providing a natural language input to an artificial intelligence (AI) assistant indicating to create the multiple tabs; and obtaining the multiple tabs in the user interface.
13 . The method of claim 8 , comprising: receiving a second content in a format different from the multiple tabs; receiving a natural language input indicating to turn the second content into the multiple tabs; determining multiple groups associated with the second content; and creating the multiple tabs based on the multiple groups, wherein the tab among the multiple tabs corresponds to a group among the multiple groups.
14 . A system comprising: at least one hardware processor; and at least one non-transitory memory storing instructions, which, when executed by the at least one hardware processor, cause the system to: receive an indication to create multiple tabs in a user interface; create a hierarchical data structure including a root node and a first child node, wherein the root node represents the multiple tabs, wherein the first child node associated with the root node represents a tab among the multiple tabs, wherein the root node belongs to a block data structure and the first child node belongs to the block data structure, wherein the block data structure is defined by screen boundaries having predetermined dimensions configured to be visible without scrolling on a screen; create the multiple tabs in the user interface, wherein the multiple tabs are visible without scrolling on a screen; receive an indication of content to include in the tab among the multiple tabs; create a second child node including the content by formatting the content to be visible without scrolling on the screen, wherein the first child node associated with the root node is a parent of the second child node including the content; and provide the multiple tabs and the content in the user interface, wherein viewing the multiple tabs and the content on the screen includes selecting the tab among the multiple tabs, without scrolling through the user interface.
15 . The system of claim 14 , comprising instructions to: provide a first selectable user interface element; receive a selection of the first selectable user interface element indicating to create a slideshow presentation associated with the multiple tabs; and create the slideshow presentation associated with the multiple tabs, wherein a slide in the slideshow presentation represents the content to include in the tab, wherein the slideshow presentation includes a second selectable user interface element configured to advance the slideshow presentation to a next slide, and wherein viewing the slideshow presentation and the content to include in the tab on the screen includes selecting the first selectable user interface element and/or the second selectable user interface element, without scrolling through the user interface.
16 . The system of claim 14 , wherein the instructions to receive the indication to create the multiple tabs comprise instructions to: receive an input of a special character, wherein the special character is a precursor of a command line; receive the command line following the special character, wherein the command line indicates to create the multiple tabs; and create the multiple tabs including a default number of tabs.
17 . The system of claim 14 , wherein the instructions to receive the indication to create the multiple tabs comprise instructions to: receive a second content in a format different from the multiple tabs; receive an indication to turn the second content into the multiple tabs; determine multiple groups associated with the second content; and create the multiple tabs based on the multiple groups, wherein the tab among the multiple tabs corresponds to a group among the multiple groups.
18 . The system of claim 14 , wherein the instructions to receive the indication to create the multiple tabs comprise instructions to: provide a natural language input to an artificial intelligence (AI) assistant indicating to create the multiple tabs; and obtain the multiple tabs in the user interface.
19 . The system of claim 14 , comprising instructions to: receive a second content in a format different from the multiple tabs; receive a natural language input indicating to turn the second content into the multiple tabs; determine multiple groups associated with the second content; and create the multiple tabs based on the multiple groups, wherein the tab among the multiple tabs corresponds to a group among the multiple groups.
20 . The system of claim 14 , comprising instructions to: create the hierarchical data structure including a parent node and a child node, wherein the hierarchical data structure represents the multiple tabs associated with multiple permissions, wherein a permission among the multiple permissions associated with the tab among the multiple tabs defines one or more users having access to the tab, wherein the child node inherits a permission associated with the parent node, and wherein the parent node includes the root node, and the child node includes the first child node and the second child node; receive an input indicating to change a permission associated with the child node to be different from the permission associated with the parent node, wherein the permission associated with the child node allows access to more users than the permission associated with the parent node; and update the permission associated with the child node based on the input.

Description

BACKGROUND Mobile device screens have limited space compared to traditional monitors, and, consequently, viewing content on mobile device screens can be cumbersome. In particular, viewing content on mobile device screens can involve scrolling horizontally or vertically, creating difficulties for the user to determine the continuity of text during scrolling. BRIEF DESCRIPTION OF THE DRAWINGS Reference will now be made, by way of example, to the accompanying drawings, which show example embodiments of the present application and in which: FIG. 1 is a block diagram of an example platform. FIG. 2 is a block diagram of an example transformer. FIG. 3 is a block diagram illustrating a hierarchical organization of pages in a workspace. FIG. 4 shows multiple tabs in a graphical user interface (GUI). FIG. 5 shows the hierarchical data structure representing the tabs. FIG. 6 shows a command line to generate multiple tabs. FIG. 7 shows a process to convert a different content format into multiple tabs. FIGS. 8A-8B show a process to present multiple tabs as a slideshow formatted to work on a mobile device. FIG. 9 is a flowchart of a method to present content in multiple tabs for scroll-free viewing on a mobile device. FIG. 10 is a block diagram that illustrates an example of a computer system 1000 in which at least some operations described herein can be implemented. The technologies described herein will become more apparent to those skilled in the art by studying the Detailed Description in conjunction with the drawings. Embodiments or implementations describing aspects of the invention are illustrated by way of example, and the same references can indicate similar elements. While the drawings depict various implementations for the purpose of illustration, those skilled in the art will recognize that alternative implementations can be employed without departing from the principles of the present technologies. Accordingly, while specific implementations are shown in the drawings, the technology is amenable to various modifications. DETAILED DESCRIPTION The disclosed system and method present content in multiple tabs for scroll-free viewing on a mobile device. The system receives an indication to create multiple tabs in a GUI. The system creates a hierarchical data structure including a root node, a parent node, and child node A, where the hierarchical data structure represents the multiple tabs associated with multiple permissions. A permission associated with a tab defines one or more users having access to the tab. The root node represents the multiple tabs, and child node A associated with the root node represents the tab among the multiple tabs. The child node A inherits a permission associated with the parent node. The processor creates the multiple tabs in the GUI, where the multiple tabs are visible without scrolling on a mobile device screen. The processor receives an indication of content to include in the tab among the multiple tabs and creates the child node B including the content by formatting the content to be visible without scrolling on the mobile device screen. The child node A is a parent of child node B including the content. The processor provides the multiple tabs and the content in the GUI, where viewing the multiple tabs and the content on the mobile device screen includes selecting the tab among the multiple tabs, without scrolling horizontally or vertically through the GUI. The description and associated drawings are illustrative examples and are not to be construed as limiting. This disclosure provides certain details for a thorough understanding and enabling description of these examples. One skilled in the relevant technology will understand, however, that the invention can be practiced without many of these details. Likewise, one skilled in the relevant technology will understand that the invention can include well-known structures or features that are not shown or described in detail, to avoid unnecessarily obscuring the descriptions of examples. Block Data Model The disclosed technology includes a block data model (“block model”). The blocks are dynamic units of information that can be transformed into other block types and can move across workspaces. The block model allows users to customize how their information is moved, organized, and shared. Hence, blocks contain information but are not siloed. Blocks are singular pieces that represent all units of information inside an editor. In one example, text, images, lists, a row in a database, etc., are all blocks in a workspace. The attributes of a block determine how that information is rendered and organized. Every block can have attributes including an identifier (ID), properties, and type. Each block is uniquely identifiable by its ID. The properties can include a data structure containing custom attributes about a specific block. An example of a property is “title,” which stores text content of block types such as paragraphs, lists, and