Ruum

2019 – 2020

A project management & collaboration platform.

About

Worked as a product designer within a team of 3 designers along with the rest of the product team. My responsibilities involved design research and UX design. Within the product I had several focus topics. A few I'm going to share below.

Role

Product Designer

Tooling

Figma, Respondent

About

Worked as a product designer within a team of 3 designers along with the rest of the product team. My responsibilities involved design research and UX design. Within the product I had several focus topics. A few I'm going to share below.

Role

Product Designer

Tooling

Figma, Respondent

About

Worked as a product designer within a team of 3 designers along with the rest of the product team. My responsibilities involved design research and UX design. Within the product I had several focus topics. A few I'm going to share below.

Role

Product Designer

Tooling

Figma, Respondent

Approvals View

During research, we realized that they are using our tool not only to collaborate throughout their projects but also to automate them. Often a sign-off or approval is needed. To make approving easier for people that are often asked to do so, like managers, we created an "approval list". It was challenging to include the role concept and various approval rules.

Screenshot from a unfiltered approval list with the right sidepanel opened for details

Filters & Saved Views

In combination with filtering and saving those filter sets an approver could easily switch to a view showing only pending approvals that are assigned to the user, her team, or role.

Explorations for Visualising Approvers

In some cases one specific person has to approve, in other cases, any person with a specific role can approve or multiple people with different roles need to approve. Visualizing the complexity that comes with those business rules was a tough challenge that went to several design reviews & user testings. This was the deciding factor for showing approval cases with multiple approvals needed in one line per individual approval.

Explorations for Visualising Approvers

In some cases one specific person has to approve, in other cases, any person with a specific role can approve or multiple people with different roles need to approve. Visualizing the complexity that comes with those business rules was a tough challenge that went to several design reviews & user testings. This was the deciding factor for showing approval cases with multiple approvals needed in one line per individual approval.

Explorations for Visualising Approvers

In some cases one specific person has to approve, in other cases, any person with a specific role can approve or multiple people with different roles need to approve. Visualizing the complexity that comes with those business rules was a tough challenge that went to several design reviews & user testings. This was the deciding factor for showing approval cases with multiple approvals needed in one line per individual approval.

Multiselect was added to make it easier to change items in a batch.

Image showing batch editing within the approval list (behaves similar for the task list)

Saved Views

Different team members are interested in different parts of a project. There are project owners that need to have a good overview of all tasks of the process, there are individual contributors that are assigned to specific tasks that they need to maintain and there are others whose responsibilities are about optimizing the project organization & structure.


Therefore we created saved views so everyone can filter their project view for what is meaningful to them.