Forum Academy Marketplace Showcase Pricing Features

Creating a matrix


I’m trying to implement a simple matrix in my application - there are four categories, “Responsible, Accountable, Consulted, Informed” and against each category, you can have one or more “Teams”.

Typically this is presented visually in a spreadsheet in the form of categories as the rows, and teams as the Columns with an “X” in the relevant box.


I’ve got as far as a pop-up that displays the information but I’m looking for a better way to do it - I don’t think it’s particularly visually appealing and I want it to be easy to edit/save.

Here’s a screenshot of what I’ve built:


To summarise my questions:

  1. How can I/is there a way to make this more visually appealing/easier to digest?
  2. I want the user to be able to add/remove teams easily - I know how to do this from a data perspective, but not sure what the best approach is in terms of design.