# data[].attributes.headline
YES! There *IS* PRE-SESSION PREP THIS WEEK!

# data[].attributes.subject
YES! There *IS* PRE-SESSION PREP THIS WEEK!

# data[].attributes.body
1. Look at some examples of how both click-to-reveal hotspots and interactive markers are used.  *WE WILL NOT BE MAKING HOTSPOT QUIZZES OR DRAG & DROP INTERACTIONS.* Just hover or click to reveal more information.
2. Create a Storyline file with one slide for the hotspot interaction and another slide for the marker interaction. (Or create a separate file for each.)
3. On your slides, add the image(s) you would like to use for each interaction. You might choose a map for the marker interaction.

# data[].attributes.body
This was an eLearning Heroes Challenge; read about the interaction and see examples here.

# data[].attributes.attachment_link.readable_text
Tabs Interactions in E-Learning RECAP #199: Challenge | Recap

Sharon Gan

View project | Sharon Gan

Montse Anderson

Ashley Chiasson

Shahid Yakoob

Greta Petro

Sarah Hodge

Punam Parab

Lijun Cui

Ashi (Neha) Tandon

Paul Alders

Manon DI VOZZO

View project | Manon DI VOZZO

Dianne Hope

iDesign Gyan

View project | iDesign Gyan

Jodi Sansone

Trevor Peglowski

View project | Trevor Peglowski

Dianne Hope

Ryan Derber

Jessica Elle

View project | Jessica Elle

Jackie Van Nice

Jhoanna Daria

View project | Jhoanna Daria

Virginia Cooney

View project | Virginia Cooney

Mark Bennett

Josh Petermann

Tracy Carroll

View project | Learn more | Download | Tracy Carroll | Website | @1tracycarroll

Fareeza Marican

View project | Fareeza Marican

Melissa Milloway

Ridvan Saglam

Jodi Sansone

James Addoms

Nancy Woinoski

Alexander Salas

Holly Castellow

View project | Holly Castellow

Tania Nikolaeva

Gajalakshmi Chittibabu

View project | Gajalakshmi Chittibabu

Simon Blair

Chris Undery

View project | Chris Undery

Muhammad Bilal

View project | Muhammad Bilal

Alexander Salas

Aman Vohra

Louise Smith

Tracy Carroll

New to the E-Learning Challenges?

The weekly 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.

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. If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Share Your Tabs Navigation Examples and Downloads!

The 2018 tabs challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.

# data[].attributes.attachment_link.title
41 Examples of Tabs Menu Navigation in E-Learning #199

# data[].attributes.attachment_link.description
This week's challenge asked course designers to show how tabs interactions can be used in e-learning. As always, the examples were both creative and practical. Thanks so much to our first-time challengers: iDesign Gyan, Ryan Derber, Jhoanna Daria, Virginia Cooney, and Fareeza Marican! Thanks for sharing your work with the community!

# data[].attributes.body
1. Look at the examples.
2. Watch the videos.
3. Create a Storyline file with a slide containing just the tabs (or buttons, however you want it to look), and the main information/image area (see beginning of Part 1 video to see what you should have to start off with).

# data[].attributes.body
Example/Template 1 & 2
More examples from Articulate's website

# data[].attributes.body
Part 1 | Part 2

# data[].attributes.body
In case you didn't make it!

# data[].attributes.body
Jill Davidian is inviting you to a scheduled Zoom meeting.

Topic: Interaction of the Week
Jan 27, 2021 05:00 PM
Feb 3, 2021 05:00 PM
Feb 10, 2021 05:00 PM
Feb 17, 2021 05:00 PM
Feb 24, 2021 05:00 PM
Mar 3, 2021 05:00 PM
Mar 10, 2021 05:00 PM
Mar 17, 2021 05:00 PM
Mar 24, 2021 05:00 PM
Mar 31, 2021 05:00 PM
Apr 7, 2021 05:00 PM
Apr 14, 2021 05:00 PM
Apr 21, 2021 05:00 PM
Apr 28, 2021 05:00 PM
Please download and import the following iCalendar (.ics) files to your calendar system.
Weekly: https://us02web.zoom.us/meeting/tZYodOihrTIqEtA2JUyHeBnIy55HwYUyWqhp/ics?icsToken=98tyKuGqqzgrE9ecsBGDRpwQGYjCd_Pztlhfj7d8zjXQGghWQA3fL7cXGqVGJcHn

