System and graphical user interface for guided new space creation for a content collaboration system
A computer-implemented method for creating a new document space for a content collaboration system is disclosed. The method includes displaying a space-generation graphical user interface on a client device. The space-generation graphical user interface is displayed in response to a request for a new document space creation, and includes a first user input region, a second user input region, and a space-creation control. The method includes, in response to a user selection of the space-creation control, generating the new document space having a set of predefined space settings determined in accordance with a user selection of a particular selectable tab associated with a particular new-space type, generating space content having a space title determined in accordance with a proposed space title in the second user input region; and generating a new space path using a unique space key. The unique space key is generated based on the proposed space title.
1 . A computer-implemented method for creating a new document space for a content collaboration system, the method comprising:
receiving a request to create the new document space from a client device operating a frontend application;
in response to receiving the request to create the new document space, causing display of a space-generation graphical user interface comprising:
a first user input region comprising an array of user-selectable tabs, each user-selectable tab corresponding to a new-space type;
a target image region depicting a preview image corresponding to a first space type corresponding to a first user-selectable tab of the array of user-selectable tabs, the preview image depicting a preview of first space content and a proposed space title, the preview image comprising:
a first preview navigational panel comprising a first preview document tree having a first plurality of preview documents arranged hierarchically, the first plurality of preview documents unique to the first space type; and
a first preview content panel corresponding to the first space content; and
a first space-narrative region separate from the target image region and responsive to user inputs received at the first user input region, the first space-narrative region comprising a first description, based on the first user-selectable tab, of:
first proposed content to be added to one or more of a first set of space-specific documents corresponding to the first plurality of preview documents in response to selection of a space-creation control; and
one or more first regions of the space-generation graphical user interface to be added to the one or more of the first set of first space-specific documents in response to selection of the space-creation control;
receiving, at the first user input region, a user selection of a second user-selectable tab of the array of user-selectable tabs corresponding to a second space type;
in accordance with selecting the second user-selectable tab, updating display of the space-generation graphical user interface, the updated space-generation graphical user interface comprising:
a second preview navigational panel displayed in place of the first preview navigational panel, the second preview navigational panel comprising a second preview document tree having a second plurality of preview documents different from the first plurality of preview documents, the second plurality of preview documents arranged hierarchically;
a second preview content panel displayed in place of the first preview content panel, the second preview content panel depicting second space content different from the first space content; and
a second space-narrative region displayed in place of the first space-narrative region, and separate from the target image region and responsive to user inputs received at the first user input region, the second space-narrative region comprising a second description different than the first description, based on the selection of the second user-selectable tab, of:
second proposed content to be added to one or more of a second set of space-specific documents in response selection of the space-creation control, the second proposed content displayed in response to the selection of the second user-selectable tab; and
one or more second regions of the space-generation graphical user interface to be added to the one or more of the second set of space-specific documents in response to selection of the space-creation control;
receiving user input corresponding to selection of the space-creation control; and
in response to the user input corresponding to selection of the space-creation control, a backend application of the content collaboration system is configured to:
generate the second set of space-specific documents in accordance with the user selection of the second space type at the first user input region, the second set of space-specific documents corresponding to the second plurality of preview documents and including content displayed in the second space-narrative region, each space-specific document of the second set of space-specific documents comprising:
a respective document title; and
pre-populated document content arranged in accordance with a particular space type; and
generate the new document space, the new document space comprising a hierarchical document tree including an array of hierarchically arranged elements each element of the hierarchical document tree corresponding to a respective space-specific document of the second set of space-specific documents and selectable to cause display of respective document content within a content panel of the new document space.
2 . The computer-implemented method of claim 1 , wherein:
the new document space comprises:
the content panel; and
a navigational panel depicting:
a space overview element selectable to cause display of the second space content in the content panel; and
a hierarchical blog tree having an array of blog elements, each blog element selectable to cause display of a respective blog post in the content panel, the array of blog elements configured according to a permissions profile.
3 . The computer-implemented method of claim 1 , wherein:
the backend application is configured to authenticate a user of the client device with respect to a user account of the content collaboration system;
in response to the request to create the new document space, the backend application is configured to identify a role associated with the user account; and
the array of user-selectable tabs and respective preview images are determined in accordance with the identified role associated with the user account.
4 . The computer-implemented method of claim 3 , wherein:
the array of user-selectable tabs are displayed in a ranked order; and
the ranked order is determined based, at least in part, on the identified role associated with the user account.
5 . The computer-implemented method of claim 1 , wherein:
the backend application is configured to identify a group of user accounts associated with a user account; and
a permissions scheme specifies access permissions for the group of user accounts.
6 . The computer-implemented method of claim 1 , wherein:
the space-generation graphical user interface further comprises a key region depicting a unique space key derived from the proposed space title;
the unique space key depicted in the key region is dynamically updated in response to a change to the proposed space title; and
the unique space key depicted in the key region is editable in response to input received at the client device.
7 . A computer-implemented method for creating a new document space for a content collaboration system, the method comprising:
causing display of a space-generation graphical user interface of a frontend application operating on a client device, the space-generation graphical user interface comprising:
a first user input region comprising a set of user-selectable tabs, each user-selectable tab corresponding to a new-space type of a plurality of predefined space types;
a target image region depicting a preview image corresponding to a first space type corresponding to a first user-selectable tab of the set of user-selectable tabs, the preview image depicting a preview of first space content and a proposed space title, the preview image comprising:
a first preview navigational panel comprising a first preview document tree having a first plurality of preview documents arranged hierarchically, the first plurality of preview documents unique to the first space type; and
a first preview content panel corresponding to the first space content; and
a first space-narrative region separate from the target image region and responsive to user inputs received at the first user input region, the first space-narrative region comprising a first description, corresponding to the first user-selectable tab, of:
first proposed content to be added to one or more of a first set of space-specific documents corresponding to the first plurality of preview documents in response to selection of a space-creation control; and
one or more first regions of the space-generation graphical user interface to be added to the one or more of the first set of first space-specific documents in response to selection of the space-creation control;
receiving, at the first user input region, a user selection of a second user-selectable tab of the set of user-selectable tabs corresponding to a second space type;
in accordance with selecting the second user-selectable tab, updating display of the space-generation graphical user interface, the updated space-generation graphical user interface comprising:
a second preview navigational panel displayed in place of the first preview navigational panel, the second preview navigational panel comprising a second preview document tree having a second plurality of preview documents different from the first plurality of preview documents, the second plurality of preview documents arranged hierarchically;
a second preview content panel displayed in place of the first preview content panel, the second preview content panel depicting second space content different from the first space content; and
a second space-narrative region displayed in place of the first space-narrative region, and separate from the target image region and responsive to user inputs received at the first user input region, the second space-narrative region comprising a second description different than the first description, based on the second user-selected tab, of:
second proposed content to be added to one or more of a second set of space-specific documents in response selection of the space-creation control, the second proposed content displayed in response to the selection of the second user-selectable tab; and
one or more second regions of the space-generation graphical user interface to be added to the one or more of the second set of space-specific documents in response to selection of the space-creation control;
receiving user input corresponding to selection of the space-creation control; and
in response to the user input corresponding to selection of the space-creation control, a backend application of the content collaboration system is configured to:
generate the second set of space-specific documents in accordance with the user selection of the second space type at the first user input region, the second set of space-specific documents corresponding to the second plurality of preview documents and including content displayed in the second space-narrative region, each space-specific document of the second set of space-specific documents comprising:
a respective document title; and
pre-populated document content arranged in accordance with a particular space type; and
generate the new document space, the new document space comprising a hierarchical document tree including an array of hierarchically arranged elements, each element of the hierarchical document tree corresponding to a respective space-specific document of the second set of space-specific documents and selectable to cause display of respective document content within a content panel of the new document space.
8 . The computer-implemented method of claim 7 , wherein:
the space-generation graphical user interface further comprises a key region depicting a unique space key;
the unique space key is generated by the backend application in response to entry of the proposed space title; and
the key region is configured to receive user input to modify the unique space key.
9 . The computer-implemented method of claim 7 , wherein:
the space-generation graphical user interface further comprises a second user input region comprising a title input field configured to receive the proposed space title;
in response to user-entered text being entered into the second user input region, the backend application is configured to determine if the user-entered text is unique with respect to existing space keys; and
in response to the user-entered text being not unique with respect to the existing space keys, the frontend application is configured to display an error message.
10 . The computer-implemented method of claim 7 , wherein:
the backend application is configured to authenticate a user of the client device with respect to a user account of the content collaboration system; and
the backend application is configured to select the set of user-selectable tabs based on a role associated with the user account.
11 . The computer-implemented method of claim 7 , wherein:
the backend application is configured to authenticate a user of the client device with respect to a user account of the content collaboration system; and
the backend application is configured to select an order of the set of user-selectable tabs based on a role associated with the user account.
12 . The computer-implemented method of claim 7 , wherein:
the new document space comprises:
the content panel; and
a navigational panel depicting:
a space overview element selectable to cause display of the second space content in the content panel.
13 . The computer-implemented method of claim 12 , wherein the second space content includes default text formatted in accordance with a type of the new document space.
14 . A computer-implemented method for creating a new document space for a content collaboration system, the method comprising:
receiving a request to create the new document space from a client device operating a frontend application;
causing display of a space-generation graphical user interface including an array of user-selectable tabs, each user-selectable tab of the array of user-selectable tabs associated with a particular space type;
receiving a user selection of a first user-selectable tab of the array of user-selectable tabs corresponding to a first space type;
displaying:
a preview image corresponding to the first space type in a target image region of the space-generation graphical user interface, the preview image depicting a preview of first space content and comprising:
a first preview navigational panel comprising a first preview document tree having a first plurality of preview documents arranged hierarchically, the first plurality of preview documents unique to the first space type; and
a first preview content panel corresponding to the first space content; and
a first space-narrative region separate from the target image region, the first space-narrative region comprising a first description, corresponding to the first user-selectable tab, of:
first proposed content to be added to one or more of a first set of space- specific documents corresponding to the first plurality of preview documents in response to selection of a space-creation control; and
one or more first regions of the space-generation graphical user interface to be added to the one or more of the first set of first space-specific documents in response to selection of the space-creation control;
receiving a user selection of a second user-selectable tab of the array of user-selectable tabs corresponding to a second space type;
in accordance with selecting the second user-selectable tab, updating display of the space-generation graphical user interface, the updated space-generation graphical user interface comprising:
a second preview navigational panel displayed in place of the first preview navigational panel, the second preview navigational panel comprising a second preview document tree having a second plurality of preview documents different from the first plurality of preview documents, the second plurality of preview documents arranged hierarchically;
a second preview content panel displayed in place of the first preview content panel, the second preview content panel depicting second space content different from the first space content; and
a second space-narrative region displayed in place of the first space-narrative region, and separate from the target image region, the second space-narrative region comprising a second description different than the first description, based on the user selection of the second user-selected tab, of:
second proposed content to be added to one or more of a second set of space-specific documents in response selection of the space-creation control, the second proposed content displayed in response to the selection of the second user-selectable tab; and
one or more second regions of the space-generation graphical user interface to be added to the one or more of the second set of space-specific documents in response to selection of the space-creation control;
receiving user input corresponding to selection of the space-creation control; and
in response to the user input corresponding to selection of the space-creation control:
generating the new document space having the second set of space-specific documents, the second set of space-specific documents corresponding to the second plurality of preview documents and including content displayed in the second space-narrative region, each space-specific document of the second set of space specific documents comprising:
a respective document title; and
pre-populated document content arranged in accordance with a particular space type; and
generating a hierarchical document tree including an array of hierarchically arranged elements, each element of the hierarchical document tree corresponding to a respective space-specific document of the second set of space-specific documents and selectable to cause display of respective document content within a content panel of the new document space.
15 . The computer-implemented method of claim 14 , wherein each user-selectable tab of the array of user-selectable tabs is ranked and displayed based on a respective rank of each user-selectable tab of the array of user-selectable tabs.
16 . The computer-implemented method of claim 14 , wherein the new document space comprises a title of the new document space.
17 . The computer-implemented method of claim 16 , further comprising:
generating a space key associated with the new document space based on the title of the new document space;
verifying the space key associated with the new document space is a unique space key; and
in response to the verification identifying the space key is not a unique space key, displaying a notification to a user to correct the space key to generate a unique space key associated with the new document space.