Support for swimlanes in a mobile graphical user interface

Patent metadata

Field	Value
Publication number	US-2020409523-A1
Application number	US-202016915483-A
Country	US
Kind code	A1
Filing date	Jun 29, 2020
Priority date	Jun 28, 2019
Publication date	Dec 31, 2020
Grant date	—

Abstract

A server device may transmit, to a client device, data and program code that instructs the client device to display a graphical user interface (GUI). The GUI may include cards associated with a first categorical group of a first plurality of categorical groups and a second categorical group of a second plurality of categorical groups. The toggling, dragging, and releasing of a particular card causes the GUI to: (i) display a grid interface containing vertical lanes associated with the first plurality of categorical groups and horizontal lanes associated with the second plurality of categorical groups, wherein intersections of vertical lanes and horizontal lanes define graphical boxes, (ii) slide the particular card among the graphical boxes, and (iii) associate the particular card with a third categorical group or a fourth categorical group defined by the graphical box that the particular card is released.

First claim

What is claimed is:

1 . A system, comprising:
one or more hardware processors; and a non-transitory memory storing instructions that, when executed by the one or more hardware processors, causes the one or more hardware processors to perform actions comprising:
receiving, from a client device, a request for data and program code for generating a graphical user interface (GUI);
retrieving, from the memory, the data, wherein the data comprises:
a first definition of a first plurality of categorical groups;
a second definition of a second plurality of categorical groups; and
a plurality of information items, wherein each of the plurality of information items is associated with one of the first plurality of categorical groups and one of the second plurality of categorical groups;

retrieving, from the memory, the program code, wherein the program code, when executed by the client device, causes the client device to generate the GUI, wherein the GUI comprises:
a plurality of cards, each representing a respective information item of the plurality of information items;
a plurality of vertical lanes, each representing a respective categorical group of the first plurality of categorical groups, wherein a particular card of the plurality of cards being disposed in a particular vertical lane of the plurality of vertical lanes is indicative of an association between the respective information item represented by the particular card and the respective categorical group represented by the particular vertical lane; and
a plurality of horizontal lanes, each representing a respective categorical group of the second plurality of categorical groups, wherein the particular card of the plurality of cards being disposed in a particular horizontal lane of the plurality of horizontal lanes is indicative of an association between the respective information item represented by the particular card and the respective categorical group represented by the particular horizontal lane; and

transmitting the data and the program code to the client device.

2 . The system of claim 1 , wherein the actions comprise:
receiving, from the client device, an updated position of the particular card within a different vertical lane of the plurality of vertical lanes, a different horizontal lane of the plurality of horizontal lanes, or both, wherein the updated position is received by the client device as a user input; and storing, in the memory, an updated association of the respective information item with a different respective categorical group of the first plurality of categorical groups represented by the different vertical lane, a different respective categorical group of the second plurality of categorical groups represented by the different horizontal lane, or both.

3 . The system of claim 2 , wherein the user input comprises:
a toggle command selecting one of the plurality of cards; a drag command sliding the selected card along a grid interface; and a release command placing the selected card in the different vertical lane, the different horizontal lane, or both.

4 . The system of claim 2 , wherein the plurality of cards comprises a plurality of sets of cards, wherein the particular card is initially associated with a first set of cards of the plurality of sets of cards, wherein the first set of cards is disposed within the particular vertical lane and the particular horizontal lane, and wherein the particular card is associated with a second set of cards of the plurality of cards after placement in the different vertical lane, the different horizontal lane, or both.

5 . The system of claim 1 , wherein the plurality of cards comprises a plurality of sets of cards, wherein the particular card is initially associated with a first set of cards of the plurality of sets of cards, wherein the first set of cards is associated with the respective categorical group of the first plurality of categorical groups and the respective categorical group of the second plurality of categorical groups, and wherein the actions comprise:
receiving, from the client device, an updated position of the particular card within a second set of cards; and storing, in the memory, an updated association of the respective information item with a different respective categorical group of the first plurality of categorical groups associated with the second set of cards, a different respective categorical group of the first plurality of categorical groups associated with the second set of cards, or both.

6 . The system of claim 1 , wherein the GUI comprises a grid interface formed by the plurality of vertical lanes and the plurality of horizontal lanes, wherein intersections of the plurality of vertical lanes and the plurality of horizontal lanes define graphical boxes, and wherein the GUI is configured to display a set of cards of the plurality of cards in response to a user selection of a respective graphical box.

7 . The system of claim 1 , wherein the GUI comprises:
a first name of a first categorical group of the first plurality of categorical groups above a first vertical lane of the plurality of vertical lanes; and a second name of a second categorical group of the second plurality of categorical groups beside a first horizontal lane of the plurality of horizontal lanes.

8 . The system of claim 1 , wherein the GUI is configured to adjust a first subset of vertical lanes of the plurality of vertical lanes and a second subset of horizontal lanes of the plurality of horizontal lanes displayed on the client device based on a size of a display screen of the client device.

9 . The system of claim 1 , wherein the GUI is configured to display at least one additional vertical lane of the plurality of vertical lanes, at least one additional horizontal lane of the plurality of horizontal lanes, or both, in response to rotation of a display screen of the client device rotating to a new orientation.

10 . A method, comprising:
receiving, from a client device, a request for data and program code for generating a graphical user interface (GUI); retrieving, from memory, the data, wherein the data comprises:
a first definition of a first plurality of categorical groups;
a second definition of a second plurality of categorical groups; and
a plurality of information items, wherein each of the plurality of information items is associated with one of the first plurality of categorical groups and one of the second plurality of categorical groups;
retrieving, from the memory, the program code, wherein the program code, when executed by the client device, causes the client device to generate the GUI, wherein the GUI comprises:
a plurality of cards, each representing a respective information item of the plurality of information items;
a plurality of vertical lanes, each representing a respective categorical group of the first plurality of categorical groups, wherein a particular card of the plurality of cards being disposed in a particular vertical lane of the plurality of vertical lanes is indicative of an association between the respective information item represented by the particular card and the respective categorical group represented by the particular vertical lane; and
a plurality of horizontal lanes, each representing a respective categorical group of the second plurality of categorical groups, wherein the particular card of the plurality of cards being disposed in a particular horizontal lane of the plurality of horizontal lanes is indicative of an association between the respective information item represented by the particular card and the respective categorical group represented by the particular horizontal lane; and
transmitting the data

Assignees

• Servicenow Inc

Inventors

• Saragadam Chaitanya
• Mohammed Mohammed Furqan
• Pinto Sancho Savio
• Sumant Tejas Mohan

Classifications

• G06F3/04842

  Selection of displayed objects or displayed text elements (G06F3/0482 takes precedence) · CPC title

• G06F3/0486 Primary

  Drag-and-drop · CPC title

• G06F3/04886

  by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus · CPC title

• G06F3/0481 Primary

  based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance · CPC title

• G06F3/04847

  Interaction techniques to control parameter settings, e.g. interaction with sliders or dials · CPC title