fubralimited / fubra-analytics

Google analytics tool for grouped site reports.
1 stars 1 forks source link

Highlighting the decrease in red #3

Closed jurga closed 11 years ago

jurga commented 11 years ago

Looking at the Airport Guides list I see the decrease of -26% is highlighted in red, but the decrease of -23% is not highlighted at all. Was wondering if it might be useful to highlight the decrease in red for all - if there is a decrease of course?

Same would go for the increase (green).

Just an idea. Otherwise at one glance it looks alright, nothing to worry about. Red would be a bit more shouty?

WDYT?

screenshot_24_10_2013_15_56

RayViljoen commented 11 years ago

Right, so what I've done is set certain points. e.g. change over 25% is light red and over 50% is bright red. Same for green ones and everything else.

These values are just my own atm, but woud be good to get some input on this. @paulmaunders

The settings are as follows atm:

server response warning (light red) >= 1 server response serious (bright red) >= 2

page load warning (light red) >= 6 page load serious (bright red) >= 10

negative change warning (light red) <= -25% negative change serious (bright red) <= -50% positive change (light green) >= 25% positive change (bright green) >= 50%

BenKennish commented 11 years ago

How about you specify the 'color' CSS attribute as #XX0000 where XX ranges from "00" when 'safe' to "FF" at 'maximum danger'? Same goes for positive change but with #00XX00.

jurga commented 11 years ago

I was thinking about it last night, and if we assume that the only 'bad' decrease is the one that's let's say more than -15% or -20%, then gradual week-on-week decrease of 12% would still not be highlighted even though at the end of that month we'd have a total massive decrease that we should've watched anyway.

RayViljoen commented 11 years ago

We will have a monthly summary report that should highlight such issues.

RayViljoen commented 11 years ago

Thanks Ben. That does actually solve having to come up with values.

jurga commented 11 years ago

Looking forward to seeing what it looks like on the report. Thanks!

paulmaunders commented 11 years ago

Great idea Ben - should look cool :)

Perhaps we could tweak Ben's idea slightly so that it goes through hues from yellow to orange to red, rather than from white to pink to red?

Have a look at the HSV comment on here: http://stackoverflow.com/questions/1455094/how-can-i-cycle-through-hex-color-codes-in-php

29o0q4k

paulmaunders commented 11 years ago

Maybe we could combine both together - so the colour and intensity changes - although not sure how hard that is to do!

BenKennish commented 11 years ago

It's funny you should say this, Paul, but one of the very first functions I wrote in JavaScript for my very first website was a function called 'rainbowify' that took in a text string and returned a coloured version where the colours of the characters faded through the colours of the rainbow (red->orange->yellow->green->blue->indigo->violet) - this was before I knew any server-side scripting. I guess something like this could be used here.. depends on whether u like the output of my first suggestion. :-)

jurga commented 11 years ago

I see what you mean Paul about the hues - personally I think having two shades (green and red) and white as neutral (no change) is quite self-explanatory, as if there were more colours in between (i.e. orange) we'd need to have a legend / list of what each colour means.