This week’s Articulate challenge is to come up with creative ways to use buttons, toggles, and/or switches. I’ve had this one in the works so long that it finally morphed into a holiday challenge!

One Flat Angel
The Idea
I wanted to use switches to make a customizable greeting card that gives you a good number of options to play with.
The Design
For the visual design I wanted to keep it flat and simple, so that was pretty easy.
For the functional design I went with 3-way switches since I wanted there to be two options for every category – in addition to being able to start with and choose a neutral position. Making it a 3-way toggle seemed too confusing from the user perspective, so I went for the clarity of a switch instead.

State Changes Let You Customize the Background
It’s All States: I built the entire interaction on one slide with no layers. Everything that moves, changes, or plays does so in response to a state change.
Free Images & Music: The freebies I used this week are from flaticon.com, for the little switch icons, and audionautix.com for the music.
The Jolly Result
If you’d like to customize your card, be prepared for audio and give it a try right here! Happy holidays!