Forum Discussion

hardinjenne's avatar
hardinjenne
Community Member
2 months ago

How Do You Optimize Interactive eLearning Content for Mobile Devices?

Hi everyone,

I’ve recently started exploring how to create interactive eLearning modules, and while working on a project, I faced a challenge optimizing the content for mobile users. It looks great on desktop but seems a bit clunky on smaller screens.

For context, my current project involves creating an informative guide for users to understand and navigate utility services better (it’s for a website about electricity bill inquiries). The target audience often uses mobile devices to access this kind of information, so ensuring a smooth experience is critical.

Here are a few things I’ve tried:

  • Adjusting slide dimensions for mobile
  • Simplifying interactions to avoid excessive scrolling
  • Testing on a variety of devices

Still, I feel like there’s more I can do to ensure it’s engaging and easy to use.

Does anyone have tips, best practices, or resources for designing mobile-friendly eLearning content in Articulate? How do you strike the right balance between interactivity and usability on small screens?

Looking forward to learning from this amazing community!

  • Hi hardinjenne which software are you using? Rise or Storyline?

    The short answer:

    • Rise = Mobile, Desktop, and Tablet (responsive/adaptive/no fixed aspect ratio)
    • Storyline = Desktop and Tablet (scale/fixed aspect ratio)

     

    Rise

    If developing content for mobile, then Rise is the recommended tool as it is responsive and is a tool that has been specifically design to adapt to all popular screen sizes. 

    Storyline

    Storyline is great for desktop and tablet, but is not suitable for mobile phones, as you will see the content "scales" rather than "adapts" to the screen size. This results in great looking font and button sizes for desktop and tablet, but tiny fonts and buttons for mobile. There is nothing you can really do about this, other than significantly increase your interface elements so that they are a good size for mobile. This results in huge fonts, buttons etc when viewing on desktop.