Articulate Storyline HTML5 Tips

This post is a translation from the article that was published by the Dutch re-seller of Articulate software: The Courseware Company. In that post they shared some tips for publishing for HTML5 using Articulate Storyline.

A lot of e-learning content is not only developed in Flash but also in HTML5. When developing HTML5 content you need to be aware that HTML5 is fairly new and remains a ‘moving target’. Even though the HTML5 output of Articulate Storyline gets better every new release there are some things that require your attention. The tips below have an effect on the quality as well as the speed of the HTML5 output. Some of the tips are specifically for Android or iOS. Remember though that HTML5 support differs per device, per operating system (OS) and OS version, browser type and version. This applies to desktop/laptops as well.

Testing

  • Test, test and test some more DURING the design phase (applies to desktop as well)
  • Test the output on a webserver or Learning management system (LMS) instead of locally or within Articulate Storyline
  • When developing for an iOS or Android device test the output on that specific device
  • Android support for Storyline is new. Expect more testing
  • Don’t expect everything to run smoothly on ‘older’ devices like iPad 1 and 2
  • Avoid auto-start triggers when using audio or video, these are not supported in iOS
  • Always use the latest software update for Articulate Storyline

Design

When developing for HTML5 keep the design as simple as possible.

  • Use slide masters where possible
  • Limit the amount of triggers
  • Limit the amount of layers
  • Limit the amount of variables
  • Limit the amount of images, video and audio
  • Keep the file size as low as possible

Content

  • Convert all videos to MP4, ideally before adding them to your project so you can optimize the video resolution to fit your project.
  • Convert all images to PNG or JPG, whatever gives you the smallest file size. PNG is great for screenshots and illustrations while JPG generally does well with pictures
  • Be mindful of the use of variables in text boxes. The text layout and font size may differ after publication
  • Try to spread your content in smaller scenes as the loading time increases when using large scenes

Thought’s, comments or additional tips? Share them below.

Articulate Studio en Storyline dagen 2014 een groot succes!

Als je geluk had was je erbij en heb je kunnen genieten van de geweldige presentaties en groepsdiscussies op de 3e Nederlandse Articulate gebruikersdagen. Ook het netwerken onder het genot van een hapje en drankje was weer bijzonder succesvol. Zoals elk jaar werden we vriendelijk verzocht het pand te verlaten omdat de medewerkers gingen afsluiten. Altijd een goed teken! 

De Articulate gebruikersdag is inmiddels een begrip onder alle Articulate gebruikers in Nederland. Door de overdonderende interesse van vorig jaar hadden Coen Flach en ik besloten om voor twee dagen te gaan dit jaar. En wat denk je… ook dit jaar was het weer dringen om erbij te kunnen zijn. De Storyline dag was in een oogwenk uitverkocht (85 personen) en ook de wachtlijst stond helemaal vol, De Articulate Studio dag was, met ruim 50 deelnemers, ook erg goed bezocht. Hieronder vind je een korte samenvatting en kun je alle presentaties downloaden. Mocht je nog vragen hebben neem dan direct contact op met de presentatoren.

Articulate Studio Dag

Han EllenbroekSpraakopnames In Studio’13

Han opent de Articulate Studio dag met een presentatie over spraakopnames. Al snel blijkt dat Han een echte deskundige is als hij praat over de optimale materialen die je nodig hebt om perfecte opnames te maken, hele mobile opname studio’s passeren de revue. Ook praat hij over het gebruik van verschillende microfoon types en de voor- en nadelen van dergelijke verschillende types. Han coached mensen die geluidsopnames moeten maken en een gelukkige vrijwilliger mocht de proef op de som nemen. Na de tips van Han was de 2e opname inderdaad al een stuk beter. Een leuk begin van de dag!

Paul Alders – Maak Je Eigen Transitions Voor Articulate Replay

Paul sprak over het maken van eigen video transities voor Articulate Replay, de nieuwste aanwinst in de Studio’13 suite. Door specifieke frames van de door hem opgenomen video op te slaan als foto kon hij deze in PowerPoint slides plaatsen en daar bijvoorbeeld tekst in laten vliegen. Dit sloeg hij dan weer op in PowerPoint als video (.wmv). Deze video opende in Replay naast zijn bestaande video en doordat hij de oorspronkelijke video in tweeën had geknipt kon hij zijn zelf gemaakte PowerPoint video er zo tussen plaatsen. Na het publiceren was er een naadloos effect. Erg creatief en het laat zien waar PowerPoint allemaal toe in staat is!

