8 designtips voor mobiel gebruik van je e-learning

Renate de Jonge

Onze smartphones zijn bijna een verlengstuk van onszelf geworden. We gebruiken het voor alles. Communiceren met vrienden en familie, online shoppen, eten bestellen, spelletjes spelen, en ga zo maar door. En ook binnen e-learning zien we het gebruik van smartphones al jarenlang toenemen: van e-learning naar m-learning. Tijd dus om serieus rekening te houden met mobiel gebruik in het design van je leeromgeving. We geven 8 tips om je daarbij te helpen. 

1. Verwijder overbodige tekst in je e-learnings

Zelfs een betrokken gebruiker leest gemiddeld slechts rond de 30% van de woorden op een pagina, omdat de inhoud voornamelijk wordt gescand. Op een groot scherm kan dit vrij gemakkelijk, maar op een smartphone moet je scrollen om snel te kunnen lezen, waardoor het opnemen van lesinhoud wordt vertraagd. Dit kan frustrerend werken voor je gebruikers. Kijk daarom naar het prioriteren van essentiële content en maak ‘nice-to-know’- informatie beschikbaar in een 'verder lezen'-onderdeel.

2. Houd de bestandsgrootte van je e-learning klein

Vooral wanneer een mobiel netwerk wordt gebruikt om toegang te krijgen tot de online academy, leidt een kleinere bestandsgrootte meestal tot merkbaar snellere laadtijden. Comprimeer afbeeldingen en verminder elementen die niet persé nodig zijn, zodat de laadtijd minimaal blijft.

3. Geef prioriteit aan navigatie en leesbaarheid


Als je gebruikers onderweg leren, zijn omgevingsomstandigheden vaak niet zo optimaal als thuis of op kantoor. Maak daarom je mobiele ontwerp zo gemakkelijk mogelijk voor hen. Zwarte tekst op een witte achtergrond leest het meest ideaal. Wijk hier daarom liever niet te ver van af in het ontwerp van je e-learning. Een lettergrootte van 16 of 18pt werkt over het algemeen goed op elk apparaat.

4. Zorg voor een eenvoudige navigatie door je online academy

De navigatie op mobiel moet kinderlijk eenvoudig zijn. Vermijd enorme menu's waar je door heel veel items moet scrollen. Zorg ervoor dat de clickable items groot genoeg zijn voor een vinger of duim. En probeer het aantal klikken dat nodig is om een ​​actie te voltooien te verminderen. Heb daarbij ook aandacht voor de beperkingen van een smartphone. Niet alle acties die je op een desktop eenvoudig doet, zijn zo eenvoudig op een mobiel. ‘Drag-and-drop’-bewegingen zijn bijvoorbeeld bijzonder lastig op een klein touchscreen. 

5. Test je e-learning op meerdere platforms en browsers

Als je inhoud afhankelijk is van een webbrowser in plaats van een app, kunnen er onverwachte variaties zijn tussen verschillende browsers op vergelijkbare apparaten. Test waar mogelijk in ieder geval in de meest voorkomende webbrowsers. Houd er ook rekening mee dat er zelfs verschillen in weergave kunnen zijn tussen oudere en huidige versies van dezelfde browser. 

6. Pas de inhoud van je online academy aan

Lesinhoud in ‘hapklare bites’ is optimaal voor leren op een mobile device. Uit onderzoek blijkt dat de gemiddelde studiesessie op een smartphone ongeveer 10 minuten is. Een gebruiker is dan ook eerder geneigd een cursus te volgen die is opgedeeld in 20 ‘bites’ van een paar minuten dan één lange les van drie kwartier. Deel je lesstof daarom op in kleine stukjes. In onze blog over microlearning lees je hier meer over.

7. Zorg voor een overzichtelijke inhoudsindexering

Vereenvoudig de manier waarop inhoud wordt opgemaakt, zodat de meest waardevolle informatie het gemakkelijkst te vinden is. Gebruik duidelijke koppen, lijsten met opsommingstekens, afbeeldingen en pictogrammen voor een optimaal overzicht. Less is more in een mobiele omgeving. Houd je inhoud dan ook eenvoudig te lezen en gemakkelijk te navigeren. 

8. Mobile first?

E-learnings en online academies worden steeds meer geopend vanaf een smartphone. Hoe zit dit in jouw organisatie? Als de meerderheid mobiel leert, kun je overwegen je online academy voor ‘mobile first’ te ontwerpen, in plaats van een responsive desktop-versie. 

 

Samenvattend kunnen we stellen dat vrijwel alle e-learnings die je ontwikkelt voor je online academy op mobiele apparaten kunnen worden bekeken. Om een ​​sterke gebruikerservaring te creëren, moet je ervoor zorgen dat de inhoud klaar en geoptimaliseerd is voor deze mogelijkheid.

 

Ervaar onze online academy

Benieuwd wat Hubper voor jouw organisatie kan betekenen? Vraag vrijblijvend een demo aan en ontdek alle mogelijkheden van ons online leerplatform.