xJREB / service-based-antipatterns

A structured collection of service-based antipatterns and bad smells, served by a web application for convenient browsing
https://xjreb.github.io/service-based-antipatterns
MIT License
15 stars 1 forks source link

Add evidence #38

Closed mpoqq closed 5 years ago

mpoqq commented 5 years ago

Add evidence and change colour on the side of the card title based on the median evidence. image image

mpoqq commented 5 years ago

Maybe also add the evidence in the detail component

xJREB commented 5 years ago

If you rely on color coding for the evidence, make sure you choose something intuitive. Otherwise people won't get it right away. If I look at these colors, my first impression would probably be that red is bad. But for grey and pink/rose? No idea... Maybe traffic lights or the same color with different shades (very strong for high evidence, very weak and faded for low evidence) could be an idea, if you really wanna go down this road. There is also the option to just use the strings (high, medium, etc.) and additionally accentuate them with color.

boceckts commented 5 years ago

Good idea trying to visualize the evidence. However, it should be clear that this shows the score of the evidence and not the "completeness" or "popularity" of the antipattern itself. Maybe adding some tooltip to clarify the meaning of the side colors is enough?

Maybe also add the evidence in the detail component

Definitely and we should use the same visulaization (color), so visitors only need to open one antipattern and they know what the colors on the smaller cards mean.

boceckts commented 5 years ago

Refs #12

mpoqq commented 5 years ago

or the same color with different shades

This is the actual approach, the evidence is mapped to the alpha channel. Red is currently the base colour. We can also change it to something else.

The clarify the colours we can set the evidence at filter options. The user then knows which colour it stands for and in addition we have another filter. =)

mpoqq commented 5 years ago

Now with Filter: image

boceckts commented 5 years ago

Looks good, but maybe we should change the color to green.

mpoqq commented 5 years ago

Color is now Cyan #00acc1