Irene Cusell – Showcase Organisation For The Prohibition Of Chemical Weapons

Irene liet een aantal modules zien die ze voor haar werk gemaakt had. Ze was erg benieuwd wat mensen er van vonden aangezien ze met enorm weinig middelen trainingen moet maken voor haar collega’s die constant de hele wereld over reizen. Er ontstond een leuke open discussie met het publiek en er klonken veel geluiden van herkenbaarheid. Het leuke was dat de leercurve van Irene goed zichtbaar was en elke module die ze maakte een beetje beter werd. Er kwamen veel goede tips, zoals het werken met templates en de kant-en-klare downloads uit de Articulate e-learning heroes community.

David Anderson – E-learning Heroes Workshop en Demo’s

Toen was het de beurt van David Anderson, Community manager bij Articulate, voor wat interessante en interactieve workshops o.a over Visual Design. Er werden groepjes gemaakt en we gingen aan de slag met het mindmappen van elementen die bij een type cursus hoorde van een onderwerp dat willekeurig in de zaal genoemd werd. Erg leuk en de geluiden uit de zaal waren erg positief. Zo’n simpele maar effectieve oefening. Naast een tweetal interactieve sessies was er ook ruimte voor veel creatieve voorbeelden en liet David zien hoe eenvoudig deze waren te maken, zelfs met PowerPoint!

Na Davids sessies, die werden onderbroken door een gezellige lunch, was het aan mij om een tweetal boeken te verloten die beschikbaar waren gesteld door Tim Slade van eLearning Uncovered en Artisan eLearning. Twee geluksvogels gingen dankzij de random verloting ieder met een prachtig boek naar huis.

Joannet Van Apeldoorn en Léonne TuithofElearning Didactiek (Prezi)

Daarna weer door; dit keer niet een Articulate specifiek onderwerp maar Joannet en Léonne van TriamFloat die ons allemaal door de analyse fase van het proces namen om te onderzoeken of training wel de juiste oplossing is en als dat zo is waar die training dan allemaal aan moet voldoen om, meetbaar, effectief te zijn. Ze presenteerden dit aan de hand van een gestrikte stropdas wat een mooie analogie bleek voor het voortraject dat we allemaal zouden moeten doorlopen maar niet altijd doen.

Jeff Kortenbosch5 Tips Voor Het Maken Van Interactieve E-learning Met Powerpoint

Toen was het weer tijd om terug te duiken in de materie. Ik gaf een presentatie over vijf manieren om met PowerPoint professionele interacties te maken. Enigszins opgejaagd door Coen Flach, die de tijd van de presentatoren in de gaten hield, (bedankt Coen) liet ik zien hoe je een eigen Scrollbar, een Lightbox, een Tab Interactie, Markers en een Scenario interactie kunt maken. Dit alles werd enorm goed ontvangen door het publiek en ik kreeg zelfs de vraag wanneer mijn boek uitkomt (meer daarover binnenkort).

Rene KoppesHtml5 Tips En Trucs

Als dagafsluiter bracht René ons op de hoogste van de voor- en nadelen van het gebruik van HTML5. Hij vertelde dat er nog aardig wat haken en ogen zaten aan het publiceren voor HTML5 en hij had een mooi lijstje gemaakt met wat wel en niet te doen.

Na de afsluiting door Coen Flach van Courseware was het tijd voor het naborrelen en netwerken.

Articulate Storyline Dag

Martin IJzermanVariabelen In Articulate Storyline

Martin begon de 2e dag, die geheel in het teken van Articulate Storyline stond, met een sessie over variabelen. Gedreven door zijn droom om in een tropisch oord op het strand te liggen met een heerlijke cocktail, genietend van wat hoelameisjes was hij jaren geleden begonnen e-learning te ontwikkelen onder het motto: Alles is te automatiseren. Hij begon rustig en legde het publiek uit wat een variabele nu eigenlijk is en hoe het allemaal werkt. Al snel bleek dat Martin grootse plannen had met zijn ‘automatisering’ en kwam hij met een prachtig vierkwadranten model op de proppen, waarin op basis van variabelen gevuld door een reeks toetsvragen, een medewerker en of leidinggevende zichzelf kon beoordelen. Zo complexe materie, op de vroege ochtend. Hij legde ons helemaal uit hoe het werkte en ik was bijzonder onder de indruk van de logica achter het model. Toen hij vertelde dat hij er al meer als een jaar mee bezig was viel een en ander wel op zijn plaats. Wat een hoop werk. Zijn conclusie was dan ook:”Je kunt alles automatiseren, maar niets gaat vanzelf…”. Zijn hoelameisjes droom had hij maar op de lange baan geschoven.

