Daily UI #015 | On/Off Switch
For day 15 of the Daily UI Challenge I made an on/off switch that toggles between day mode and night mode.
The button itself is pretty straightforward. This type of switch button is easily recognisable as a switch since many interfaces use it. So, I had no reason to risk confusing the user by designing this switch differently—which would conflict with their mental model.
I did play with the animation of the switch by giving it a bouncy effect once toggled. This subtle effect should provide the user with that extra bit of feedback to help confirm their action.
Feedback is welcome!
button
button animation
button design
button states
daily 100 challenge
dailyui
dailyui015
dailyuichallenge
dark theme
dark ui
on off switch
prototype animation
switch
switch button
toggle button
toggle switch
ui
ui design
ui ux
user interface
View all tags
Posted on
Jan 7, 2020
More by Jeffrey Thümann View profile
Like