General concept
Glassy is a small experiment on the use of glassmorphism in the desktop dashboard. Glassmorphism has become very popular recently, but I got the impression that most of its use was in mobile apps. I was curious how this trend would work in desktop interfaces. In addition, I was curious to what extent such an interface would be compatible with some of the WCAG recommendations. Since my commercial projects were based mostly on flat design, I decided to design such a dashboard just for training. As a topic, I chose a platform that provides educational courses.
Quick conclusions
There is no doubt that glassmorphism has its own delicacy. From the point of view of usability, however, it seems to be a little less practical. In my opinion, the main problem is the excess of elements engaging the viewer's attention. This makes the use of glassmorphism only sensible for interfaces that do not contain too many objects. In addition, the use of transparent cards in dark mode significantly reduces the possibilities of choosing the colors of other elements – to maintain the right contrast (e.g. for texts), it is only possible to use very bright colors.
It was very interesting to find that the optimal mechanism for simulating the glass effect is not the same for the light and dark layout. In short, the method that gives very good visual effects in the light version did not work well in the dark mode.