Dennis MooldijkInzet Storyline Bij T-Mobile

Dennis van T-Mobile gaf ons een kijkje in de keuken van de T-Mobile Academy. Hier had met de komst van Articulate Storyline een hele cultuuromslag plaats gevonden. Waar de doorloop tijd van het ontwikkelen van trainingen erg hoog was en de creatieve input van de leden van de T-Mobile Academy behoorlijk aan banden lag door de voorgeschreven procedures van het bedrijf maakte Storyline het mogelijk dat zij zelf aan de slag gingen en niet het hele proces hoefde uit te besteden. Nu maken zij creatieve e-learning die door de medewerkers enorm gewaardeerd wordt. Met doorlooptijden van 2 weken!! worden nu, met dank aan bijvoorbeeld de templates en voorbeelden van de e-learning heroes community, interactieve e-learning modules gemaakt en zijn ze zelfs aan het kijken hoe ze Gamification kunnen toepassen om hun verplichte content nog toegankelijker te maken. Een prachtig voorbeeld van hoe met Storyline een multinational als T-Mobile zijn medewerkers voorziet van de vereiste kennis en vaardigheden.

Tamara HoogerwaardFixed En Growth Mindset

Ook de tweede dag was er ruimte voor verdieping. Tamara van Savant Learning Partners nam ons mee in haar interesse voor de Fixed Mindset en de Growth Mindset. In een notendop stelde zij dat er mensen zijn die onkunde in bepaalde materie, inzet moeten leveren om iets nieuws te leren en fouten maken tijdens het leerproces als negatief ervaren, een zogeheten fixed mindset. ‘Ik kan wat ik kan.’. Daarnaast zijn er mensen met een tegenovergestelde mindset. Zij zien het leren van nieuwe dingen als iets positiefs en grijpen kansen aan om hun kennis en kunde te vergroten, het maken van fouten tijdens het leerproces is voor hen iets natuurlijks en is een positief leermoment. De hamvraag was: “Hoe kunnen we hier rekening mee houden als we e-learning ontwikkelen?”.  Iedereen werd verzocht zijn ideeën op een vel papier te schrijven en naar voren te gooien. Goede feedback geven was een veelgehoorde optie, een simpel voorbeeld zat hem al in de verwoording van feedback. Vaak word er uitgegaan van Correct en Incorrect maar wat als je nu in plaats van incorrect gebruik maakt van ‘Bijna goed’. Dit is een veel positievere insteek en kan op het simpelste niveau al bijdragen aan een beter leerresultaat voor mensen met een Fixed Mindset.

David Anderson – E-learning Heroes Workshop

Na een welverdiende koffie en thee pauze was het de beurt aan David. David merkte al snel dat het niveau van de Nederlandse Storyline gebruikers hoog lag toen hij was mooie maar eenvoudige tips en trucs liet zien inzake interactieve video. Niet voor een gat te vangen, switchte hij snel naar mooie voorbeelden die hij vaak tegenkomt in bijvoorbeeld de webdesign wereld. Hij liet voorbeelden zien van de New York Times en diverse andere grote kranten die bepaalde interacties over het actuele nieuws verwerkten in hun websites. Hoewel dit soort bedrijven mega-budgetten hebben liet hij ons zien hoe hij gebruikers in workshops dergelijke interacties liet namaken. Helaas zaten met zoveel deelnemers in de ruimte dat we geen plek hadden om zelf in groepen hier aan te werken. Iets om rekening mee te houden voor volgend jaar. Naast deze te gekke demo’s en voorbeelden van interacties nam hij ons ook mee op een minicursus instructioneel design en vormgeving. Een legio voorbeelden van ‘vreselijke’ e-learning modules passeerden de revue en we leerden de diverse onderdelen binnen deze voorbeelden te herkennen en herstructureren. Verbazingwekkend om te zien hoe je dingen kunt verbeteren door het toepassen van een consistente style guide, met standaard headings, body tekst en emphasis tekst ondersteund door een goed gekozen kleurpalet (waar je ook geen wizzkid voor hoeft te zijn met de huidige online tools).

Na Davids sessies, die ook vandaag weer werden onderbroken door een gezellige lunch, was het wederom aan mij om een tweetal boeken te verloten die beschikbaar waren gesteld door Tim Slade van eLearning Uncovered en Artisan eLearning. De spanning zat er goed in tijdens de random verloting en net zoals gister gingen er weer twee geluksvogels met een prachtig boek naar huis.

