\n
Slide, Drag, and Hover Past the Next Button #144: Challenge | Recap
\n
Engage your learners by designing interactions that move beyond the boring “Next” button and motivate learners to touch the screen!
\n
\n- Next buttons are the gatekeeper to course content
\n
\n
\n- Find ways to get learners to stop clicking and start touching the screen
\n
\n
\n- How can the content be transformed to be part of the navigation?
\n
\n
\n- Combine next buttons with progressive reveals to create stories
\n
\n
How to Practice E-Learning and Make Next Buttons Feel Less Like Next Buttons
\n
If you want to get good at e-learning, you need to practice e-learning. And by practice, I mean deliberate, repetitive practice that pushes you try things you normally wouldn’t in your daily work.
\n
A simple way you can practice interaction design is to take a typical click-Next course and rebuild it multiple times using different techniques for the button navigation.
\n
Here are three interactions that were each built using a click, hover, and drag approach.
\n
\n
\n
Using different navigational elements for the same interaction forces you to see new ways to tackle interaction problems. It’s a lot like we do in the weekly challenges.
\n
NEXTCHA: Ask Learners to Prove They’re Learning
\n
How many times do learners click the Next button in your courses? Did you know each of those button clicks is an opportunity for reinforcing the learning content?
\n
Instead of letting learners blaze through your slides, ask them a question to prove they’re paying attention ... to prove they’re learning.
\n
Based on the CAPTCHA model that asks website viewers to prove they’re human before viewing a webpage, NEXTCHA asks learners to correctly answer a question before moving through the course. You can learn more about NEXTCHA and share your own examples in this e-learning challenge.
\n
\n
Challenge of the Week
\n
This week, your challenge is to share an example that allows users to navigate without clicking a typical Next button.
\n
If you make over an existing project, please include the original with your entry. Seeing both examples will help users connect the dots between where you started and where you finished.
\n
You’re welcome to use any interaction you want for this week’s challenge. Take an existing project you’ve built, grab a free template from our downloads, or create something from scratch. Just get rid of the Next button!
\n
Last Week’s Challenge:
\n
Before you navigate to this week’s challenge, check out the rocking band sites your fellow community members shared in last week’s challenge:
\n
\n
E-Learning Röck Band RECAP #143: Challenge | Recap
\n
Have a next-tacular week, E-learning Heroes!
\n
New to the E-Learning Challenges?
\n
The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.
David, Regarding my piece in this challenge, I realized that I linked to the entire project, instead of to just the part I wanted to show. I've since corrected the link in the discussion, but the wrong one is still in the recap. Here is the link if you would like to correct the recap:
http://s3.amazonaws.com/cboydeLD/eLDMedia/GlossaryZen/story.htmlApologies, and thanks!
David, Regarding my piece in this challenge, I realized that I linked to the entire project, instead of to just the part I wanted to show. I've since corrected the link in the discussion, but the wrong one is still in the recap. Here is the link if you would like to correct the recap:
http://s3.amazonaws.com/cboydeLD/eLDMedia/GlossaryZen/story.htmlApologies, and thanks!
Hi Kartik - Looks like there's an issue with your link. It's probably due to Goole pulling the plug on their support for HTML-based projects.
I'm happy to upload your project to our servers.
You can use our Dropbox file request link to send me your zipped output:
https://www.dropbox.com/request/jrqHXAxWwbts234Y4xakPlease include your first and last name and challenge number in the file name:
DavidAnderson_122.zip
Hi Kartik - Looks like there's an issue with your link. It's probably due to Goole pulling the plug on their support for HTML-based projects.
I'm happy to upload your project to our servers.
You can use our Dropbox file request link to send me your zipped output:
https://www.dropbox.com/request/jrqHXAxWwbts234Y4xakPlease include your first and last name and challenge number in the file name:
DavidAnderson_122.zip
