Blog Post

E-Learning Challenges
2 MIN READ

Designing Tabs Interactions in E-Learning (2021) #320

DavidAnderson's avatar
DavidAnderson
Staff
4 years ago
Tabs Navigation in E-Learning #320: Challenge | Recap Challenge of the Week This week, your challenge is to share an example that demonstrates how tabs interactions can group related cont...
Published 4 years ago
Version 1.0
E-Learning Challenge
Interaction
Interactive Objects
JodiSansone's avatar
JodiSansone
Community Member
Easy Tabs
Demo: https://bit.ly/3cq0UlS
Download: https://bit.ly/3co38Cm

Every time I do a tabs demo I think of Montse Anderson because she offered up a tabs file and it was the first one I ever tried to tear apart and recreate. Here's a quick one you can customize with a number variable, entry animations, and Pantone Color of the Year 2021--Aviary palette. I'm almost sick of this COTY.
MichelleWhel853's avatar
MichelleWhel853
Community Member
4 years ago
Hi Jodi,

Thanks for sharing and I will definitely be picking this apart to learn more. I found the "Easy Tab" name a little ironic (?) in a good way but that is because I'm new.

I just wanted to find out if there a reason the size of tabs are so large but the image small, could they be cropped down?
  • JodiSansone's avatar
    JodiSansone
    Community Member
    4 years ago
    Hi Deb,
    I used some vector art for this project that someone else built, so I didn't think that much about sizing it. I just used it as it was developed by the artist for an infographic--I only changed the colors to the Pantone COTY palette.

    If you would like the vector file let me know and I'll send it to you. You can change the colors and play with the sizes.
    • MichelleWhel853's avatar
      MichelleWhel853
      Community Member
      4 years ago
      Hi Jodi,

      Thanks that would be great. I think I just need to spend some time breaking it down and recreating it. I admire your work that you share across these challenges, so thank you!