Eline UluStoryline En De Boonedam University

Na de boekuitreiking was het woord aan Eline Ulu van de Royal BoonEdam University. Eline vertelde over hun opzet waarin inhoudsdeskundigen en lokale trainers zelf online leermaterialen gingen maken. Na het aanschaffen van enkele licenties Articulate Storyline en het volgen van een training merkten ze dat er nog niet veel training ontwikkeld werd. Wat bleek, ondanks de gevolgde training was het moeten werken met een nieuw programma als Articulate Storyline toch wat intimiderend. Er werd gekeken naar een andere oplossing en die werd gevonden in het importeren van de PowerPoint slides in Articulate Storyline… echter dat liep ook niet geheel vlekkeloos. Uiteindelijk benaderde Eline Serious Learning. en samen kwamen zij tot de oplossing van het creëren van een PowerPoint template voor de inhoudsdeskundigen en lokale trainers, geoptimaliseerd voor het importeren in Storyline. Daarnaast werd er een identieke Storyline template gemaakt voor de definitieve conversie en voor trainingen die direct in Storyline gebouwd zouden worden. Dit werd aangevuld met een online training over hoe deze templates te gebruiken, gemaakt in diezelfde Storyline template zodat gebruikers gelijk het resultaat konden zien. het mooie van deze training was dat mensen in het begin een keuze konden maken in welke template ze gingen werken en dus altijd alleen de informatie kregen die voor hen van toepassing is. Inmiddels worden er al aardig wat trainingen gemaakt en is de BoonEdam University erg tevreden over de inzet van Articulate Storyline.

Paul Alders – Toepassing van Characters middels Popups en Triggers

Paul begon zijn verhaal met een recente klant ervaring: De personen waarmee hij om tafel zat hadden een dilemma; De een vond het gebruik van karakters in online training erg belangrijk en de ander kon er juist helemaal niets mee. Het was een interessante discussie die Paul in het Articulate forum ook onlangs had gezien. Ook in de zaal waren er uitgesproken meningen en voorkeuren. Het leverde een leuke discussie en wat goede vragen op. Uiteindelijk had Paul zijn klant een voorstel gedaan om karakters te gebruiken in de vorm van iconen. Deze iconen werden gebruikt in popup schermen die op diverse plekken in de e-learning module zaten. Paul demonstreerde hoe hij de popup schermen bouwde in Storyline door met behulp van triggers bepaalde layers aan te roepen. Een mooi compromis waarmee er toch een menselijke factor in de module zat zonder gebruik te maken van de vaak ‘standaard’ karakters die je in veel modules ziet én, heel belangrijk, een tevreden klant opleverde.

Lars Van Der PlankHet Onderste Uit De Kan?!

Als afsluiter van de dag sprak Lars van UMC Utrecht over het proces dat zij ingericht hadden om van (interne) klantvraag tot ontwerp en ontwikkeling te komen. Hij nam ons mee door de ontwikkeling die zij zelf als ontwikkelaars doormaakten aan de hand van wat mooie voorbeelden. Het leuke was dat Lars ook aangaf welke voor- en nadelen ze hadden ervaren bij de verschillende oplossingen waarvoor ze hadden gekozen. Zo hadden ze een voortgangsmeter ontwikkeld die precies bijhield hoeveel procent je had afgerond en welke pagina’s al waren bezocht dit zat weer weggestopt in een uitvouwbaar menu dat de gebruiker ten alle tijden kon raadplegen. Technisch een knap staaltje werk maar het leverde bij een gemiddelde module ruim 12.000 extra variabelen op met veel geheugenproblemen tijdens het afspelen van de module door de eindgebruiker. Je zou je kunnen afvragen of een voortgangsmeter zo precies moet zijn. Het zou natuurlijk zowiso niet een beperkende factor mogen zijn voor het uitvoeren van de training. Ook gamification was iets waarmee het UMC Utrecht al druk mee was en Lars toonde een indrukwekkende game die ze hadden ontwikkeld in Storyline 1 gebaseerd op de oude Adventure spellen van vroeger. Je verzamelde items die je meenam op verschillende uitdagingen door het ziekenhuis terwijl je diverse patiënten bezocht en een diagnose stelde. Een prachtig product dat laat zien wat je met een team van onderwijskundigen, vormgevers en ontwikkelaars kunt opzetten. Een inspirerende afsluiting van de dag!

