Button Starter Kits for E-Learning #360: Challenge | Recap
Stop Designing from a Blank Canvas! Get a Jump Start on Your Next E-Learning Project with Button Starter Kits
Fantastic start...
Published 3 years ago
Version 1.0
Blog Post
Hi everyone. I built an ADA friendly button set with high color contrasts and text size. I added a hover sound state that can be turned on and off.
Demo: https://lorbeck-elearningchallenges.s3.us-east-2.amazonaws.com/360/story.html
File: https://lorbeck-elearningchallenges.s3.us-east-2.amazonaws.com/360/Button+set.story
Demo: https://lorbeck-elearningchallenges.s3.us-east-2.amazonaws.com/360/story.html
File: https://lorbeck-elearningchallenges.s3.us-east-2.amazonaws.com/360/Button+set.story
Beautiful. What are your thoughts on how to orient the icon? Right or left? I always go right, but is there a theory on this?
- Good question and observation that I have icons on both sides and mostly on the right. I did not give it much thought. I just did a quick google search and learned that icons should be on the left for left-to-right reading languages. It makes it easier for the user to scan. Exceptions are buttons like "Next"and "Forward", where placing the icon on the right helps guide the user. I will update my demo. Thanks!