\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":273},"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:1143784":{"__typename":"BlogReplyMessage","id":"message:1143784","conversation":{"__ref":"Conversation:conversation:1143663"},"author":{"__ref":"User:user:921219"},"revisionNum":1,"uid":1143784,"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:1143784"},"parent":{"__ref":"BlogReplyMessage:message:1143695"},"body":"My real world activities mostly consist of lifting a coffee cup to my face, but I have vacation on the brain! One thing I wanted to focus on with this drag-and-drop was whether it could be accessed via keyboard and how I communicated that to learners. I'm so used to saying \"click\" and am trying to get in the habit of saying \"select\" for users who may not use a mouse. You should be able to either select the items you want to pack with your keyboard, or drag them into the suitcase.
https://360.articulate.com/review/content/46dbffc8-aef5-4531-a284-669398e78cc5/review ","body@stringLength":"786","rawBody":"My real world activities mostly consist of lifting a coffee cup to my face, but I have vacation on the brain! One thing I wanted to focus on with this drag-and-drop was whether it could be accessed via keyboard and how I communicated that to learners. I'm so used to saying \"click\" and am trying to get in the habit of saying \"select\" for users who may not use a mouse. You should be able to either select the items you want to pack with your keyboard, or drag them into the suitcase.
https://360.articulate.com/review/content/46dbffc8-aef5-4531-a284-669398e78cc5/review ","author":{"__ref":"User:user:951084"},"postTime":"2022-07-18T13:12:23.000-07:00","customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}},"repliesCount":1},"Revision:revision:1143784_1":{"__typename":"Revision","id":"revision:1143784_1","lastEditTime":"2022-07-21T22:39:29.000-07:00"},"QueryVariables:ReplyList:message:1143784:1":{"__typename":"QueryVariables","id":"ReplyList:message:1143784:1","value":{"id":"message:1143784","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-1744366564987":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/users/UserAvatar-1744366564987","value":{"altText":"{login}'s avatar","altTextGeneric":"User's avatar"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/ranks/UserRankLabel-1744366564987":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/ranks/UserRankLabel-1744366564987","value":{"altTitle":"Icon for {rankName} rank"},"localOverride":false},"CachedAsset:text:en_US-components/users/UserRegistrationDate-1744366564987":{"__typename":"CachedAsset","id":"text:en_US-components/users/UserRegistrationDate-1744366564987","value":{"noPrefix":"{date}","withPrefix":"Joined {date}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeAvatar-1744366564987":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeAvatar-1744366564987","value":{"altTitle":"Node avatar for {nodeTitle}"},"localOverride":false},"CachedAsset:text:en_US-shared/client/components/nodes/NodeDescription-1744366564987":{"__typename":"CachedAsset","id":"text:en_US-shared/client/components/nodes/NodeDescription-1744366564987","value":{"description":"{description}"},"localOverride":false},"CachedAsset:text:en_US-components/messages/ThreadedReplyList-1744366564987":{"__typename":"CachedAsset","id":"text:en_US-components/messages/ThreadedReplyList-1744366564987","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-1744366564987":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1744366564987","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":"1143784"},"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":[]}