How to represent medical conditions (Down syndrome, cerebral palsy)

I’m working on a mobile app that will show a collection of health resources for children. Some of these are for specific conditions such as Down syndrome, cerebral palsy, preterm birth, but the majority of users are “healthy” children, for lack of a better word, and won’t need such specialised content.

Illustrations would help to distinguish between the categories.

How do I choose representations for the categories that correspond to medical conditions while being sensitive to the users whose child is affected by them? Should I go as far as to choose abstract designs rather than figurative illustrations for all items in my collection, or indeed avoid any kind of representation, so that the medical conditions don’t stand out as inferior?


Tough question. I’m not sure my answer is the best and I’m sure there will be other good suggestions, but my first thought was to use each condition’s ribbon or color(s).

I would assume that most of these conditions have a ribbon (pink = breast cancer, green = mental illness, etc.).

Down’s, for example, is blue/yellow.


I’m not saying that you should use a ribbon for each item – that would get cluttered and redundant – but maybe you can use their colors somehow, to differentiate between the resources.

Source : Link , Question Author : Clafou , Answer Author : Manly

Leave a Comment