April 13, 2019
Drag and Drop as Navigation
Comments
(4)
April 13, 2019
Drag and Drop as Navigation
I am currently a provider of technical training and support in the electronic manufacturing industry. My prior training and work experience as a teacher, network administrator, web design, and instructional design make me well prepared to design it, develop it, and deliver it. I am a father of five, a US Army veteran, and I enjoy playing the guitar as well as performing in local community theater. 
Legend 99 posts
Followers: 155 people
(4)

Here is another use for drag and drop that you might consider trying.

Navigation

Reduce the number of boring click buttons and have the user interact in order to move through your course.

Take a look at this quick example and share some of your own thoughts on how you might use this idea.

Play
4 Comments
2019-04-15 14:33:36
2019-04-15 14:33:36

Love this approach. I used something like this in a course on the AN/TPQ-48 Lightweight Counter Mortar Radar. One of the initial modules required the student to unpack and inspect each piece in a certain sequence, so we simulated this with some informative drag and drop.

Like
()
2019-04-15 12:39:24
2019-04-15 12:39:24

My concern with multiple slides instead of a multistate object is for mobile deployment. Of course the setup with multiple slides is fitting with the title of this post. You could even have using InBuilt states for the drag objects to show which have been dragged….

Like
()
2019-04-15 07:11:10
2019-04-15 07:11:10

Sure, Greg, I have used this approach multiple times in projects. It is one of the examples I offer my trainees to have some more engaging interactivity since people seem to like dragging and works fine on mobile devices as well.

Not sure, but it looks like you navigate to new slides in the object actions? I tend more and more to use multistate objects instead of navigation to multiple slides, especially when the course needs to be reponsive to make it ‘sleeker’….

Did you use a shared action as object action or an advanced action, maybe even JS (do know you already a little bit).

Like
()
(1)
>
Lieve Weymeis
's comment
2019-04-15 11:52:49
2019-04-15 11:52:49
>
Lieve Weymeis
's comment

This particular setup has five slides. Main slide and a landing page for each of the sports. The actions are based on which object is placed in the box. No JavaScript on this one – just a simple Jump to Slide on the object action as you noted.

I suppose I could have made that navigation persistent and changed the state of the background but I had in mind that the sport that was chosen might have much more content than could fit on a single slide so this idea takes you to a landing page for the chosen content.

So many options!

Like
()
Add Comment