A guide to HTML5 elearning authoring tools

You’ve probably heard: Flash is dead! Well, it will be by 2020 anyway. In its wake, HTML5 authoring has become the industry standard for L&D teams looking to produce modern, interactive and multi-device elearning. With the range of HTML5 authoring tools available on the market, how do you decide which one is right for your team? We take a look at 8 popular tools and suggest some questions to consider when doing your research.

HTML5-authoring-tool

First off, what exactly is HTML5 authoring?

HTML5 is today’s standardised language for structuring and presenting content on the web. When HTML5 first arrived on the scene, it was with the aim of better handling the latest multimedia formats.

There are tons of benefits to authoring elearning in HTML5, compared to the old school Flash, including:

  • The ability to create mobile-friendly learning content, so learners can engage with learning more flexibly and at the point of need
  • Increased interactivity of elearning courses, opening up opportunities for learning designers to produce more engaging experiences
  • Better handling of multimedia, such as audio and video
  • Easier (and cheaper) to maintain and keep up to date

When it comes to meeting the needs of the modern learner, HTML5 stands worlds apart from its not so flashy predecessor!

Which is the best HTML5 authoring tool for you?

Choosing a HTML5 authoring tool may seem like a difficult decision, but if you know the answers to the following questions you can quickly narrow down your options.

 Some questions to ask yourself:

Our number one piece of advice is to take a people-centered approach to choosing an HTML5 authoring tool. Work back from understanding your audience and how their personal goals align with your organization’s goals. Be mindful of how you will respect people’s time, measure impact and ensure your content is widely available. Then, create your own checklist based on these factors, to help you identify the tool that will help you best deliver on your vision.

8 popular HTML5 elearning authoring tools:

1. Elucidat

Elucidat is a cloud-based HTML5 authoring platform that helps you create, manage and measure modern elearning that delivers real-life impact.

elucidat

 Elucidat is great for:

  • Producing engaging, interactive and personalized learning experiences.
  • Ensuring learning content is mobile friendly and works on any device.
  • Reaching wider audiences with smart management of translated content and course variations, plus offering delivery of content to people outside of your LMS.
  • Using analytics dashboards to get insight into how your audience interacts with your content, identify how you can improve experiences and demonstrate ROI.
  • Efficient collaborative content production, allowing your team to focus on delivering better learning experiences rather frustrating authoring processes!
  • Getting great support and additional coaching to get to and stay at the forefront of modern elearning production.

 Elucidat’s drawbacks:

  • Elucidat is best suited to organizations who have thousands of people they need to support with elearning. The platform is designed to deliver great ROI for team’s producing content at scale. But, if you’re a small team or an individual looking to create a handful of courses for few hundred learners, then Elucidat’s platform is unlikely to be the best fit for you.

 Book a demo of Elucidat | Sign up for a free trial

 2. Adobe Captivate (2017)

Adobe Captivate 2017, more commonly referred to as ‘Captivate’ is the latest release from tech giant Adobe. The desktop-based HTML5 authoring platform requires a software download initially and is available on both Windows and Mac, encompassing a classic user-friendly PowerPoint interface.

captivate

 Captivate is great for:

  • Producing complex interactions.
  • Screen recording and simulations, which you can edit within the tool.
  • Any location-aware interactions (you can link to a device’s geolocation capability).
  • Interactivity in the output can recognize common mobile-device gestures (e.g, pinch and zoom, swipe).
  • Accelerometer-based interaction types.

 Captivate’s drawbacks:

  • Steep learning curve with limited support.
  • As a desktop based tool, you’re unable to collaborate easily when it comes to reviewing and authoring content.
  • Authoring decisions cannot be made per device, though you can view different screen sizes. And, not all elements would work on mobile devices, as high-level features are Flash-based.
  • Can be a painful process to update and maintain existing content.

3. Storyline

Articulate Storyline 360 is another HTML5 authoring tool, using a PowerPoint style, available as a software download for Windows desktops.

articulate storyline

 Storyline is great for:

  • Importing of (some) external multimedia content (like Powerpoints and PDFs).
  • Content designed for desktop view.
  • Themes pages and applying branding flexibly.
  • Customizable code if you have the skill to do so.
  • Good flexibility and control in terms of content output.
  • A commonly-used tool, so designers tend to have experience.
  • Very active online community.
  • Reasonably powerful test software simulation.

Storylines drawbacks:

  • Creating consistent branding across multiple authors (and so downloads).
  • Assets are not hosted centrally, which can slow down authoring.
  • Collaboration and content updates can be quite time consuming.
  • Not truly mobile responsive – it just shrinks the screen.
  • Don’t get new features and bug fixes instantly as it’s a desktop based tool.
  • Can be very expensive if you have a lot of authors.

 Get a more detailed look at Elucidat vs. Storyline and Captivate here.

 

 4. Gomo

Moving to cloud-based tools, Gomo is a HTML5 authoring tool that allows you to design web-style content.

