Project Settings

[joshuajames-smith]

Problem

At the moment users can not edit their project settings without leaving CURATE to move into MANAGE. This UX can be improved to streamline the users workflow.

Solution

The project settings icon should exist in a container (filled: #FFFFFF> outline: 1px #D9DDE9 > border-radius: 8px) within the topbar, next to the navbar.

The project settings feature should be in a dialogue box (filled: #FFFFFF > outlined: 1px #D9DDE9). The titled of the dialogue should be "Project Settings" (text-colour: #000000) with close functionality. This allows users to edit project name, project description, assigned users and default labels.

The box contains 2 text fields divided by a line (outline: 1px #D9DDE9) with 1 select field divided by a line (outline: 1px #D9DDE9) with 1 select field and 2 checkboxes divided by a line (outline: 1px #D9DDE9) with a disabled button as standard (fill: #D3D3D3 > border-radius: 6px > text-colour: #595959).

Any changes to the assignees or default labels should appear as chips below the related select fields. This gives instant user feedback which is good UX by allowing users to feel their changes have worked. The backend may not update straightaway until the confirm button is clicked - this can be a background process - but it is important our users do not have to exit the dialogue for it to refresh the content.

Only once a user has made any changes the button become active (fill: #02FFAD > border-radius: 6px > text-colour: #000000). If not changes are made, a user can click off the dialogue to close or via the close icon button.

A user must click the button to confirm the changes otherwise clicking away will prompt a confirm changes dialogue (below) to prevent loss of progress.

Adobe XD: https://xd.adobe.com/view/417f7d7b-77eb-400e-9493-015300b357fa-142c/

Considered Alternatives

N/A