\n
Are you looking for a way to make e-learning courses more dynamic and engaging? Look no further than drag-and-drop interactions. Drag-and-drop interactions give your learners the opportunity to make decisions and engage with course content, and can be an excellent learning tool when used appropriately. That begs the question, when should drag-and-drops be used?
\n
In my experience, they can really come in handy when you want your learners to:
\n
\n
Storyline 360 offers a variety of ways to create drag-and-drop interactions. Let’s have a closer look at three easy techniques.
\n
Graded Quiz Slides
\n
Storyline 360 offers 11 graded question types, two of which are prebuilt drag-and-drop interactions. The nice thing about Storyline’s graded question slides is that they’re superquick and easy to set up since you don’t have to create a single trigger. All you have to do is select the type of drag-and-drop question you want—matching or sequence?—and insert your content.
\n
View a Storyline 360 Matching Drag-and-Drop Quiz Slide
\n
\n
View a Storyline 360 Sequence Drag-and-Drop Quiz Slide
\n
Matching activities are great when you want learners to make a connection between several items, for example an event and the date it occurred. Sequence is great for having learners identify the order of a process or task.
\n
Freeform
\n
Freeform slides let you convert any regular slide into a graded drag-and-drop quiz slide in a few clicks. Freeform slides are a really powerful tool because they allow you to completely customize every single aspect of your slide and drag-and-drop interaction. Freeform is perfect when you want to create a drag-and-drop that is not a matching or sequence activity, for example, to sort incorrect and correct items or to match non-text items such as shapes or images. Here are some examples of customized drag-and-drop interactions created using Freeform slides:
\n
View a Freeform Gamified Drag-and-Drop
\n
\n
View a Freeform Placing Drag-and-Drop Activity
\n
To create a freeform drag-and-drop interaction, insert a new slide and click the “Convert to Freeform” button on the “Insert” tab of the Storyline 360 ribbon. Select the drag-and-drop option, then click Insert. Storyline will automatically create a graded drag-and-drop quiz slide, and will even add the “Submit” button and the feedback layers. You will be presented with “Form View,” where you can assign your drag items and your drop targets.
\n
\n
Storyline 360’s Drag-and-Drop Freeform Form View
\n
When you’re in Form View, you’ll notice that there are options available to you in the ribbon.
\n
\n
Options available in Drag-and-Drop Freeform Form View
\n
A few things you can do here: shuffle the answers, assign a results slide, and assign the number of attempts learners have. Above all, the one key feature you need to know about is the “Drag & Drop Options” button.
\n
\n
Drag & Drop Options
\n
Knowing about these options can save you a ton of time and headaches. These options give you flexibility when you’re tweaking your drag-and-drop interaction to work just the way you want it. Need your drag items revealed one at a time? No problem! Do you want to allow multiple items onto one drop target? Just check the box. These options will let you customize your drag-and-drop interaction to behave just the way you want.
\n
Triggers
\n
There’s one more, little-known, way to create a very simple, ungraded drag-and-drop interaction by using a single trigger. You’ll need at least two objects on your slide to make this work. The “When” drop-down menu in the Trigger Wizard offers two options:
\n
\n
These Drag Drop Events are available in the Trigger Wizard
\n
By using either of these options in a trigger with two objects from your slide, you can create a very simple drag-and-drop interaction. However, you can’t customize that interaction in any way and it can’t be graded. For that reason, it’s typically recommended to use the freeform drag-and-drop interaction, which is superpowerful, graded, and offers many options for customization.
\n
In Sum
\n
Creating drag-and-drop interactions with Storyline 360 is intuitive and easy, no matter which method you choose. Go ahead, build your own drag-and-drop interaction so you can see for yourself how quick and easy it is. Let me know how it turns out in the comments below!
\n
Want to try something you learned here, but don’t have Articulate 360? Start a free 30-day trial, and come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any questions, please share them in the comments.
Hi Brett!
Thanks for posting your question. Sorry to hear you've run into this issue. This is a little bit outside of my wheelhouse so I think your best bet would be to post this question in our Articulate Online product discussion forums where hopefully you can get an aswer to this, or by submitting a support case to our support team. Thanks ! :) Best of luck...
Articulate Online product forums:
https://community.articulate.com/forums/articulate-onlineSubmit a support case:
https://articulate.com/support/contact/360-teamsHi Brett!
Thanks for posting your question. Sorry to hear you've run into this issue. This is a little bit outside of my wheelhouse so I think your best bet would be to post this question in our Articulate Online product discussion forums where hopefully you can get an aswer to this, or by submitting a support case to our support team. Thanks ! :) Best of luck...
Articulate Online product forums:
https://community.articulate.com/forums/articulate-onlineSubmit a support case:
https://articulate.com/support/contact/360-teamsI am not sure where would be a good spot to ask this question on here, but I am working on a course that will be uploaded to my school's LMS. I wanted to ask if there is an option to just add in a link on our learning portal that will open up the published course (using Storyline 360) in Articulate Online, so when students go to open the course on their tablets or cellphones, the feature to download the Storyline Player will appear, so they can view the course properly? I have uploaded it to the school's LMS, but it just opens up using the preset dimensions of our LMS, meaning on a laptop, you have to use scroll bars to move the screen up and down, left and right, in order to click on the \"Submit\" button at the bottom of the window, or to go to the side menu.
When I tested it on my cellphone, it is even worse. You have to swipe around to get it to work. The menu doesn't automatically adjust and hide to make space on the screen. It is very difficult to use and so I wanted to ask if I published using the Articulate Online option, could I just add in a link to my course on our LMS that will open up the course in Articulate Online?
That way, when the course is opened either on a computer, tablet or phone, the proper dimensions and activity space are shown on the screen without having to use scroll bars or swiping on a tablet or phone.
","body@stringLength":"1423","rawBody":"I am not sure where would be a good spot to ask this question on here, but I am working on a course that will be uploaded to my school's LMS. I wanted to ask if there is an option to just add in a link on our learning portal that will open up the published course (using Storyline 360) in Articulate Online, so when students go to open the course on their tablets or cellphones, the feature to download the Storyline Player will appear, so they can view the course properly? I have uploaded it to the school's LMS, but it just opens up using the preset dimensions of our LMS, meaning on a laptop, you have to use scroll bars to move the screen up and down, left and right, in order to click on the \"Submit\" button at the bottom of the window, or to go to the side menu.
When I tested it on my cellphone, it is even worse. You have to swipe around to get it to work. The menu doesn't automatically adjust and hide to make space on the screen. It is very difficult to use and so I wanted to ask if I published using the Articulate Online option, could I just add in a link to my course on our LMS that will open up the course in Articulate Online?
That way, when the course is opened either on a computer, tablet or phone, the proper dimensions and activity space are shown on the screen without having to use scroll bars or swiping on a tablet or phone.
","author":{"__ref":"User:user:976236"},"postTime":"2017-10-11T13:58:28.000-07:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":1},"Revision:revision:1112387_1":{"__typename":"Revision","id":"revision:1112387_1","lastEditTime":"2017-10-13T08:17:16.000-07:00"},"QueryVariables:ReplyList:message:1112387:1":{"__typename":"QueryVariables","id":"ReplyList:message:1112387:1","value":{"id":"message:1112387","first":10,"sorts":{"postTime":{"direction":"ASC"}},"repliesFirst":3,"repliesFirstDepthThree":1,"repliesSorts":{"postTime":{"direction":"ASC"}},"useAvatar":true,"useAuthorLogin":true,"useAuthorRank":true,"useBody":true,"useKudosCount":true,"useTimeToRead":false,"useMedia":false,"useReadOnlyIcon":false,"useRepliesCount":true,"useSearchSnippet":false,"useAcceptedSolutionButton":false,"useSolvedBadge":false,"useAttachments":false,"attachmentsFirst":5,"useTags":false,"useNodeAncestors":false,"useUserHoverCard":false,"useNodeHoverCard":false,"useModerationStatus":true,"usePreviewSubjectModal":false,"useMessageStatus":true}},"ROOT_MUTATION":{"__typename":"Mutation"},"CachedAsset:text:en_US-shared/client/components/users/UserAvatar-1741995976000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1741995976000","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1741995976000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1741995976000","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1741995976000":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1741995976000","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1741995976000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1741995976000","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1741995976000":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1741995976000","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1741995976000":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1741995976000","value":{"title":"{count, plural, one{# Reply} other{# Replies}}","title@board:BLOG":"{count, plural, one{# Comment} other{# Comments}}","title@board:TKB":"{count, plural, one{# Comment} other{# Comments}}","title@board:IDEA":"{count, plural, one{# Comment} other{# Comments}}","title@board:OCCASION":"{count, plural, one{# Comment} other{# Comments}}","noRepliesTitle":"No Replies","noRepliesTitle@board:BLOG":"No Comments","noRepliesTitle@board:TKB":"No Comments","noRepliesTitle@board:IDEA":"No Comments","noRepliesTitle@board:OCCASION":"No Comments","noRepliesDescription":"Be the first to reply","noRepliesDescription@board:BLOG":"Be the first to comment","noRepliesDescription@board:TKB":"Be the first to comment","noRepliesDescription@board:IDEA":"Be the first to comment","noRepliesDescription@board:OCCASION":"Be the first to comment","messageReadOnlyAlert:BLOG":"Comments have been turned off for this post","messageReadOnlyAlert:TKB":"Comments have been turned off for this article","messageReadOnlyAlert:IDEA":"Comments have been turned off for this idea","messageReadOnlyAlert:FORUM":"Replies have been turned off for this discussion","messageReadOnlyAlert:OCCASION":"Comments have been turned off for this event"},"localOverride":false},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1741995976000":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1741995976000","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"boardId":"articles","messageSubject":"3-ways-to-create-drag-and-drops-with-storyline-360","messageId":"1112385","replyId":"1112387"},"buildId":"G6LFdF6Y8sb5g8rZyM3sC","runtimeConfig":{"buildInformationVisible":false,"logLevelApp":"info","logLevelMetrics":"info","openTelemetryClientEnabled":false,"openTelemetryConfigName":"articulate","openTelemetryServiceVersion":"25.2.0","openTelemetryUniverse":"prod","openTelemetryCollector":"http://localhost:4318","openTelemetryRouteChangeAllowedTime":"5000","apolloDevToolsEnabled":false,"inboxMuteWipFeatureEnabled":false},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":["./components/customComponent/CustomComponent/CustomComponent.tsx","./components/community/Navbar/NavbarWidget.tsx","./components/community/Breadcrumb/BreadcrumbWidget.tsx","./components/blogs/BlogArticleWidget/BlogArticleWidget.tsx","./components/messages/MessageView/MessageViewStandard/MessageViewStandard.tsx","./components/customComponent/CustomComponentContent/TemplateContent.tsx","../shared/client/components/common/List/UnwrappedList/UnwrappedList.tsx","./components/tags/TagView/TagView.tsx","./components/tags/TagView/TagViewChip/TagViewChip.tsx"],"appGip":true,"scriptLoader":[]}
