\n
Drop-Down Menus in E-Learning #328: Challenge | Recap
\n
Drop-down menus are a great way to consolidate navigational elements when slide space is limited. They come in all shapes, sizes, and design styles. But drop-down menus aren’t just for slide navigation. They’re an excellent addition to any e-learning toolkit. Some common uses include:
\n
\n- Slide navigation: Jump to another layer, slide, or scene using the menu’s sub-navigation links.
\n- Personalization: Choose from a list of options that personalize the course material for the learner.
\n- Quizzes: Select the correct choice, item, or phrase from a drop-down list of choices for vocabulary, language, and grammar interactions.
\n- Resources: Provide learners with slide-specific handouts, documents, job aids, and more.
\n
\n
To help kick off this week’s challenge, take a look at some creative drop-down menu examples course designers have shared in the community.
\n
Aman Vohra
\n
\n
View project | Learn more | Aman Vohra | Website
\n
Veronica Budnikas
\n
\n
View project | Learn more & download | Veronica Budnikas | @verobudnikas
\n
David Tait
\n
\n
View project | David Tait | Website | @4ptLtd
\n
Challenge of the Week
\n
This week, your challenge is to share an example of a drop-down, fly-out, or pop-up menu effect in e-learning.
\n
If you’re new to course development, try using the shared source files to help you get started. Don’t worry about how your menu looks as much as creating a functional example.
\n
For those course designers with a little more experience, think about sharing an example that demonstrates creative ways drop-down menus can be used in real-world projects.
\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
To help you navigate this week's challenge, check out the interactive slideshows and image galleries your fellow challengers shared over the past week:
\n
\n
Image Sliders and Photo Galleries #327: 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.
I was thinking layers too, but this project already had built-in layers for the close ups that needed to have all the others hidden--I couldn't figure out how to resolve that in the moment. My head couldn't get around it. That's what happens when you don't start clean with a new concept--you get tethered to the constraints. But I guess it worked. :)
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"203","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-05-31T11:56:57.000-07:00","lastPublishTime":"2021-05-31T11:56:57.000-07:00","metrics":{"__typename":"MessageMetrics","views":5},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1104998/message:1105034","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"CachedAsset:text:en_US-components/tags/TagView/TagViewChip-1743272490012":{"__typename":"CachedAsset","id":"text:en_US-components/tags/TagView/TagViewChip-1743272490012","value":{"tagLabelName":"Tag name {tagName}"},"localOverride":false},"QueryVariables:ReplyList:message:1105007:1":{"__typename":"QueryVariables","id":"ReplyList:message:1105007:1","value":{"id":"message:1105007","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}},"ModerationData:moderation_data:1105013":{"__typename":"ModerationData","id":"moderation_data:1105013","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1105013":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:1381051"},"id":"message:1105013","revisionNum":1,"uid":1105013,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1105007"},"conversation":{"__ref":"Conversation:conversation:1104998"},"subject":"Re: Using Drop-Down Menus in E-Learning #328","moderationData":{"__ref":"ModerationData:moderation_data:1105013"},"body":"Thanks for the laugh.
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"23","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-05-29T21:39:11.000-07:00","lastPublishTime":"2021-05-29T21:39:11.000-07:00","metrics":{"__typename":"MessageMetrics","views":4},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1104998/message:1105013","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}},"User:user:458212":{"__typename":"User","id":"user:458212","uid":458212,"login":"DorisChwist","biography":null,"registrationData":{"__typename":"RegistrationData","status":null,"registrationTime":"2016-11-15T06:45:49.000-08:00"},"deleted":false,"email":"","avatar":{"__typename":"UserAvatar","url":"https://api.articulate.com/id/v1/avatars/auth0|582b1f9c04120cbc4b1fcb62"},"rank":{"__ref":"Rank:rank:6"},"entityType":"USER","eventPath":"community:rwgqn69235/user:458212"},"ModerationData:moderation_data:1105064":{"__typename":"ModerationData","id":"moderation_data:1105064","status":"APPROVED","rejectReason":null,"isReportedAbuse":false,"rejectUser":null,"rejectTime":null,"rejectActorType":null},"BlogReplyMessage:message:1105064":{"__typename":"BlogReplyMessage","author":{"__ref":"User:user:458212"},"id":"message:1105064","revisionNum":1,"uid":1105064,"depth":3,"hasGivenKudo":false,"subscribed":false,"board":{"__ref":"Blog:board:e-learning-challenges"},"parent":{"__ref":"BlogReplyMessage:message:1105007"},"conversation":{"__ref":"Conversation:conversation:1104998"},"subject":"Re: Using Drop-Down Menus in E-Learning #328","moderationData":{"__ref":"ModerationData:moderation_data:1105064"},"body":"Same... So clever!
","body@stripHtml({\"removeProcessingText\":false,\"removeSpoilerMarkup\":false,\"removeTocMarkup\":false,\"truncateLength\":200})@stringLength":"21","kudosSumWeight":0,"repliesCount":0,"postTime":"2021-06-03T09:07:29.000-07:00","lastPublishTime":"2021-06-03T09:07:29.000-07:00","metrics":{"__typename":"MessageMetrics","views":0},"visibilityScope":"PUBLIC","placeholder":false,"originalMessageForPlaceholder":null,"entityType":"BLOG_REPLY","eventPath":"category:e-learning-challenges-and-recaps/category:learn/community:rwgqn69235board:e-learning-challenges/message:1104998/message:1105064","replies":{"__typename":"MessageConnection","pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null},"edges":[]},"customFields":[],"attachments":{"__typename":"AttachmentConnection","edges":[],"pageInfo":{"__typename":"PageInfo","hasNextPage":false,"endCursor":null,"hasPreviousPage":false,"startCursor":null}}}}}},"page":"/blogs/BlogMessagePage/BlogMessagePage","query":{"boardId":"e-learning-challenges","messageSubject":"using-drop-down-menus-in-e-learning-328","messageId":"1104998","replyId":"1105007"},"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","../shared/client/components/common/List/UnstyledList/UnstyledList.tsx","./components/messages/MessageView/MessageView.tsx"],"appGip":true,"scriptLoader":[]}
