What web design trends are you most excited to use in your courses?

Aug 06, 2015

One question I get quite often is, "How do you find creative inspiration? What resources do you use for fresh ideas?" Often I respond Pinterest or Dribbble because those two resources are my go-tos for spotting broader web design trends that I can apply to e-learning. Trends like flat design, slider-based navigation, photo galleries, and parallax scrolling are just a few of the ideas I've been most excited to use in my projects. 

What trends are you most excited to use in your courses? What resources do you rely on to stay on top of design trends?


15 Replies
Michael Burns

You mean besides this awesome community, right? ;)

Right now I'm trying to incorporate a website-like feel in some modules. I want to be able to scroll based on menu selection like many modern sites these days.

I'm currently trying to broaden my horizons, but I've drawn inspiration from other well-branded softwares that have "the look" (intuitive and attractive UI, menus, color scheme etc.). This helps me cut down on the "noise" in the slides and focus the visual message.

I'm starting an Explainer Video project at my company - for training. It's important for us (for a lot of reasons) to get our customers to buy in to our training in the first few minutes, and then commit to an individualized self-service course. Here's a great explainer video.... about explainer videos: https://youtu.be/n4XGEwdDi74

For finding color schemes, I found this site very helpful: https://coolors.co/ (I think some others have mentioned it here too). There's also http://www.flatuicolorpicker.com/ 

Great blog about mobile app UI, and first time user experience: http://firsttimeux.tumblr.com/

Helpscout's knowledge base info - the biggest reason I like this is how it compares marketing & sales to training: http://www.helpscout.net/blog/knowledge-base-article/ 

Hope this is what you're looking for! I'm excited to see what others post for more ideas.

Matthew Ash

Scrolling, scrolling, scrolling- currently seeing what I can achieve with js & a scrolling wheel.. Creating animated sequences. Death to linear e-learning & the need for a page to explain to a user how to navigate.

The place I'm working at has invested heavily in custom html (we've created our own SCORM wrapped templated CCS pages)- I'm on a mission to show how we can still create really interesting content in Storyline at a fraction of the cost for clients. I don't want rapid development to be the low-budget dump for unexciting projects.

Joanna Kurpiewska

That's very nice question to answer, Trina.

While working on challenge #92 which was about creating navigation instructions in e-learning courses, I've noticed how much visually I absorb from things around me and implement them into my e-learning examples. Inspiration is everywhere!

Sometimes it's a website element/effect but it can be literally everything what's grabbing your attention at the moment.

This thread here was one of the inspiration to write a blog post about...inspiration :) I've created several slides using a book cover and fruit bars box as a starting design point. You can read the post and download PowerPoint file from here:


I've attached one screen as a preview what I've done.

Brian Allen

To those on this thread who have been working on scrolling... scrolling forward is easy.  I've found it challenging to scroll in reverse, such as when a previous button is selected.

Would be interested in hearing if any creative people have been able to crack the code on this, and/or what kind of ideas are out there....

This discussion is closed. You can start a new discussion or contact Articulate Support.