How to make Planfix planners a little more readable

Planfix’s default “Summary data” plan­ner vs. my task planner

For a long time I looked at Trello and sim­i­lar kanban ser­vices and won­dered why our task board in Planfix, the task and process man­age­ment system we use, looks so much worse. I con­cluded that the reason is too many colors and con­trols, a small font and small spacing. In short, it’s a ques­tion of the plan­ner’s design. It looks as if Planfix wants to show off how much it can do, so it ends up like some­one who “put on all their best clothes at once for a friend’s wed­ding”. I under­stand the com­mer­cial goal, but why do I have to suffer? I hope the Planfix folks try a dif­fer­ent approach soon, but in the mean­time I decided to try improv­ing the inter­face within the means avail­able to me. My rule was:

“increase the infor­ma­tion, reduce the noise”

So here’s what you can do to make Planfix plan­ners more read­able with the stan­dard tools.

1. Column head­ers in one color that doesn’t burn your eyes. Strangely enough, this color sits in dif­fer­ent places in dif­fer­ent Planfix palettes. Tut-tut, guys.

2. Column head­ers of the same height. If the counter is on in one column, turn it on in all of them. That way the eye doesn’t jump around look­ing for the first item in the next column.

3. Unneeded task-creation fields removed. In sta­tuses where tasks shouldn’t be cre­ated, it’s better to remove the task-creation field. This con­tra­dicts point 2, but it helps clean up the plan­ner as a whole, because there are fewer controls.

4. A min­i­mal card menu. The card menu is the but­tons for man­ag­ing a task. Keep them only where some­one will use them. I only have them in the inboxes, because that’s usu­ally the only place I delete tasks or close them straight away. This will depend on how tasks are han­dled in each case. The gen­eral rule: keep but­tons only where they’re needed.

5. A sim­pler card view. The Planfix devel­op­ers are smart cook­ies! They’ve given us a way to con­fig­ure what cards look like. Depending on the con­text, the person using a plan­ner needs dif­fer­ent task fields. The gen­eral rule is the same as every­where: reduce the noise and keep only what’s needed.

By default Planfix puts card titles in bold. I think that’s unnecessary. I removed the bold every­where and removed labels where I could. For exam­ple, why write “dead­line” if the card has only one date? (I still have a “dead­line” label left, by the way. I’ll remove it.)

The card looks tidy and reads easily with­out the extra labels and bold.

Custom styles for the Planfix planner

I went a little fur­ther and added my own CSS styles for the planner. Here’s my bit of CSS, which you feed to the Chrome exten­sion Stylus.

What this style gives you:

  1. a bigger column header,
  2. more space between cards,
  3. a cleaner checklist.

What’s the use of the words “check­list attached” when we can see it anyway? Besides, it’s espe­cially impor­tant to add space between task cards. Otherwise they all visu­ally stick together in a heap.


I set this up about a year ago, and I’m very happy with it. Working with Planfix has become much more pleasant. Maybe the devel­op­ers will read this post and move a redesign of the plan­ners a little higher up their backlogs. In the mean­time, you know what to do.

Related: Ilya Birman’s advice on reducing noise