gomo

 Gomo is great for:

  • Importing web content from Youtube, Google Maps and Twitter feeds.
  • Hosting content via the web, or offline with the Gomo app.
  • Authors with no coding experience – it has a drag and drop interface.
  • Producing responsive, mobile-friendly content.

Gomos drawbacks:

  • Not the most intuitive interface and because they don’t use a ‘What You See Is What You Get’ interface, you can’t see your changes in real-time.
  • Interactive templates are set in a two-column structure so creativity in design is limited.
  • Customization options may not be enough for creative visuals.

5. Lectora

 Like Storyline, Lectora Inspire is a Windows-based desktop authoring tool, although they have added a cloud-based version called Lectora Online which creates HTML5 content.

lectura

 Lectora is great for:

  • Screen recording or image editing (you can integrate with Camtasia and Snagit).
  • Flexibility of interactions.
  • Reviewing and commenting features using ReviewLink (only available in Lectora Online).
  • Getting free access to Elearning Brothers graphics libraries.

Lectora’s drawbacks:

  • Lectora offers outputs for both mobile and desktop view, but you have to choose which option you want to design in from the start.
  • To change aspects via the development interface you might require a good (third-party) graphics package.
  • Steep learning curve with limited support.
  • The interface is not particularly user-friendly.
  • Challenges with delivering content for multiple devices.

 6. Adapt Learning

As an open source elearning authoring tool, Adapt Learning is a popular tool with a range of capabilities to suit all levels of authoring skill. The tool works through regular updates, peer-reviewed and brought on by the community of users (tried and tested, of course!).

adapt

 Adapt is great for:

  • People with a small budget…it’s free!
  • If you’re a developer or have access to a developer, you can also use the (free) framework rather than the tool and create custom interactions/layouts, etc.
  • Creating custom layouts and interactions.
  • Producing fully responsive content that is accessible from any devices.

Adapts drawbacks:

  • Limitations of design choice (most Adapt courses will look the same due to the “blocky” layout).
  • The heavy coded background and guides can also make for a quite a large and slow downloading process.
  • A limited set of interactions.
  • Not cloud-based and can take a while to install.

7. Easygenerator

Easygenerator is a cloud-based elearning platform which has been around since 2014.

A guide to HTML5 elearning authoring tools

 Easygenerator is great for:

  • Authors who are just starting out building elearning content – no coding necessary!
  • Mobile-friendly responsive design using ‘Next-Gen Authoring’ feature.
  • Fully SCORM and Tin-Can compliant content, guaranteeing compatibility with most Learning Management Systems.

 Easygenerator’s drawbacks:

  • Not every question type and interaction available is fully optimized for multiple devices (Capterra: https://www.capterra.com/p/129281/Easygenerator/).
  • Limited features – although the team are also open to hear suggestions and release updates based on clients needs.
  • Restrictions on question types/quizzes to certain pricing plans.
  • A word limit on many of the long-form questions.

8. iSpring Suite

iSpring Suite is an impressive HTML5 elearning toolkit that can take your existing Powerpoint content and turn them into elearning courses.

ispring suite

 iSpring Suite is great for:

  • Creating mobile-ready courses which support simulations, video, and a full range of assessments.
  • Create video lectures using voice over or synchronized sound.
  • It’s Content Library, which allows authors to access templates, course media like pictures and background, and themes.
  • Screencast recording.

 iSpring drawbacks:

  • The full range of tools might also be a little daunting as each of these functions comes as separate tools and packages.
  • Some features/add-ons are blocked by price walls.

Looking for more tools to compare? Take a look at the Elearning Industry directory for more html5 authoring tools and reviews.

To make your decision, we recommend:

  1.  Creating a checklist – what are your must haves and your nice to haves? You’ll quickly be able to get a shortlist by using this.
  2. Speaking to some providers – start with a short conversation to see whether they’re going to be able to help and then book in a demonstration (if they know what you’re looking to achieve they won’t waste your time showing you irrelevant features!).
  3. Taking out a free trial. Make sure to check there are no hidden features between the paid and free versions. We’d always recommend speaking to the provider to help you make the most of your trial.
  4. Check out the reviews and case studies. Look at independent review sites like Capterra and Elearning Industry.
  5. Ask about support. Some tools offer live chat, phone support, community rooms to ask questions and even some Professional Training to get teams quickly up to scratch.
  6. Create a strong business case. Get your stakeholders on board, we’ve recommended some tips here.

Create-a-checklist

Final Thoughts

We’ve covered a lot of ground in this article, and you might have noticed there’s generally quite an overlap in the functions of the tools discussed. That being said, there are some key differences and nuances in each tool to suit any kind of authoring team.

 Overall, if you are thinking of prioritizing mobile-friendly elearning content in the coming year or even would just like to experiment with more interactions to generate engagement, choosing an HTML5 authoring tool sounds like the right move for you!

 So, what are you waiting for? Get started with a personalized demo of Elucidat!

Latest posts by Kerrianne Maloney (see all)

comments powered by Disqus

Deliver real-life impact with your elearning

people in 219 countries are already benefiting from learning created with Elucidat.

Book a Demonstration of Elucidat