Ook deze dag werd weer afgesloten door Coen en werd er weer goed na-geborreld. Terugkijkend op beidde dagen, de presentaties en de goede vragen van, en interactie met het publiek kan ik zeggen dat het een wederom een groot succes was! Heerlijk. Volgend jaar weer!

De Nederlandse Articulate Gebruikersdagen zijn een initiatief van Jeff Kortenbosch en worden georganiseerd door Jeff Kortenbosch (Sprekers en Social Marketing) en Coen Flach en Rachel Grandia van de Courseware Company (Marketing en Logistiek), de officiële leverancier van Articulate producten in de Benelux.

Closed captions in e-learning

View Demo Download SL1 file Download SL2 file

A while ago I was talking to a fellow developer and we discussed closed caption boxes for slides with voice-overs. The default Notes pane that you’ll find in Articulate Studio and Storyline might not be what you want to use as it doesn’t fit the design you’d want as naturally. Yet having the functionality of showing a learner what narration is being played on the slide can be desirable in some projects.

This may be rather obvious if you know there are people that are hard of hearing or deaf but less obvious if you take into account the fact that many organizations use open office spaces and, by default, do not supply headsets to their employees.

So, for your convenience, I quickly set up this example and decided to share it all of you.

If you like it or have any questions just let me know in the comments below.

Creating a ‘Digital’ magazine style for your e-learning

As you might know I’m a big fan of the weekly Articulate challenges. I don’t always have the time to participate in all but I always peek in and sometimes even park them for when I’ve got the time as the challenges are always open. In Challenge #58 you can get your creative juices flowing by creating a digital magazine style for e-learning modules that are more text based.

I create a lot of text based e-learning as, with global companies, audio playback can be an issue in open office spaces or in places where the computers simply do not have audio capabilities (yes, it happens more than you think.) In this case a magazine style can work really well. So what do you need to create a professional looking magazine style template? Here are some tips to get you started

Welcome to the grid

Magazine layouts vary a lot, from the basic 1-2-3 column setup to more creative layouts. You need to figure out which kind of layouts you want to use and which match your course design. Luckily there are tons of cool layouts available. The pro’s call these layouts a ‘Grid’. Check out this page with some pretty nice grids for your inspiration. Here’s another example. As you can see, the possibilities are endless and you just need to figure out what it is you want, and need. Tip! Don’t go all out when starting with this. If you’ve got 4-5 different layouts you’re good to go.

Color me purple

Okay, so you’ve got your grids covered. Now it’s time to come up with a design (note: you can also try to find some design inspiration first and adjust your grids to match). Now I’m a creative guy but that does not mean I go about reinventing the wheel. Especially with so many cool wheels available to me. What I love to do for design inspiration is search Pinterest and Google images. While searching with the keywords ‘magazine’, ‘layout’ and ‘grid’ I found some really cool designs that could work like a charm when setting up an amazing magazine layout. Check out this, this and this. Oh and don’t forget this one.

As you can see, again, it’s all out there. Now you just have to put it together.

I click so I exist…

Okay that’s not exactly true but now that you’ve got your grids and design inspiration you want to consider what kind of interactivity you want to add. The basic ones are playing back some audio, (e.g. a mechanics course where you can recognize technical issues by listing to the car: playing the sound of a car with a hole in the tail pipe), clicking a still image to start a video (in that same place or enlarging it to a lightbox or full size video), you can use an image slider and some click and reveal interactions to show ‘more’ relevant content. There are plenty of cool videos on YouTube about online magazines and apps that can help you with some inspiration.

Another cool but (slightly) more advanced interaction you could add is a slider interaction. Stuff like a 360 image view or interactive graphs are easily done in Storyline 2 and can really bring that special something to your course.

Whoa!

If you really want to go that extra mile add some animations and transitions. Again, don’t go overboard here select a few and use them consistently. Tim Slade uses some nice yet simple animations and transitions in the example he submitted for this challenge. Or check out this example Melissa Milloway submitted. Pretty schweet right?!

Now go ahead… go play!

 

 

Adding a video presenter to Articulate Storyline

 

View Presenter video demoDownload prepared .story file

A while ago I did a demo for an Articulate Challenge on using characters in e-learning where I added a presenter video to the course (also referred to as ‘talking head’ video). I think this is a great way add a human touch to online training and give the learner someone to connect with while going through the content. The success of MOOCs (massive online open courses) which use mainly video lectures are a great example of  successful presenter video.

