Transparent Elements
The problem
Elements on screen that the user defined as transparent (=opacity 0%) were not visible on stage and were hard to find while editing. Users mainly did so on interactions (when the initial state of the animation = “hidden” and on hover/on click are animated into "visible"), and also templates/design assets get to the user already defined as transparent so it was hard for them to understand.
The goal
Help users understand there is a transparent element on stage. i had two solutions in mind, which eventually we combined both:
-
Applying a layer above the transparent element to indicate it’s there & transparent.
-
User preference in the site settings menu to “view” > ”transparent elements”. it is on by default.
Key point
After release, we reduced the amount of support tickets on this issue from around 20 per month to none. It was a huge success of a tiny fix (dev wise) that quickly helped our users.