Join Zoom Meeting
https://us02web.zoom.us/j/82531939084

Meeting ID: 825 3193 9084

# data[].attributes.body
https://coolors.co/
https://www.pantone.com/color-finder
https://www.pantone.com/color-finder

# data[].attributes.body
This was an eLearning Heroes Challenge; read about the interaction and see examples here.

# data[].attributes.attachment_link.readable_text
Accordion Interactions in E-Learning #227: Challenge | Recap

Accordion interactions are a great way to group a large amount of related content into single slide. Similar to tabs interactions, accordions let users explore content using vertical or horizontal layouts.

Accordions can be used to progressively reveal bullet points, quiz questions, module introductions, and summary slides. They're super flexible and they're what this week's challenge is all about!

6-Tab Animated Accordion

Here's a free template to get you started this week. Using motion paths and a variable, this template animates the opening and closing of the tab buttons.

View the project | Download the template

Challenge of the Week

This week, your challenge is to share an example that demonstrates how accordion interactions can be used in e-learning.

NOTE: Your entry can be anything from a rough concept to a polished example. The challenges are open to everyone, regardless of experience or skill level. If you need technical or creative help with your project, please ask in our forums and reference the challenge number you're working on.

New Entries Only!

We hosted the first accordion challenge two years ago. To keep things fresh, we're asking that you share only new examples this week. You're more than welcome to re-work a previous example.

Last Week's Challenge:

Before toggle over to this week's challenge, make some time to check out the interactive timelines your fellow community members shared over the past week:

Zooming and Magnifying Techniques #226: Challenge | Recap

Wishing you a great week, E-Learning Heroes!

New to the E-Learning Challenges?

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.

# data[].attributes.attachment_link.title
Common E-Learning Interactions: Accordions (2019) #227

# data[].attributes.attachment_link.description
Accordion Interactions in E-Learning #227: Challenge | Recap Accordion interactions are a great way to group a large amount of related content into single slide. Similar to tabs interactions, accordions let users explore content using vertical or horizontal layouts. Accordions can be used to progressively reveal bullet points, quiz questions, module introductions, and summary slides.

# data[].attributes.body
1. Look at the examples.
2. Watch the videos.
3. Please have a blank Storyline slide ready to go! This one is more complicated than last week. While it starts from a blank slide (the video), it will take longer than last week's interaction.

# data[].attributes.body
This is an example you can download to use as a template, or to analyze and study how it's done!
- More examples are here.
- Still more are here!

# data[].attributes.attachment_link.title
Storyline 360: Animated Tabs Accordion Interaction

# data[].attributes.attachment_link.description
This six-tab accordion interaction uses motion paths and a variable to animate the opening and closing of each tab. View the project in action

# data[].attributes.body
Mark Spermon video (16+ min)

# data[].attributes.body
https://us02web.zoom.us/j/82531939084

# data[].attributes.body
https://www.4-pt.co.uk/2016/10/05/free-grid-accordion-storyline-2-download/

# data[].attributes.body
Here's how I mapped out my thought process for what I think is a 60-trigger interaction.  It was helpful in troubleshooting and to ensure I had created all the necessary layers and triggers.  Not sure if there is an easier way to do it, but it was a good learning experience!

# data[].attributes.headline
I did a COMPLETE accordion interraction!

# data[].attributes.subject
I did a COMPLETE accordion interraction!

# data[].attributes.body
Hi all, I became a little obsessed  to see if I could make all the possible accordion movements work : )

# data[].attributes.attachment_link.title
Gather and Share Stakeholder Feedback on E-Learning Courses - Review 360

# data[].attributes.attachment_link.description
Collect consolidated feedback from stakeholders on interactive training courses built with Storyline 360 and Rise 360.

# data[].attributes.body
This was an eLearning Heroes Challenge; read about the interaction and see examples here.

# data[].attributes.attachment_link.readable_text
Checklist Interactions in E-Learning RECAP #291: Challenge | Recap

This week's challenge asked course designers to share creative ways to include checklist and to-do interactions in e-learning.

Christine Belzie

Example | Christine Belzie

