Using Drag-and-Drop in E-Learning #468: Challenge | Recap
If there’s one e-learning interaction that belongs in every instructional designer’s toolkit, it’s drag-and-drops.
Drag-and-drop ...
Published 3 months ago
Version 1.0
Blog Post
Hello everyone! After a bit of a break from ELHC, and fortunately being quite busy with contract work, I am back to drop in a simple interaction that I made. I have been working with making drag-and-drop more accessible, and this sample demonstrates that with the use of motion paths. I like this option, because it still gives the effect of items being "dragged and dropped", without having to actually do any mouse dragging. The source file is available in the Resources tab.
https://360.articulate.com/review/content/9f12b96b-31b0-4448-bd11-e690bfba7ed4/review
https://360.articulate.com/review/content/9f12b96b-31b0-4448-bd11-e690bfba7ed4/review
Hi Thaddeause, I like both options for this. I did hear recently that 'forcing' the user to choose a preferred method of interaction might seem to isolate or set apart. I learned that you can offer both options on a single slide with just a few more lines of code. I wish I was more familiar with these landmarks as I tried six times and couldn't guess the right drops. Overall, it is a great interaction. Welcome back.
- Hi Ron. Thank you. Yes, I have thought about that issue when I have created other interactions with an attempt to make things accessible and giving a choice. I'll keep thinking about how to make this possible in one slide without knowing the code. However, I guess it's best to offer some kind of accessibility rather than not offer it at all.
This is also assuming that the user chooses the "click only" option because they "have to". The option could also just be there for anyone who prefers to click instead of click and drag, just because it's their preference.
If I were making a course that needed to have a click-and-drag activity that is accessible, I'd likely not even offer the traditional click-and-drag and only offer the accessible option. - OK! I think I got it without using any code! I made it so that you can drag and drop OR you can click and move - all on the same screen. You can even drag and drop some items and click and move some items in combination, and it seems to work either way. Let me know if you find any issues. I updated the interaction to the original link provided above. Thanks for pushing me to make it better and challenge myself!