The demo I created was built in Articulate Studio which has a default feature to add video to the course player. Unfortunately for Articulate Storyline users this is not a default feature for the Storyline player. Luckily you can create something like this fairly easy. As with most things there are many different ways to this and I show you just one of the ways to make this happen.

Making some choices before getting started

Before we start adding video to the slide in Storyline you need to think about the consequences of adding a presenter video, how does it affect your layout, what size does my slide need to be… stuff like that.

If you take a look at a default Storyline slide you’ll see it has a 4:3 format (720×540 pixels). When you turn on the menu, on the left or right hand of the slide, via the player options you’ll get a 16:9 format (960×540). What you want to do is emulate that sidebar without using the actual player side bar. So here’s what you need to do:

  1. Change the size of your slide from 720×540 to 960×540 (Design tab > Storysize)
  2. Add a rectangular shape to you slide and size it 260×540 and align it top-left or top-right (depending on where you want the sidebar)

You should end up with something that looks like this:

sidebar

As you can see you’ve now created a sidebar without sacrificing your content area would you use a default 4:3 format.

The rest is simple. Record or add existing video via Insert> Video, re-size it (max width 260 px) to fit the sidebar area and, if you prefer, remove rectangle place holder sidebar.

That’s it.

For the lazy ones among us you can also download a prepared .story file with the sidebar right here.

Add a knowledge check to your video

It’s a great time to be working in the online learning industry. Technology has never been more accessible and things that would cost you an arm and a leg in the past are things you often can do yourself these days. Take video for example; recording, editing and publishing video materials is a breeze and that makes it super as a media asset in your learning solutions.

The thing is, that by default, video is quite static. You can only watch it, not interact with it. Luckily with Articulate Storyline you can add content on top of your video at specific moments in time having additional content appear making the ‘just video’ an even richer experience (when done correctly off course). You can choose to have users interact with the video to show additional content or choose to show it when you deem it valuable.

Recently I was taking a Coursera course, which, as you might know, is mainly video content with additional assignments. During the video lecture they had little knowledge checks pop up, pausing the video and forcing you to think about the content that had just been shared with you, or was about to be shared. This is a very simple but effective way to get you learner into action and to stir their brain.

Luckily such techniques are not only available when you have a massive budget. You can easily build something like this in Articulate Storyline. Check out the video below to learn how! (Note there are many ways to do this, this is just an example)

There you have it. Simple and effective.

As you can imagine, you can use this for any type of video and, as I mentioned earlier, you can test knowledge you are about to share, triggering the user to think and perhaps, rethink their answer along the way or just test them after the delivery of the information.

Time-lapse video for dummies

View org. chart demoView time-lapse video

For a recent Articulate eLearning Heroes challenge I created an interactive org chart. Once I posted it I got a lot of positive reactions and questions asking me how I set it up. Inspired by a time-lapse video done by fellow Articulate Super Hero Tim Slade I set out to create my first time-lapse video.

So for those of you new to the term a time-lapse video, simply put, is basically a video put on fast forward. So a video of sunrise to sundown displayed in 3 minutes would be called a time-lapse. You might have seen such a thing on tv or in a movie. The same principle can obviously be applied to a software instruction or demonstration video as well.

So what kind of tools do you need to this, I wondered. I need something to record my screen so I can create a record me building the interactive org chart. I need a video editing tool that can fast-forward my video and add some up-tempo music to accompany the video and a place to host my video to share it with the world.

Recording your video

Now I’m lucky to have Articulate Replay, a super simple yet powerful screen recording tool but there are quite a few other options out there. There’s SCREENR.com where you can record 5 minute videos, which you can download to your local machine, as well as other software programs you can use to capture what is happening on screen. As I said I started Articulate Replay, pressed the record screen button and started recording the video without audio. After 21 minutes I was done and published the video to mp4 format.

Editing your video

moviemakerUnfortunately I did not have any video editing software on my pc and did not want to spend any money on it so a quick google search led me to Microsoft Movie Maker, a free software tool that allows me to edit videos, Yeah!

I basically opened my video in Movie Maker and clicked the Edit tab where I found the playback speed feature and played around with a different time settings and decided to go with 16x playback speed as I did not want my video to last much longer than 2 minutes and this turned out at 2:40 and seemed to play at a reasonable pace, viewers still being able to see what was happening. After that I added had to find some nice music to add to the video. I chose Pharell Williams – Happy, as it always makes me happy and has that up-tempo beat that works well with fast playing video (try adding some ballad and you’ll know what I mean). Again Movie Maker came to my aid as I could set the audio to fade in and out at the beginning and the end of the video and even assign at which time the audio should start (there was a 14 second intro in my mp3 file before the music actually started playing).