Ashanti Henderson

Example | Ashanti Henderson

Shannon Pittman-Price

Aisha Thornton

Example | Aisha Thornton

Blanche Allen

Philippe Mekal

Teo Puiu

Mykhaylo Zakryzhevskyy

Example | Mykhaylo Zakryzhevskyy

Jonathan Hill

Taylor Allan

Kimberly Eng

Jen Edgerton

Vijay Kartha

Ahmed Saad

Phil Mayor

Jodi Sansone

Nick Russell

Kelly Cooke

Penelope Jantz

Example | Penelope Jantz

Brian Cho

Katelin Jordan

Example | Katelin Jordan

Ang CM

Ana Cecilia Delgado

Carrie Gauthier

Example | Carrie Gauthier

Craig Agnew

Sunet Sullivan

Molly Fisher

Alex Jinca

James Aird

Phil Mayor

Rema Merrick

Kristi Oliva

Aman Vohra

Ron Katz

Vanessa Alzate

Example | Vanessa Alzate

Ridvan Saglam

New to the E-Learning Challenges?

The weekly 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.

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.

If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness.

Share Your Checklist Examples!

The checklist challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.

# data[].attributes.attachment_link.title
37 Examples of Checklists and To-Do Interactions in E-Learning #291

# data[].attributes.attachment_link.description
Checklist Interactions in E-Learning RECAP #291: Challenge | Recap This week's challenge asked course designers to share creative ways to include checklist and to-do interactions in e-learning. Example | Christine Belzie Example | Ashanti Henderson Example | Aisha Thornton Example | Mykhaylo Zakryzhevskyy Example | Penelope Jantz Example | Katelin Jordan Example | Carrie Gauthier Example | Vanessa Alzate The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios.

# data[].attributes.body
1. Look at the examples.
2. Watch the videos.
3. Please have a blank Storyline slide ready to go! We will spend a few minutes together at the start setting up a basic slide design for the checklist interaction.

# data[].attributes.body
There are several downloadable examples on the eLearning Heroes Recap page for this challenge. But they are more involved by a long shot than the one we will build.
#goals

# data[].attributes.attachment_link.readable_text
Checklist Interactions in E-Learning RECAP #291: Challenge | Recap

This week's challenge asked course designers to share creative ways to include checklist and to-do interactions in e-learning.

Christine Belzie

Example | Christine Belzie

Ashanti Henderson

Example | Ashanti Henderson

Shannon Pittman-Price

Aisha Thornton

Example | Aisha Thornton

Blanche Allen

Philippe Mekal

Teo Puiu

Mykhaylo Zakryzhevskyy

Example | Mykhaylo Zakryzhevskyy

Jonathan Hill

Taylor Allan

Kimberly Eng

Jen Edgerton

Vijay Kartha

Ahmed Saad

Phil Mayor

Jodi Sansone

Nick Russell

Kelly Cooke

Penelope Jantz

Example | Penelope Jantz

Brian Cho

Katelin Jordan

Example | Katelin Jordan

Ang CM

Ana Cecilia Delgado

Carrie Gauthier

Example | Carrie Gauthier

Craig Agnew

Sunet Sullivan

Molly Fisher

Alex Jinca

James Aird

Phil Mayor

Rema Merrick

Kristi Oliva

Aman Vohra

Ron Katz

Vanessa Alzate

Example | Vanessa Alzate

Ridvan Saglam

New to the E-Learning Challenges?

The weekly 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.

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.

If you share your demos on Twitter, please include #ELHChallenge so your tweeps can track your e-learning coolness.

Share Your Checklist Examples!

The checklist challenge is still open! If you have one or more ideas you'd like to share, please jump over to the original challenge and post your links in the comments section. I'll update this recap page to include your examples.

# data[].attributes.attachment_link.title
37 Examples of Checklists and To-Do Interactions in E-Learning #291

# data[].attributes.attachment_link.description
Checklist Interactions in E-Learning RECAP #291: Challenge | Recap This week's challenge asked course designers to share creative ways to include checklist and to-do interactions in e-learning. Example | Christine Belzie Example | Ashanti Henderson Example | Aisha Thornton Example | Mykhaylo Zakryzhevskyy Example | Penelope Jantz Example | Katelin Jordan Example | Carrie Gauthier Example | Vanessa Alzate The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios.

