Tabs Interactions in E-Learning #362: Challenge | Recap
For e-learning designers, tabs interactions aren’t just versatile; they’re the Swiss Army knife of e-learning interactions.
For e-l...
Published 3 years ago
Version 1.0
Blog Post
Hi All,
A couple of options. I'm not sure the first one is really a tab interaction.
https://360.articulate.com/review/content/dac6cd31-6761-4e4b-a047-f60a3373e4a5/review
A couple of options. I'm not sure the first one is really a tab interaction.
https://360.articulate.com/review/content/dac6cd31-6761-4e4b-a047-f60a3373e4a5/review
Hey Dan! I think the first example is a great example of a tab interaction. Perhaps it could be better categorized as "flash cards". Tabs ... flash cards ... same thing in my book! 😁
One thing I believe the first example could benefit from is improved contrast and use of color. Right now, each tab has a red border which, to me, should be reserved for the "Lacking" state. Having each tab start off with a green border (or something else other than red) would probably be a little more appropriate to indicate that it is "present" (i.e., not lacking). I've attempted to recreate your project to illustrate this and some other areas that could use a reapplication of color:
https://360.articulate.com/review/content/5fcebd59-60a9-4466-8056-e05c6bbea77b/review
Cheers!
One thing I believe the first example could benefit from is improved contrast and use of color. Right now, each tab has a red border which, to me, should be reserved for the "Lacking" state. Having each tab start off with a green border (or something else other than red) would probably be a little more appropriate to indicate that it is "present" (i.e., not lacking). I've attempted to recreate your project to illustrate this and some other areas that could use a reapplication of color:
https://360.articulate.com/review/content/5fcebd59-60a9-4466-8056-e05c6bbea77b/review
Cheers!