I am designing a table for my company's dashboard. I need to show type of the data shown in the table. So far there is 6 type categories: Job ads, E-mail campaign, Display ads, Event, Referral and Headhunter. I was told to display it in the table without putting it there as a column.

This my wireframe so far. I was thinking about putting an icon but I was told it doesn't feel right with an icon and logo right next to it as it's too heavy. Anybody encountered similar problem? I am open to any suggestions.



Edit: Chips

  • 1
    Have you considered showing the whole data type in form of a chip and showing it next to the source? – Sheraz Jun 25 '18 at 11:53
  • As in colored chip? I added a picture in the post if I get it right. However the text inside is too small I think. I could do just a color differentiation however it would take on cognitive memory of the user that he would have to remember color and connected type. – Vítek Linhart Jun 25 '18 at 12:24
  • Try using a lighter background for the pill such as (#e0e0e0) and using a darker font color for the text (#424242). Also, no harm in increasing the font size a bit. – Sheraz Jun 25 '18 at 12:28
  • 1
    Do you know why you shouldn't include it as a column? Is it a coding constraint or something else? – Andrew Martin Jun 25 '18 at 13:08
  • It was taking up too much space and we decided to go for more elegant solution. – Vítek Linhart Jun 25 '18 at 13:18

We had a similar issue inside of a table.
Our solution was quite similar to Shaz suggestion, except that we set the labels vertical. I gave my best to show it in your example image :) vertical table row labels

I think this also easy to recognize by the user, but less space consuming.

| improve this answer | |
  • 1
    Indeed less space consuming but impossible to read when a user has increased their browser text size. – user68158 Jun 26 '18 at 7:47
  • I have to agree that the text is too long for this usage. It would be impossible to read also thinking about smaller screens. – Vítek Linhart Jun 26 '18 at 14:19

If it is not to be part of a column, then it is not going to be sortable. You could group them by Type. So a heading with the name of the type and then the rows of that type.
It would make the sorting a bit more involved though.

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.