SemmieWealth
Dark mode
Onderzoek dark mode
Voor de Semmie-app onderzocht ik UX- en UI-richtlijnen voor Dark Mode. De achtergrond is altijd het donkerst, met lichtere lagen erboven voor hiërarchie. Schaduwen worden subtiel toegepast en puur zwart-wit wordt vermeden; in plaats daarvan zijn verschillende grijstinten gebruikt voor achtergronden, tekst en UI-elementen.
Het bestaande palet voldeed niet voor Dark Mode. Ik experimenteerde met kleuren uit het design system om een gebalanceerd palet te creëren dat leesbaarheid en merkconsistentie combineert. Zowel licht- en grijstinten als merkkleuren kregen een Dark Mode-variant.
Eerst werden componenten uitgewerkt, daarna volledige schermen. Om leesbaarheid en gebruiksvriendelijkheid te toetsen, testte ik de ontwerpen met collega’s. Op basis van feedback zijn enkele grijstinten en contrasten aangepast, waardoor de Dark Mode visueel rustgevend en overzichtelijk werd.
Opgeleverde product
Nadat stakeholders en de doelgroep tevreden waren met de Dark Mode, zijn alle componenten in het design system ook in een Dark Mode-variant uitgewerkt. Hierdoor konden de volledige schermen eenvoudig worden omgezet voor ontwikkeling.
De ontwerpen zijn getest met collega’s om de leesbaarheid en gebruikerservaring te waarborgen. Op basis van feedback zijn enkele grijstinten en contrasten aangepast, zodat de Dark Mode overzichtelijk, consistent en prettig leesbaar blijft.
Have a
nice day!
hi@kugeldesign.nl
+31 6 2007 4374
Jacob van Lennepstraat 70-1
Amsterdam