\n
Drag-and-Drop Practice Activities #380: Challenge | Recap
\n
Drag-and-drop interactions are a great way to allow learners to practice new tasks or processes—in a realistic way. While drag-and-drop interactions are often used as quizzes with common “Correct/Incorrect” feedback.
\n
But there’s so much more you can do with freeform drag-and-drops to encourage learners to practice new skills and interact with your content. Let’s take a look at a couple of examples.
\n
Tea Time
\n
This example from Kimberly Bourque Valliere is a good example that uses drag-and-drop to demonstrate how to make the perfect cup of tea.
\n
\n
View the example | Kimberly Bourque Valliere
\n
6 Ways to Customize Storyline360 Drag-and-Drop Interactions
\n
\n
View on YouTube
\n
Challenge of the Week
\n
This week, your challenge is to create a drag-drop example that lets learners practice a real world activity. You can share a previous example or create a new one for this week’s drag-and-drop challenge.
\n
Share Your E-Learning Work
\n
\n- Comments: Use the comments section below to share a link to your published example and blog post.
\n- Forums: Start your own thread and share a link to your published example..
\n- Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
\n- Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.
\n
\n
Last Week’s Challenge:
\n
Before you drop into this week’s challenge, check out the virtual tour examples your fellow community members shared over the past week:
\n
\n
Virtual Tours in E-Learning RECAP #379: Challenge | Recap
\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.
\n
Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.
\n
Show Off Your Articulate 360 Projects at DevLearn DemoFest
\n
\n
If you’re planning to attend DevLearn, I hope you’ll consider sharing one of your E-Learning Challenge projects at DemoFest. DemoFest is an excellent way to showcase your project with the e-learning community. You’ll also get to see a wide variety of projects and talk to the designers and developers about how they built them. It’s like a year’s worth of E-Learning Challenge demos in one event.
\n
\n
You can learn more about the conference and DemoFest on the DevLearn website. I hope to see you there.
","kudosSumWeight":0,"postTime":"2022-07-15T07:44:22.000-07:00","images":{"__typename":"AssociatedImageConnection","edges":[{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDE","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTU5MDU3aTRCNENGNzExQ0Q1NTIzMjI?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDI","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTE4Mjg3aUU3NUQ0QjIxQzE1NDY2NTc?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDM","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTY4MjEwaTg3OTlCMjRDRkQ4M0M2OUY?revision=1\"}"}},{"__typename":"AssociatedImageEdge","cursor":"MjUuMnwyLjF8b3wyNXxfTlZffDQ","node":{"__ref":"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTEyMDU2aTAzMzE1Nzk1RDZGMzkxMzQ?revision=1\"}"}}],"totalCount":4,"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"attachments":{"__typename":"AttachmentConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"tags":{"__typename":"TagConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDE","node":{"__typename":"Tag","id":"tag:E-Learning Challenge","text":"E-Learning Challenge","time":"2015-11-11T20:02:32.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}},{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDI","node":{"__typename":"Tag","id":"tag:Interaction","text":"Interaction","time":"2018-01-29T14:29:31.000-08:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}},{"__typename":"TagEdge","cursor":"MjUuMnwyLjF8b3wxMHxfTlZffDM","node":{"__typename":"Tag","id":"tag:Interactive Objects","text":"Interactive Objects","time":"2020-04-23T11:34:28.000-07:00","lastActivityTime":null,"messagesCount":null,"followersCount":null}}]},"timeToRead":2,"rawTeaser":"","introduction":"","coverImage":null,"coverImageProperties":{"__typename":"CoverImageProperties","style":"STANDARD","titlePosition":"BOTTOM","altText":""},"currentRevision":{"__ref":"Revision:revision:1143663_1"},"latestVersion":{"__typename":"FriendlyVersion","major":"1","minor":"0"},"metrics":{"__typename":"MessageMetrics","views":260},"visibilityScope":"PUBLIC","canonicalUrl":null,"seoTitle":null,"seoDescription":null,"placeholder":false,"originalMessageForPlaceholder":null,"contributors":{"__typename":"UserConnection","edges":[]},"nonCoAuthorContributors":{"__typename":"UserConnection","edges":[]},"coAuthors":{"__typename":"UserConnection","edges":[]},"blogMessagePolicies":{"__typename":"BlogMessagePolicies","canDoAuthoringActionsOnBlog":{"__typename":"PolicyResult","failureReason":{"__typename":"FailureReason","message":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","key":"error.lithium.policies.blog.action_can_do_authoring_action.accessDenied","args":[]}}},"archivalData":null,"customFields":[],"revisions({\"constraints\":{\"isPublished\":{\"eq\":true}},\"first\":1})":{"__typename":"RevisionConnection","totalCount":1}},"Conversation:conversation:1143663":{"__typename":"Conversation","id":"conversation:1143663","solved":false,"topic":{"__ref":"BlogTopicMessage:message:1143663"},"lastPostingActivityTime":"2023-06-04T20:35:19.000-07:00","lastPostTime":"2023-06-04T20:35:19.000-07:00","unreadReplyCount":146,"isSubscribed":false},"ModerationData:moderation_data:1143663":{"__typename":"ModerationData","id":"moderation_data:1143663","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTU5MDU3aTRCNENGNzExQ0Q1NTIzMjI?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTU5MDU3aTRCNENGNzExQ0Q1NTIzMjI?revision=1","title":"uploads_rte_tfloacvj_Drag-and-Drop-Activities_CHALLENGE.png","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTE4Mjg3aUU3NUQ0QjIxQzE1NDY2NTc?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTE4Mjg3aUU3NUQ0QjIxQzE1NDY2NTc?revision=1","title":"uploads_rte_ioxqwvkr_Tea-Time-Kimberly-Bourque-Valliere.jpg","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTY4MjEwaTg3OTlCMjRDRkQ4M0M2OUY?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTY4MjEwaTg3OTlCMjRDRkQ4M0M2OUY?revision=1","title":"uploads_rte_lqmtjusf_Virtual-Tours-Elearning_RECAP.png","associationType":"BODY","width":1512,"height":760,"altText":null},"AssociatedImage:{\"url\":\"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTEyMDU2aTAzMzE1Nzk1RDZGMzkxMzQ?revision=1\"}":{"__typename":"AssociatedImage","url":"https://community.articulate.com/t5/s/rwgqn69235/images/bS0xMTQzNjYzLTEyMDU2aTAzMzE1Nzk1RDZGMzkxMzQ?revision=1","title":"uploads_rte_yokzxdin_DemoFest-Articulate-User-Conference.png","associationType":"BODY","width":1200,"height":603,"altText":null},"Revision:revision:1143663_1":{"__typename":"Revision","id":"revision:1143663_1","lastEditTime":"2022-07-15T07:44:22.000-07:00"},"BlogReplyMessage:message:1143782":{"__typename":"BlogReplyMessage","id":"message:1143782","conversation":{"__ref":"Conversation:conversation:1143663"},"author":{"__ref":"User:user:921219"},"revisionNum":1,"uid":1143782,"depth":2,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"subject":"Re: Simulating Real-World Activities with Drag-and-Drop Interactions #380","readOnly":false,"editFrozen":false,"moderationData":{"__ref":"ModerationData:moderation_data:1143782"},"parent":{"__ref":"BlogReplyMessage:message:1143703"},"body":"https://360.articulate.com/review/content/0897890a-cb19-4042-b8a0-291352cd1efa/reviewHi there,
This is my first Storyline project as I'm an absolute beginner. Happy for any feedback!
Realised a short while ago that I just expected the user to select the items on the right in order from top to bottom, when really this could occur in any order - so I will have a play around at fixing this up. A good learning opportunity!
Emily
","body@stringLength":"653","rawBody":"https://360.articulate.com/review/content/0897890a-cb19-4042-b8a0-291352cd1efa/reviewHi there,
This is my first Storyline project as I'm an absolute beginner. Happy for any feedback!
Realised a short while ago that I just expected the user to select the items on the right in order from top to bottom, when really this could occur in any order - so I will have a play around at fixing this up. A good learning opportunity!
Emily
","author":{"__ref":"User:user:554065"},"postTime":"2022-07-19T03:58:45.000-07:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":2},"Revision:revision:1143782_1":{"__typename":"Revision","id":"revision:1143782_1","lastEditTime":"2022-07-21T22:32:49.000-07:00"},"QueryVariables:ReplyList:message:1143782:1":{"__typename":"QueryVariables","id":"ReplyList:message:1143782:1","value":{"id":"message:1143782","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-1743515094480":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1743515094480","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1743515094480":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1743515094480","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1743515094480":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1743515094480","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1743515094480":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1743515094480","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1743515094480":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1743515094480","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1743515094480":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1743515094480","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-1743515094480":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1743515094480","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"boardId":"e-learning-challenges","messageSubject":"simulating-real-world-activities-with-drag-and-drop-interactions-380","messageId":"1143663","replyId":"1143782"},"buildId":"Btkyb7T6TeYM9D2gUmiOv","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":[]}