This week I was hoping to address E-Learning Challenge #97 and do something with slider-style toggle buttons, but I ended up killing two birds with one stone and addressed E-Learning Challenge #91 while I was at it!
E-Learning Challenge #91 – Get to Know Your E-Learning Community with 2 Truths and 1 Lie sought to have community members create playful interactions using the icebreaker game 2 truths, 1 lie. The goal was to bring us, as a community, closer together.
E-Learning Challenge #97 – Toggle, Switch, and Slide Your Way to More Creative E-Learning Buttons challenged us to show creative ways to use toggle buttons and switches in e-learning.
I thought about this challenge for awhile and decided I wanted to use sliders to respond to true/false or yes/no questions, so I thought up some questions about myself and hopped to it.
My avatar was purchased from Creative Market awhile ago for another personal project I have yet to complete, so I figured I might as well get some use out of it in the immediate future. I chose 4 poses (one for the intro, one for the questions, one for correct responses, and one for incorrect responses) and began mocking up all of the screens I would need.
I tossed in Continue buttons to navigate to the next question in the queue, and an Exit button at the end. After adding the buttons, I went back to add in all of the necessary functionality (e.g. the slider). I programmed the slider to have three slide points, with the initial point being the 2nd/middle). Then, I added in triggers so that the slide would change to the correct or incorrect feedback if the slider was positioned correctly on Yes or No (slider position 1 or 3).
Click Here to view the full interaction.