Shareing your video

With that all done I saved my video ‘for Youtube’ getting a high-resulotion mp4 file which I was able to upload to YouTube since I have a free account there. Obviously there are other ways to share your video like Vimeo, Instagram and Facebook. …And that’s it really, so go ahead and try it yourself!

 

My first podcast… Aaaarggh!!

Last week I did my first podcast. It was one of the weekly Articulate community challenges hosted by David Anderson. The mission, should we choose to accept it, was to record answers to interview questions and post them online. Now I do regular screencasts, which I enjoy a lot and most are done in one or two takes. So I figured doing a podcast would be easy-peasy.

…but it wasn’t. It took me hours to do and what feels like a gazillion takes!  So why was this so different from doing a screencast? It’s just answering questions and you’re not even recording your actions on screen together with your yourself on the webcam. By all accounts this should be simpler. This was the main thing on my mind after all those hours I spend trying, and failing, to create the podcast.

It was when I looked at my process it all became very clear to me. When I do a screencast I prepare some basic things, visuals for what I’m going to show, when recording myself I prepare the environment (remove the laundry hanging behind me and pushing all those boxes outside camera range) and that’s about it. I start recording and voila, the magic just happens. Now for the podcast I prepared my answers to the questions and I figured that was it. Record it and done… not so. For some reason ‘scripting’ myself is very unnatural. When I screencast I just start talking about what I’m doing and why without any kind of script. So working with a script made me over analyze… well everything really. Am I talking at a good tempo, how is my pronunciation, am I talking at a constant volume, am I keeping to my script, how’s the background noise, does it feel natural. All these question were going through my mind when I was recording… that and remembering to breathe!

I hadn’t guessed I could talk so much in a single breath, however after a little while it becomes increasingly difficult. #$%^!@ since when do I need to think to breathe??? Stop all this thinking!

So I sat back and stared at my laptop for a while and did nothing, trying to clear my mind and, when the frustration subsided, I tried again. I told myself no need to keep to the script exactly it was just preparation, you know the answers to these questions. Relax! It doesn’t need to be perfect.

I pressed the record button and just talked…

I wasn’t the only one participating in this challenge, check out the other contributions right here.

What’s in your e-learning utility belt?

As an instructional developer, elearning designer, or whatever you call what you do when you create online training, you run in a lot of cool tools that will make your life easier and make you into that super amazing elearning guru that your are… Collect them and create your very own Superhero-eLearning-Utility-Belt.

In this post I’ll share some of my favorite free tools with you!

http://office.live.com
The new free online version of Microsoft office. So much better than Google docs. I mostly use Word as I’ve got a paid version of MS office 2010 but it the ease of use of the new online office, connected to my Microsoft OneDrive really makes it easy to create, edit, store, print and share my documents when and wherever I need.

http://www.dropbox.com
What can I say, my professional life is in my dropbox. My software, my administration, source files. It’s all safely tucked away in my dropbox. My computer can crash a gazillion times (as windows machines do) all I need to do is install my dropbox client, leave on my pc for the night and I’m good to go!

http://www.bufferapp.com
Social media/marketing tool that allows me to buffer my tweets, linkedin and other social media posts in a way that I can go online post and retweet whatever I deem valuable and it automatically spreads the messages at optimal time intervals over the various media. Brilliant!

http://www.pinterest.com
Design inspiration finder… Just type in some keywords that relate to your course topic and the most beautiful images, infographics etc. will appear.

http://www.iconfinder.com
Search for a gazillion icons and icon themes. There’s even a ‘license free’ button. Super easy!

http://www.dafont.com
Need a new font for your project. Find it at DaFont. Be sure to keep things simple and clean. Don’t go overboard on all the mad fonts that you can find. The advanced search feature let’s you filter for license free fonts.

https://www.google.com/fonts/
Even better then DaFont, is google web fonts. I just love these clean fonts and so should you. They’re free and easy to use.

http://www.pixlr.com/editor
Super easy Photoshoplike online image editor. When I’m not using powerpoint to edit images and don’t have photoshop handy this is where I go.

http://colorschemedesigner.com/
Brilliant online tool to get some cool and complementary color schemes

https://creativemarket.com/ | http://www.webdesignerdepot.com/category/freebies/
Designer websites that offer freebies. You can get amazing stuff for free. Just download it and store it for whenever that project comes along that needs just that. I especially love backgrounds and UI examples.

