Lukas Rathmann

airfocus — prioritisation made easy

Summary

I’m working with two friends in my spare time on a private project to make prioritisation easy and fun. I’m doing all the UX & UI design for the project as well as being highly involved in the general product decisions.

Responsibilities

  • UX & UI Design
  • Product strategy

Background information

Prioritisation is a key aspect of product management. From high-level roadmaps down to individual user stories, product people need to prioritise properly and regularly. As it turns out, doing so is not that easy.

While working inside Product Management, me and my colleague noticed that it is very difficult to prioritise right. Even though we tried many different tools and approaches, it’s tricky and somewhat cumbersome.

A typical example: All the product guys sit together, discussing current projects and trying to prioritise them using various factors and criteria. All of that information is gathered inside a spreadsheet and then later on turned into a business matrix.

Now that you have a beautiful document with lots of information, you’d like to share it with stakeholders. Files are sent around, together with lengthy emails to explain how it works.

One month later, a new project comes in. While discussing it within the team, somebody points out that you should now update the business matrix to reflect the changes. Going back to the spreadsheet, several criteria need to be updated as well.

We noticed that even though the initial set up and creation of these kinds of documents gets done, constantly updating and sharing them is a nightmare. It’s usually not considered to be worth doing, simply because it’s a lot of effort (and, let’s face it, nobody likes spreadsheets anyway).

However, we all value proper prioritisation and we all know how important it is for the overall strategy. So we asked ourselves: Could there be an easier way to do this?

Starting situation and goals

When we sat together for the first time, we collected all the things that we noticed about our last attempts at creating and maintaining a business matrix and similar documents. Here are some examples:

  • Maintenance is very difficult, because there are only two people who understand the calculations in the background and can update the sheet without destroying it.
  • The matrix is difficult to share. Maintaining one file on the server requires people to actively look into it and sending updating emails is annoying, especially if they lead to follow-ups and email discussions.
  • Whenever you want to present the matrix, you need to show the full spreadsheet. That’s pretty much impossible on a tablet. Besides that, it does not look very nice.
  • The matrix feels kind of “left out” of our process because it is not connected to the other tools we use for development like Jira and Github. Changes done at either side are not reflected back.

After these discussions, we looked for alternative tools specialised for these kinds of things. While we found some, none of them really delivered what we expected. It was either really ugly and outdated or just a simple, one-dimensional list.

We came to the conclusion that it would be an interesting side project to build a tool that fixes those issues. An easy to use, good looking application that enables you to quickly create proper prioritisation.

The target group

The main target group would be product managers, project managers, product owners and everybody else planning and executing products. We figured that such a tool could also be used by executives or sales and marketing guys, but since we tried to solve our own problem, we are mainly focussing on product people.

First explorations

I started to outline what we thought would be the most simple user flow necessary to achieve a proper business matrix. Why a business matrix? We quickly came to the conclusion that starting with one type of prioritisation document would be enough for an MVP. We picked the business matrix as it can be used for a variety of projects and processes. It seemed to be the most generic starting point.

The first user flow outlining the high-level steps a user would need to do

The first user flow outlining the high-level steps a user would need to do

Based on that flow, I created sketches for the different screens trying to figure out how those could look like.

One of the early sketches (and yes, the initial project name was “Karibu”)

One of the early sketches (and yes, the initial project name was “Karibu”)

Basically, we imagined users to log in, create a new project (or select an existing one) and then see the matrix immediately (either with their content or with some example stuff). Besides the matrix, they could access a table view with the items, factors and criteria. This would also be the view where they would make changes, add new items and rank them.

The matrix would then reflect these changes, showing the overall priority of each item in a visual way. Due to the nature of the business matrix, there are three dimensions (x-axis, y-axis and bubble size).

Last but not least, there would be a settings view where users could change the weighting of criterias and add or remove them to customise the matrix to their own needs (for example, you do not always need a criteria for effort). We’d provide default ones to give users a good start, but from our own experiences it would be necessary to change these.

Mockup of the settings view with some example content (in this case, for the factor influencing the position on the y-axis)

Mockup of the settings view with some example content (in this case, for the factor influencing the position on the y-axis)

With the first set of mockups in place, we started to develop a first working prototype. While doing so, we naturally discovered several flaws and room for improvement. While the first version was still in development, I started to refine some things, so we could easily shift course while developing.

Collage of various mockups and sketches

Furthermore, I started to work on a simple landing page, mainly to explore the visual design. In the beginning, the page was only used to collect potential users and interested people using a simple email signup.

Early sketch of the landing page

Early sketch of the landing page

Collage of various designs of the landing page

Once the first working version was ready, we realised it would make things easier for users if we’d get rid of the project idea altogether and simply let users work in documents only (before, you could have multiple documents as part of a project).

Apart from that, a first real visual design was created by me for our MVP.

Documents

Document creation

Items view

Chart view

Board view

Settings

Lessons learned

While it’s a lot of fun to work on your own project with some friends, it’s also very demanding. When you come home after work, it’s very tempting to prefer the couch instead of your laptop for the evening and on weekends you may not always be in the mood to do additional work.

On the other side, the project proves the power of having the right people involved. One full stack developer may be all you need (in the beginning, at least) to deliver a working solution. Keeping the scope focussed allows for fast iteration.

Thanks to modern collaboration tools like Github, Slack and Zeplin, we came up to speed very fast. Brainstormings and discussions still work best in person, but many things can easily be done remotely.

On the other side, it can still be tricky to coordinate and sync everybody and I could imagine that this gets worse the more people you work with. With the three of us, it’s manageable, but I doubt that it scales well.

Next steps

We just started our open beta phase, collecting feedback from family, friends and other selected users. If you're interested to have a look, feel free to visit our website and create an account to use the product for free! Head over to airfocus.io for more information.

Top