Hi, just been to try out the Carbon Footprint Calculator. The overall idea’s really interesting but in terms of design/usability it’s just horrendous.
The icons on the calculator are just completely unclear about what is and what is not selected. Here’s an example of some selected at random
And in this image I can honestly stare at it for 5 minutes solid and not have a clue which are selected and which are not selected. After playing around for a while you can tell which ones you’ve changed from their original state – but then it’s in no way clear whether the original state is “selected” or “not selected”.
It may be that some of this is owing to me being slightly colourblind (and maybe some people here with full colour vision can comment on how they find it?), or having a different monitor contrast from the designers, but I did try turning colour filters on in Windows and that didn’t help at all, so I don’t think so – and anyway, if that is the case, I don’t know why Bulb would want to show such contempt for colourblind users.
What’s particularly annoying about this to me from a UX standpoint is, toggles like this are a solved problem. There are quite a few established patterns for showing toggles as on or off. Why reinvent the wheel, particularly when it doesn’t then match up with the design on the rest of the Bulb site?