http://community.articulate.com
How can we miss this one… The tutorials, the forums, the blogs, the downloads, the freebees from fellow Articulators… I would not be where I am today without this amazing community.

 

Death, Taxes, and E-Learning Mistakes

There are quite some mistakes to be made when you’re designing and developing e-learning. Here’s a list with 10 common mistakes that are easy to prevent or fix.

You don’t need a course.

Yep that’s right. A lot of courses are being developed that shouldn’t exist at all. Ask yourself: “What is the actual business need?”. Simply because there is a desire to build a course doesn’t mean there is a need for it. Is it the best and/or cheapest solution to solve the problem for which the training is requested? If not… don’t even go there.

Don’t just start… Prepare!

So you’ve assessed if a course is the best solution. If you want to make that course an effective and meaningful learning solution make sure you know all you need to do exactly that. What is the actual problem? What is the target audience? What has been tried already? What is going wrong now? How do we measure success? What is the budget? What platform(s) will the course be accessed on? Are there accessibility requirements? Is it something that will be translated into additional languages? Who are the stakeholders? These are just a few simple questions you absolutely need an answer to before you start doing anything.

Help your subject matter expert!

Eight out of ten times your SME will think everything they know about the topic is important. If you don’t help your SME to see the difference between vital practical information that will address the problem the most effective and efficient way and information overload you’ll end up developing an eBook instead of a course. Show them the power of real world examples and if need be how they can refer to ‘additional information’ e.g. via an additional resources page. My mantra when working with SME’s is: “Is this information absolutely required to meet our learning objective(s)?”.

Respect your learner!

Your learners are not complete idiots, so don’t treat them as such. Give them what they need and challenge them. If you want any kind of transfer of knowledge or skills you need to give them meaningful information and activities.That way the learner has to work for his newly acquired skills and will experience a sense of accomplishment when they finish a task. Anything else will be perceived as boring and will have little to no effect.

These four are big ones but relatively easy to prevent or fix.
Now let’s take a look at some very practical design mistakes.

If they cannot navigate, they won’t.

Keep your course navigation simple and consistent. Do not try to be clever simply because you want to try something different. Something that might seem like your next creative Mona Lisa might be your users MC Escher. There is nothing so frustrating as trying to take a course and getting lost along the way. The same thing can be said by locking your navigation, forcing people to spend X amount of time on a page etc. Most students will abandon your course faster than the roadrunner.

Clean up your mess!

I often see courses that are just a complete mess. Slides copied from various sources having different color styles, writing styles ,photography styles, button styles and layout styles. Pages that are crammed with text (if we reduce the font size it just might fit) or overloaded with animations. Consistency is key here. Do not burden your user with all that clutter as they’ll try to attach meaning to all kinds of things they don’t need to. This is one of those times a template might come in handy.

Give them a way out…

When your user has reached the final slide of your course don’t let it be the final slide. Add an exit slide explaining they can now close the course, suggest additional resources and/or whom to contact if they have additional questions. You do not want their last thought of your course to be: “Am I done now? What do I need to do? Have I done something wrong?”.

Quiz me!

If you’re going to assess your students knowledge using a quiz take it seriously. Provide meaningful questions and give meaningful feedback. In my experience this is one of the most neglected areas of e-learning. I see so many quizzes I could pass just slamming my head against the keyboard. If I do accidently hit the wrong answer my feedback will most likely be: “Incorrect, click next to continue…”. Making us think by asking challenging questions is how we learn. Give us meaningful feedback and we learn from the experience.

Say what?!

Voice-overs can be a fantastic way to engage learners, it allows you to provide meaning to what is shown on the screen. That is, if you’re doing it right. Never, ever, ever, ever have the text on screen and the voice-over be the same. Learners will be reading paragraph 3 while your voice-over is still blurting out paragraph 1. There is nothing more confusing and it kills all learning. Use it to introduce an activity or give feedback while showing what the narrator is saying. Do you remember those times when someone was giving a presentation and they were reading all the content that was on the slides. Sure you do… do you remember what it was about? $%^&# No!

Scenarios are your friend!

Real world examples help us make sense of things that would remain abstract. There is always some kind of story to be told now matter how small. Yes writing a short text with some bullet points is an easy way to explain the benefits of product X but that doesn’t mean your learners will remember any of it. Creating a short sales scenario will have a much bigger impact. A few simple questions with some good, real-world, choices will do miracles for your course and your students engagement. Don’t you think? Yes, I do! / No, I really don’t / I’m not sure but I’d like to try it!