# data[].attributes.body
...for the Interactive Checklist.
NOTE: We will use the (new since video published) built-in checkbox feature in Storyline to create and format the checkboxes and states. See step-by-step here: http://bit.ly/IOTW-chklst1. Then we will pick up the video at the two-minute mark (2:00).

# data[].attributes.attachment_link.title
Make a Checklist Interaction with Storyline in 5 Minutes or Less

# data[].attributes.body
...for the Next Button control (meaning: how to prevent learner from clicking next before all boxes are ticked on the checklist).

# data[].attributes.attachment_link.readable_text
In this Articulate Storyline tutorial, you'll learn how easy it is to require learners to click all on-slide objects before continuing to the next slide.

This type of requirement is in Storyline's sweet spot. Using basic states and triggers, you can easily evaluate which items were clicked and set conditions based on the learner's on-slide actions.

Related Templates

# data[].attributes.attachment_link.title
How To Make Learners Click and View All Items Before Continuing

# data[].attributes.attachment_link.description
In this Articulate Storyline tutorial, you'll learn how easy it is to require learners to click all on-slide objects before continuing to the next slide. This type of requirement is in Storyline's sweet spot. Using basic states and triggers, you can easily evaluate which items were clicked and set conditions based on the learner's on-slide actions.

# data[].attributes.body
(it's the same every week!)
https://us02web.zoom.us/j/82531939084

# data[].attributes.headline
Information about Click-to-Reveal Hotspots & Markers

# data[].attributes.subject
Information about Click-to-Reveal Hotspots & Markers

# data[].attributes.body
How can you use hotspots and markers to reveal information? Click to see examples on eLearning Heroes Challenges.
https://community.articulate.com/series/e-learning-challenges-complete-list/articles/using-hotspots-and-invisible-buttons-in-elearning

https://community.articulate.com/articles/labeled-graphic-interactions-in-elearning

# data[].attributes.body
Hotspot Interaction examples & downloads.
Marker Interaction examples & downloads.

# data[].attributes.body
Tutorial for Interactive Hotspots
Tutorial 1 for Markers
Tutorial 2 for Markers

# data[].attributes.body
(it's the same every week!)
https://us02web.zoom.us/j/82531939084

# data[].attributes.headline
 💫BONUS: Cool uses for interactive markers: https://www.youtube.com/watch?v=OWdV4kcznZE🌟  

# data[].attributes.subject
 💫BONUS: Cool uses for interactive markers: https://www.youtube.com/watch?v=OWdV4kcznZE🌟  

# data[].attributes.attachment_link.title
Articulate Storyline tutorial: Two ways to use markers to add contextual content

# data[].attributes.attachment_link.title
Articulate Storyline tutorial: Using markers to create a process interaction

# data[].attributes.headline
YES! There *IS* PRE-SESSION PREP THIS WEEK!

# data[].attributes.subject
YES! There *IS* PRE-SESSION PREP THIS WEEK!

# data[].attributes.body
1. Look at the two examples below that show one type/application of zoom regions in Storyline.
2. Create a Storyline file with one slide that contains either one image or several, where the goal is to have the learner be able to zoom in on the individual pictures or regions (if one picture).

# data[].attributes.body
Zooming, Example 1
Zooming, Example 2  (Ashi Tandon's example on this page)
^^^ Use these as models for your homework, please.)

Tooltips & Other Uses/Methods of Magnification:
Look at example #4 (by Jonathan Hill) on this page. Download and study it if you have time. The download link is beneath the project on the ELH Challenge page linked above; please note that it will download as a zipped file, so you will need to unzip it. Let's talk about how it was done!
Another good example of tooltips w/ magniication (but no download for this one).

# data[].attributes.body
(for zooming only)
Part 1
Part 2
Part 3
I have not been able to find a good tutorial on how do to magnified tooltips, hence the dissection and discussion for that part of this IOTW!

# data[].attributes.body
(it's the same every week!)
https://us02web.zoom.us/j/82531939084

# data[].attributes.headline
Articulate User Guide info on Zooming and Panning:

# data[].attributes.subject
Articulate User Guide info on Zooming and Panning:

# data[].attributes.body
Zooming
Panning

# data[].attributes.body
1. Look at the examples below to get ideas.
2. Create a Storyline file with one slide that contains a large resolution image that you want to have learners explore via magnification.
Ideas: a map, a diagram, a screenshot of a software program, a detailed image, etc.

# data[].attributes.headline
Information about Magnification, Tooltips, etc. 

# data[].attributes.subject
Information about Magnification, Tooltips, etc. 

# data[].attributes.body
There have been several ELH Challenges on this topic. Here are four (click on the Recap link on each page to see examples):

ELH #267 25 Examples of Interactive Screenshots in E-Learning

ELH #265 35 Ways to Use Tooltips as Performance Support in E-Learning

ELH #226 Image Zoom and Magnification Techniques in E-Learning

ELH #114 Zooming and Magnifying Images in E-Learning

# data[].attributes.body
There is no good tutorial for this, so I will be teaching! (Have popcorn ready.)

However, these two tutorials got me goin'!

How to create a magnifying glass effect (it uses PPT, but I just created in right in SL).

David Anderson reviews how to create magnified regions on layers.

# data[].attributes.body
In addition to the above examples, here are two you can download

Look at example #4 (by Jonathan Hill) on this page. Please note that it will download as a zipped file, so you will need to unzip it. How did he do that pokey finger animation? (I reached out on LinkedIn to ask!)

Here's an interesting example with multimedia on the callouts (and you can download it!).

# data[].attributes.body
(it's the same every week!)
https://us02web.zoom.us/j/82531939084

# data[].attributes.body
Download this if you'd like to allow the user to drag this over areas to magnify.

# data[].attributes.headline
Using Storyline for Software Simulation and Training

# data[].attributes.subject
Using Storyline for Software Simulation and Training

# data[].attributes.attachment_link.title
Create Screencasts and Software Simulations - E-Learning Heroes

# data[].attributes.attachment_link.description
In Storyline it's easy to create both screencast videos and interactive software simulations. In this tutorial we'll take a quick look at how to build software training, make edits, and enhance your instruction using the zoom screen feature. Before we get started let's review some screen recording basics.

# data[].attributes.headline
OK, so I miss giving homework. Here's yours!

# data[].attributes.subject
OK, so I miss giving homework. Here's yours!

# data[].attributes.body
1. Be sure to look at examples from the links below.
2. Create a slide with items to drag and your designated drop target(s).

# data[].attributes.headline
Information about Custom/Freeform Drag & Drop Interactions 

# data[].attributes.subject
Information about Custom/Freeform Drag & Drop Interactions 

# data[].attributes.body
There have been a couple ELH Challenges on this topic. Here are four (click on the Recap link on each page to see examples):

ELH #202: 63 Delightful Drag & Drop Interactions for eLearning Designers

ELH #21: 32 Creative Drag & Drop eLearning Examples

# data[].attributes.body
First we will watch a simple tutorial by Ashley Chiasson, then we will watch selections from an Articulate webinar on customizing drag & drop interactions.
Drag and Drop with Magnification!

# data[].attributes.body
Articulate User Guide on Freeform Questions
Articulate User Guide on Drag & Drop Questions
Articulate User Guide on Converting an Existing Slide to a Freeform Question

# data[].attributes.body
(it's the same every week!)
https://us02web.zoom.us/j/82531939084

# data[].attributes.attachment_link.title
Magnifying Interaction of the Week - fixed

# data[].attributes.headline
You didn't think there would be no homework, did you?

# data[].attributes.subject
You didn't think there would be no homework, did you?

# data[].attributes.body
1. Create a slide--or slides--where you want your learner to click on more than one correct answer. The answer options can be:
A) custom buttons (simplest option)
B) images or text options (e.g. pictures of animals, some of which are, say, vertebrates)
C) a photograph (on which you will define clickable regions for the correct answers),
D) If you want to test out button sets: you need more than one question, each of which has more than one answer choice--but only one correct answer for each question.

# data[].attributes.headline
Information about Custom/Freeform Pick Many Questions

# data[].attributes.subject
Information about Custom/Freeform Pick Many Questions

# data[].attributes.body
Storyline 360's freeform pick-many question behaves like a multiple-response question, but instead of using text as your answer choices, you can use objects—pictures, characters, shapes, buttons, and more.
I am sure these are used in many ELH Challenges, but after a couple hours of searching, I can only find tutorials, not examples. Please see the images below (from the tutorials) to get an idea of what the slides look like.

# data[].attributes.headline
Example of a slide that needs Button Sets

# data[].attributes.subject
Example of a slide that needs Button Sets

# data[].attributes.body
More than one mulitple-choice question per slide.

# data[].attributes.body
📽 First we will watch a simple tutorial by Ashley Chiasson, then we will review a version that is image-based, and finally we will watch a version that has multiple questions on one slide (and introduces button sets).
Ashley Chiasson's basic example
Articulate's photo-based example
Articulate's multiple question slide with button sets

# data[].attributes.body
Articulate's User Guide on Pick Many Questions
Articulate User Guide on Freeform Questions
Articulate Discussion on How to Alter Scoring for Freeform Pick Many Questions (more interesting than you'd think). If you want your user to get credit for picking *any* of the correct answers--rather than needing to pick *all* of the correct answers--check out these creative workarounds.

# data[].attributes.body
Simple tutorial with 2 use cases
Slightly more creative use + tutorial
Likert Scale (on one slide)
Interesting use of button sets to simplify a tab interaction
Another example of button set as means of simplification
Great example of what *should be* a button set (but isn't): user survey
One more good example of when to use button set

# data[].attributes.body
(it's the same every week!)
https://us02web.zoom.us/j/82531939084

# data[].attributes.body
This week we'll explore how to use interactive dials to let learners manipulate data, explore cause-and-effect relationships, and control other objects in the course.

There is no homework for this week's session, but a little mental prep can go a long way. Peruse the following links for an idea of different ways to use dials:

http://jackievannice.com/challenge_154_greenery/story_html5.html

https://community.articulate.com/download/storyline-monarch-metamorphosis-dial

https://community.articulate.com/download/storyline-dial-infographic

https://community.articulate.com/articles/using-interactive-dials-elearning

Step by step written instructions about things dial related can be found in the user guide:  https://community.articulate.com/series/articulate-storyline-360/articles/articulate-storyline-360-user-guide-how-to-work-with-dials

We'll follow along with this video, starting at around 1 minute: https://www.youtube.com/watch?v=-jaBkKe-1ow

If we have time, let's look at how to convert an object into a dial:
https://www.elearninglearning.com/articulate/communication/examples/?open-article-id=9179639&article-title=articulate-storyline--dial-up-interactivity-with-custom-dials&blog-domain=blogs.com&blog-title=the-logical-blog-by-iconlogic

As always, have Storyline up and ready to go. See you then!

# data[].attributes.body
I had to drop this here...

# data[].attributes.body
Here is the closest example of a text-based branching scenario that I could find. You can view and download the project.

NEW! A demo with scrolling messages plus a template download! (No branching ro scoring, though.)

NEW! Another demo. Not sure how the text variables are interpreted/scored. Any theories?

There is no one single tutorial for this, so below I am linking to various tutorials and other resources that address topics we will be covering in this IOTW.

# data[].attributes.body
Deconstructing/Rebuilding a message-based interaction (from Articulate Webinars)

Excellent tutorial (text-based) from Christy Tucker on branching/scored text-based courses

# data[].attributes.headline
Resources on designing for mobile/phone platforms

# data[].attributes.subject
Resources on designing for mobile/phone platforms

# data[].attributes.body
ELH #107: 50 Examples of Mobile Menus and Navigation in E-Learning

ELH #257: 27 Mobile Navigation Templates and Examples for E-Learning Designers

4 Tips For Making Your E-Learning Course Content Mobile-Friendly

Best Practices for Designing Mobile Learning Like a Pro

# data[].attributes.headline
Resources for Planning Branching Scenarios

# data[].attributes.subject
Resources for Planning Branching Scenarios

# data[].attributes.body
ELH Challenge #99: "How are you using branching scenarios?"

Tools to plan branching scenarios

Padlet is good for branching scenario planning!

Articulate Webinar on scored branching scenarios (great how-to video)

In-depth Articulate webinar on creating branching scenarios

Articulate Blog on the "CCC" (Challenges-Choices-Consequence) method of planning scored (or not) branching scenarios and another similar blog post from Articulate