dec 18

Goed nieuws! Vanuit FCe (stichting opgericht door Kessels & Smit) starten we weer met onze Postbachelor opleiding e-Learning. We starten op dinsdag 24 januari 2023 en ronden het traject af op 12 december 2023. We gaan gegarandeerd starten en hebben nog plek voor enkele deelnemers. Meer informatie en inschrijven doe je via de website van FCe.

 

Infographic maken met Canva

Al jaren gebruik ik de betaalde versie van Canva. Een hele fijne online tool om allerlei soorten visuele materialen te maken. Van simpele afbeeldingen voor bijvoorbeeld Open Badges, uitgebreide presentaties (met als je wilt een opname van jezelf) en zelfs eenvoudige video’s.

Waarom vind ik Canva zo fijn en waardevol?

  • Zonder veel voorkennis of digitale vaardigheden kun je met deze tool aan de slag.
  • Er zijn ongelofelijk veel vrij te gebruiken templates, foto’s en andere afbeeldingen, zeker als je de betaalde versie hebt. Dit zorgt ervoor dat je je geen zòrgen hoeft te maken over copyright.
  • De tool is in allerlei browsers te gebruiken én je kunt een app installeren op je laptop, smartphone of tablet.
  • Omdat de tool online gebruikt wordt is het zeer eenvoudig om met anderen samen te werken aan een project, dit kan op verschillende manieren.
  • Delen van de resultaten is op zeer veel manieren mogelijk. Je kunt het bestand downloaden als bijvoorbeeld pdf, png of mp4 maar je kunt ook de producten met een link delen zodat iemand hem online kan bekijken of je kunt resultaten ook embedden op je website of in je leeromgeving.
  • Je kunt bijna alle ontwerpen ook plaatselijk professioneel laten drukken op allerlei materialen en formaten.
  • Als je het deelt via de Canva site dan kan je ook de statistieken zien (hoeveel keren bekeken).
  • Met de gratis versie kun je al erg veel (o.a. meer dan 1 miljoen gratis foto’s gebruiken) en de betaalde versie maakt nog veel meer mogelijk. Voor 110 euro kun je de pro functies gebruiken of voor 140 euro kun je met een team aan je projecten werken. Voor non-for-profit organisaties is het gebruik van de pro-functionaliteit gratis.
  • Je kunt de functionaliteit nog verder uitbreiden door extra apps toe te voegen.

 

Fijne interface

Canva is erg gebruiksvriendelijk. Je doet alles in de browser en je kunt als basis prima starten met de sjablonen. In de gratis versie heb je al 250.000 sjablonen en in de betaalde versie loopt dit op tot 610.000.

Interface Canva

Heldere interface!

 

Infographic FCe Postbachelor opleiding e-Learning

Nadat ik de infographic heb gemaakt heb ik hem gedownload als PDF en PNG. Maar je kunt hem ook delen met een link naar Canva. De link staat nu ingesteld dat je de infographic alleen kunt bekijken maar je kunt hem dus ook openstellen zodat iemand de inhoud kan bewerken.

Maar embedden kan ook waardoor alle wijzigingen direct zichtbaar zijn. De afbeelding schaalt dan ook prima mee:

Groei met de FCe Postbachelor Opleiding e-learning door Marcel de Leeuwe

Tagged with:
sep 01

Op 27 en 28 augustus vond de Summerschool Innoveren van Kennisnet plaats. Gedurende 5 dagdelen was er een intensief programma ontworpen voor zo’n 35 onderwijsprofessionals. Een paar hoogtepunten van de summerschool vind je in deze blogpost.

In de inspiratieruimte De Verdieping bij Kennisnet in Zoetermeer was onder de bezielende leiding van Daniella Overbeek en Olaf de Groot een gevarieerde groep professionals bezig met het thema Innoveren. De eerste dag gingen we na een introductie vooral aan de slag met proeven, discussies en workshops. De tweede dag bezochten we een innovatieve school en gingen we aan het strand met ons eigen idee aan de slag.

Welke thema’s stonden op de agenda?

De aftrap werd gedaan door Madelief Keyser, programmamanager innovatie bij Kennisnet. Ze gaf aan wat de trends en technologische ontwikkelingen zijn. Wat punten en uitspraken:

  • Technologie daagt het onderwijs uit, we moeten nadenken over wat onze rol en betekenis is, wat dit betekent voor de docent en we moeten kritisch kijken waar de kracht van contactonderwijs ligt.
  • De technologie maakt het mogelijk dat we mensen in het onderwijs NIET meer enkel groeperen op leeftijd maar bijvoorbeeld op niveau.
  • Belangrijke onderwijsvraagstukken zijn: Personaliseren, Samenwerken met de omgeving, Kwaliteit en meten en Doelmatigheid.
  • ICT fundament bestaat uit: Cloud computing, Digitaal leermateriaal, Mobile devices en Wifi.
  • Madelief geeft aan dat we gaan kijken naar DIY, Quantified self, non-formele leeromgeving, learning analytics, personaliseren en embodied learning.

Een goede en heldere introductie die de groep enthousiast maakt.

Workshop DIY

Olaf de Groot gaf eerst een goede introductie op zijn DIY-sessie. Hij vertelt dat Chris Anderson al aangaf dat we de virtuele dingen nu offline gaan realiseren. 3D-printing (zie bijvoorbeeld www.shapeways.com is daar een voorbeeld van. Maar ook initiatieven zoals Maker Faire waar mensen samenkomen en dingen maken. We gaan in deze workshop aan de slag met proefjes. Met een groep van 3 krijgen we de opdracht om uit te zoeken wat we kunnen met azijn, een flesje, wat plastic, een kurk en bicarbonaat. Anderen gaan muziek maken met aubergines en nog veel meer!

Het proces zie je in deze fotostrip (10 MB) terug, een filmpje geeft indruk van het eindresultaat.

Workshop Embodied Learning

_embod2Het zogenaamde ‘embodied learning’ is toegepast in een aantal installaties die worden ingezet in het onderwijs. Het is een experiment dat is opgezet door Kennisnet en De Waag Society. Kunstenaar Marloeke van de Vlugt heeft meegewerkt. Tijdens de summerschool heb ik dit mogen proberen. Je ging op een houten object vol sensoren staan en een kinect, webcam en computer zorgde ervoor dat je met je lichaam de computer kon besturen. Gaaf om te ontdekken en het brengt me op veel nieuwe ideeën. Op de foto hiernaast proberen 2 deelnemers op een andere installatie in een gelijke positie te komen. In de houten objecten is een hoop elektronica gebouwd. Bij elke beweging is er een ander geluid. De geluiden moeten hetzelfde zijn en dan moet je die positie 3 seconden vasthouden.

In een post op de site schrijven de initiatiefnemers over dit project:

Kennisnet, COMMIT en Waag Society onderzoeken op welke manier embodied learning een rol kan spelen bij het leren van 21st century skills, zoals samenwerken en creativiteit. Vragen die in dit kader worden onderzocht zijn: Zijn lichaam en beweging interfaces voor leren? Hoe kan het onderwijs worden verrijkt door ruimte en aandacht te geven aan interne en externe lichamelijke processen? Wat betekent dit voor het ontwerp van fysiek uitdagende vormen van mens-computer interactie en nieuwe leeromgevingen?

Ze hebben een flyer (pdf) gemaakt waarin onderdelen van de installatie worden uitgelegd.

In twee andere berichten vind je meer informatie over embodied learning:

Gesprek over non-formeel leren

Voor mij was dit een nieuwe term. Non-formeel leren is wat anders dan informeel leren. Het is namelijk wel gestructureerd. Voor mij was het belangrijkste verschil met formeel leren dat bij non-formeel leren geen bewijs zoals een diploma wordt geleverd. Misschien is niet-geïnstitutionaliseerd leren een duidelijkere omschrijving. Wikipedia geeft ook nog veel informatie over non-formeel leren.

_knss

Het gesprek werd geleid door twee jonge mensen, de een nog studerend, de ander gestopt met studeren en gestart met een eigen bedrijf. Voor mij was dit een interessante discussie waarin ik veel herkende van het DIY-Learning waar Hans de Zwart, Job Bilsen en ik mee bezig zijn geweest. Belangrijke conclusie voor mij was dat het formele onderwijs zich misschien wat meer open moet stellen voor niet traditionele manieren waarop studenten leren. Volgens mij is het belangrijk dat studenten/leerlingen een bepaalde bewijslast overleggen van het geleerde maar dat de weg naar dat leerdoel toe best buiten de school kan lopen. Misschien biedt Coursera, Lynda.com of YouTube wel een beter leertraject dan de onderwijsinstelling. Zaken zoals portfolio, proeve van bekwaamheid en open badges komen dan naar voren. Dit vergt wel een andere rol van de onderwijsinstelling.

Presentatie Quantified self en Learning Analytics

Joost Plattel had een aanstekelijk en mooi verhaal over Quantified Self. Vorig jaar heeft Hans de Zwart op het e-Learning Event nog een presentatie gehouden over QS. Op de blog van Hans vind je nog een aantal posts over QS. Joost gaf een inkijkje in zijn door data doorweven leven. Hij analyseert zelfs de data die van zijn OV-reisgedrag/kaart afkomstig is. Volgens Joost zijn er vier niveaus als je kijkt naar gegevens:

  1. Data
  2. Informatie
  3. Kennis
  4. Wijsheid

Joost liet verder zien hoe zijn muisgedrag was (op de PC) en steeds gaf hij aan waarom dat dit relevant was. Of het nu ging om reisgedrag, muisbewegingen of slaapcyclus, steeds ging het erom dat je met de informatie uit de data inzichten krijgt. Dit leidt vaak tot aanpassing van je gedrag. Ik herken dit zeker. Toen ik de FitBit ging gebruiken werd het opeens aantrekkelijk om trappen te gaan lopen en keek ik steeds hoe ik geslapen had. Belangrijk is het eigenaarschap van de data. Want ingewonnen data kan je gedrag bijsturen maar ook anderen jou anders benaderen. Denk aan verzekeringsmaatschappijen.

Mijn muisgebruik ziet er zo uit (gemaakt met IOGraph):

_Muis

Data onderzoek

Michael van Wetering, Manager innovatie van Kennisnet, gaf een helder en prikkelende uitleg over data onderzoek. Zijn prachtige prezi vind je hier (de tijdlijn met hoogtepunten in data is goed). De belangrijkste punten uit zijn presentatie:

  • Relevantie voor het onderwijs: er is veel data bij online leren.
  • Aanbieder kan ook volgen hoe zijn leermethode gebruikt wordt.
  • Er is data over het leerproces en over het leermateriaal.
  • Beweegredenen van aanbieder kunnen divers zijn: economisch, flexibiliteit, dienstverlening, informatie.
  • Beweegredenen van scholen kunnen zijn: verlagen administratieve last, inzicht, maatwerk, sturing en professionalisering.

Presentatie duurzaam innoveren in het onderwijs

Erwin Bomas van Kennisnet gaf aan dat hij in veel projecten betrokken was, een aansprekend voorbeeld was een project ‘Het leren van de toekomst’. Erwin geeft aan dat het proces van innovatie:

  • nieuw en nuttig is;
  • creativiteit nodig heeft;
  • een implementatie oplevert.

Erwin laat ook zien dat de brede acceptatie van nieuwe technologie steeds sneller gaat. Hij laat hierbij een prachtige grafiek zien.

_kncurve.jpg

Een andere nuttige visualisatie is de kennispiramide. Als je wacht op empirisch bewijs voor een innovatie dan moet je te lang wachten en zet je enkel oude technologie en methodiek in in je onderwijs.

De kennispiramide:

kennispiramide

Het Design Thinking van IDEO geeft volgens Erwin een mooie methodiek om te innoveren. Design Thinking for Educators bestaat uit een aantal PDF’s en is een handige en gratis tool.

McKinsey geeft aan dat excellente scholen de docent centraal stellen en dat het onderwijs continu verbeterd wordt. Tenslotte eindigt Erwin met de drie succesfactoren voor innovatie van het onderwijs:

  1. Heldere visie en missie
  2. Samenwerken
  3. Faal snel om eerder te slagen

Afsluiting

De Summerschool werd o.a. afgesloten met een bezoek aan een innovatieve school. Mooi voorbeeld van het moeizame proces van innoveren. Het viel me op dat de innovatie niet eens groot hoeft te zijn om spannend te zijn en de wereld van betrokkenen helemaal overhoop te gooien.

Het allerlaatste deel werd besteed aan het uitwerken en bespreken van ons eigen innovatieve idee. De hoofden werden leeggeblazen aan het strand en met een frisse blik kon iedere deelnemer aan het innoveren!

Dank aan Kennisnet voor deze bruikbare en inspirerende summerschool (zie ook een verslag op de Kennisnetsite) en ik raad iedereen aan om de agenda van Kennisnet in de gaten te houden!

In de tussentijd kun je de iOS app van Kennisnet over innovatie gebruiken.

Tagged with:
jun 28

De Fontys post hbo-opleiding e-Learning 2012-2013 is onlangs afgerond. Een aantal van de werkstukken worden na de zomervakantie gedeeld. Behalve een papieren certificaat van Fontys hebben de geslaagde deelnemers een Open Badge ontvangen. In deze blogpost leg ik hier iets meer over uit.

Over het open source initiatief Open Badges van Mozilla schreef ik al eerder een blogpost. Ik denk dat deze ontwikkeling samen met Tin Can onze manier waarop we met e-Learning omgaan echt verandert.

Moodle 2.5 biedt Open Badge functionaliteit

BadgeFontys2013Sinds versie 2.5 kan Moodle zowel Open Badges ‘uitgeven/toekennen’ als een verzamelplek vormen voor badges die buiten Moodle worden toegekend aan deelnemers. Deze badges kan iedere gebruiker ook downloaden en op een andere plek neerzetten zoals backpack van Mozilla. Aan de grafische badges zit ook de metadata vast zoals de naam van de toekenner en de criteria waaraan de ontvanger heeft voldaan.

De stappen voor het maken, toekennen en ontvangen van een open badge worden hieronder toegelicht. Ik heb het via Moodle gedaan maar als je een open badge via een ander platform uitlevert is het principe hetzelfde.

1. Maken van een open badge

Het maken van een badge kan met ieder grafisch pakket. Ik heb het gedaan via een gratis te gebruiken website voor het maken van badges, zie Openbadges.me. Je hebt verschillende grafische elementen tot je beschikking die je kunt aanpassen. Daarna download je het grafische bestand.

_OB2_620

Schermafdruk Openbadges.me om een grafische badge te maken.

2. Opnemen van een open badge in Moodle

Binnen Moodle upload je de open badges en vult de details in. Je vult o.a. in:

  • Naam
  • Omschrijving (vaak van de leeractiviteit)
  • Naam van uitgever
  • Mail van uitgever
  • Houdbaarheidsdatum (badges kunnen verlopen op bepaalde datum of x dagen na uitreiking)
  • Criteria uitgifte (wie mag het uitgeven en als je geautomatiseerd uitlevert dan geef je op waaraan moet worden voldaan)
  • Bericht dat naar de ontvangers wordt gestuurd

_ob3_620

Plek in Moodle waar je alle metadata invult en de criteria waaraan moet worden voldaan om de badge te verdienen.

3. Toekennen van open badge aan deelnemers

Deelnemers kun je koppelen aan badges op een gautomatiseerde manier binnen Moodle of handmatig. Je kunt geautomatiseerd een badge toekennen door aan te geven dat deelnemers een badge ontvangen als ze een activiteit of een cursus voltooien. Handmatig kan ook, dan voeg je uit de deelnemers van een cursus de mensen toe die de badge moeten ontvangen.

4. Deelnemers ontvangen de open badge

Deelnemers ontvangen een mail zodra de open badges is toegekend. Ze kunnen vanuit de mail doorklikken en de badge is ook direct zichtbaar binnen de Moodle leeromgeving.

_ob1_620

Mail die deelnemer ontvangt met de open badge.

5. Bekijken van de open badge

_ob4_150Binnen de Moodle omgeving kun je een blok aanmaken waardoor deelnemers direct op de cursuspagina al hun laatste open badges zien. Het blok kun je minimaal configureren maar natuurlijk neerzetten waar je wil. Als je doorklikt op de badge vanuit het blok of vanuit een link in de e-mail dan zie je de pagina met metadata. Op die plek kan een deelnemer ook de badge downloaden. Niet alleen het grafische bestand wordt dan gedownload maar ook de bijbehorende metadata. Dit bestand kan weer worden neergezet op andere plekken waaronder Mozilla Backpack.

_ob5_620

Weergave details van open badge in Moodle

6. Uploaden van open badge in Mozilla Backpack

Als deelnemers niet alleen hun badge willen tonen in hun leeromgeving maar ook op een andere plek dan kan de badge daar geupload worden. Hiervoor maak je een gratis account aan bij Mozilla Backpack. Vervolgens upload je de open badge en alle metadata etc. wordt getoond. Een bezoeker kan doorklikken en ziet dan alle gegevens als jij de badge deelt.

_ob6_620

Open badges is geupload in Mozilla backpack en kan worden gedeeld 

 

Tagged with:
okt 02

Als je ernstig ziek bent dan merk je opeens dat je zelf graag invloed hebt op je genezingsproces. Je doet wat je kunt om te helpen en hierbij hoort ook dat je een goede gesprekspartner wilt zijn voor je zorgverleners. Kennis die hiervoor nodig is ontbreekt echter nog wel eens. Ook merkte ik toen ik 2 jaar geleden in het ziekenhuis lag dat je de inhoud van gesprekken met specialisten (soms wel drie op een dag) niet eenvoudig kunt bevatten, laat staan doorgeven aan je partner en anderen. Door de emotie en je toestand ontgaat soms zelfs de kern van de boodschap. Tenslotte heb ik 2 jaar geleden met interesse een poster bekeken die aan patiënten vertelde dat je alert moest zijn op de medicijnen die je krijgt. Ik moest opletten en als er iets raars opviel dan moest ik dat melden. Alleen weet je niet wat je hoort te krijgen dus valt het ook niet op als je bijvoorbeeld een medicijn niet krijgt.

Helaas heb ik ongeveer 1,5 week onnodig in het ziekenhuis gelegen. De eerste keer zorgde het niet uitwisselen van informatie tussen twee specialismes dat er een verkeerd advies was gegeven. De tweede keer is men vergeten om bloedverdunners te geven tijdens een opname en dit zorgde ervoor dat ik een longembolie heb gekregen (zie wikipedia).

Ik wil graag hier iets in kunnen veranderen en daarom heb ik een ontwerp gemaakt voor een app waarmee chronisch zieken de kennis rondom hun eigen genezingsproces, medicijngebruik en andere zaken kunnen opdoen. Verder kunnen gesprekken worden opgenomen, kunnen handelingen worden gefilmd en kan een patiënt een dagboek bijhouden. Zo’n app kan de kwaliteit van de zorg doen toenemen, geeft patiënten weer enigszins controle over het proces en kan kosten voor onnodige opnames verminderen.

Suggesties of namen van mensen en partijen die dit idee verder kunnen helpen ontwikkelen (verzekeraars, ziekenhuizen,…?) zijn van harte welkom! 

Tagged with:
mei 18

Een mock-up maken (interactieve demo/prototype van je ontwerp) van een iPad of iPod/iPhone app kun je prima doen met online of offline tools op je PC. Een paar van die tools heb ik al eens eerder besproken. Nu bespreek ik een app op de iPad waarmee je een interactieve mock-up kunt maken voor je iPhone of iPad. Er is een aantal apps die dit doen, zo is er iMockups for iPad (zie iTunes) waarmee je zelfs mock-ups van websites kunt maken en Blueprint (zie iTunes). Die laatste app gebruik ik.

Voor het ontwerp van een gewone website gebruik ik liever de online mock-up tools zoals MockFlow omdat het werken met de muis veel preciezer is en omdat het dan eenvoudig is om het ontwerp te delen. Tevens waardeer ik de schermruimte die ik op mijn MacBook Pro heb. Toch wat meer dan op de iPad.

Wat kun je met Blueprint?

Je maakt schermpagina’s aan (keuze uit iPhone of iPad schermformaat, en keuze uit staand of liggend) en die vul je vervolgens met schermelementen zoals navigatiebalken, knoppen, en ook inhoud zoals afbeeldingen of teksten. Vervolgens kun je delen van een scherm actief maken en laten verwijzen naar een volgende pagina. Je kunt veel verschillende soorten acties aan een schermelement koppelen. Zo kun je bijvoorbeeld een knop laten verwijzen naar een volgende pagina. Ook kun je aangeven dat er bij bijvoorbeeld een swipe naar links een nieuwe pagina getoond moet worden. Op het moment dat je het ontwerp wilt testen, speel je het af op je iPad en als ik dan op de knop druk of swipe gaat de app naar een nieuw scherm. Zo simuleer ik de werking van een echte app.

Hoe ziet het eruit?

In bovenstaande schermafdruk is te zien dat ik een liggend iPad scherm heb gemaakt. Ik heb een navigatiebalk onderaan geplaatst en tekst en een afbeelding daarboven. Aan de rechterkant staan alle schermelementen (Controls) die ik in kan zetten. Elk schermelement kan ik nog tot in detail aanpassen (kleur, grootte, gedrag) en zelfs kan ik nieuwe afbeeldingen op knoppen zetten.

Hier is het overzicht te zien van de verschillende pagina’s met daarbij de verbindingen. Een bestaande pagina kun je eenvoudig dupliceren en de links worden daarbij meegenomen.

Hierboven is te zien dat je aan objecten acties (Actions) kunt verbinden. De mogelijkheden zijn erg uitgebreid waardoor de app erg natuurgetrouw afspeelt.

Tenslotte hierboven de zelfde pagina waarbij een object is geselecteerd en het paneel Proporties wordt gebruikt. Je kunt tot op detail elk object qua grafische opmaak aanpassen inclusief alphawaarde (doorzichtigheid).

Plus- en minpunten

Bij het maken van een mock-up tool voor een iPad app zijn de belangrijkste voordelen van een mock-up app op de iPad t.o.v. een mock-up tool op de PC of in je browser:

  1. Je kopieert  eenvoudig screenshots van je iPad naar de app. Dit vind ik soms wel handig omdat je dan niet een hele pagina hoeft te maken. Ik heb dit o.a. gebruikt toen ik in mijn mock-up een agenda nodig had. Die kun je zelf gaan samenstellen uit de voorgedefinieerde objecten of je maakt een screenshot van een standaard agenda en gebruikt die.
  2. Het is erg handig en prettig om direct het resultaat te bekijken op je echte iPad i.p.v. op een gesimuleerde iPad op je laptop. Hiermee krijg je een beter gevoel of een bepaalde volgorde van handelen of indeling op een pagina prettig is.

De pluspunten:

  • snelheid is goed;
  • leercurve is betrekkelijk kort;
  • het tonen van resultaat (inclusief swipe bewegingen en effecten) werkt erg prettig en bootst de echte app goed na;
  • erg veel instelmogelijkheden, vooral grafisch;
  • kunt in grafische lagen werken en deze goed ordenen;
  • plaatsen objecten gaat goed door magnetische hulplijnen;
  • validatieregels voorkomen dat een knop op een plek komt waar dit onmogelijk is in een echte app;
  • dupliceren van een pagina werkt perfect;
  • lite versie is voldoende uitgebreid om een goede indruk te krijgen;
  • export naar PDF werkt goed, gratis viewer is fijn om ontwerp te delen met collega’s en klanten.

De minpunten:

  • door aanraakmethodiek is het moeilijk om objecten precies goed te positioneren, hier mis je het precieze van een muis;
  • een export naar klikbare demo die op web te delen is zou erg welkom zijn. Nu is het lastig met viewer of statische pdf;
  • samenwerking met Dropbox zou handig zijn;
  • er is geen helpfunctie en de uitlegfilmpjes op de site zijn maar matig van kwaliteit;
  • afbeeldingen die je plaatst zijn niet te roteren en alleen met grote stappen te schalen (25%, 50%, 75% etc.) of handmatig maar dat is niet handig met je vinger. Ook bijsnijden gaat niet.

Eindoordeel

Blueprint is een erg bruikbare en krachtige mock-up tool die ik graag gebruik. Natuurlijk zijn er nog wensen maar het doet wat het belooft te doen op een snelle, prettige manier. De mogelijkheden zijn erg uitgebreid terwijl de bediening niet erg complex is. De app is zijn geld voor mij zeker waard (momenteel kost de app 11,99 euro).

 

 

Tagged with:
aug 04

Column van augustus gepubliceerd op www.e-learning.nl over de iPad:

Kunnen we, als verstandige mensen die zich richten op de bedrijfskundige of onderwijskundige meerwaarde van ICT-gebruik, alstublieft EVEN stoppen met het praten over de iPad? Kom uit de rij, stop met het maken van filmpjes over uw iPad en vertel niet hoe u de iPad al 2 maanden geleden hebt laten meenemen uit de VS.

Is het teveel gevraagd om te stoppen met het schrijven van blogposts over uw favoriete apps, handige accessoires en het bagatelliseren van het ontbreken van Flash-ondersteuning? Twitter alstublieft niet meer over nieuwe manier waarop u in bed uw favoriete kranten leest.

Niet nieuw, toch nieuws!
Waarom veroorzaakt de iPad zoveel publiciteit? Weet u het? Touchscreens zijn niet nieuw, de Microsoft Surface tafel bent u ongetwijfeld al vaker tegengekomen op onderwijs & ICT beurzen. Ook hebben verschillende fabrikanten al functionele laptops uitgebracht met touchscreens. En Apple liet met de eigen MacBook Air al eerder zien dat een ultraportable computer ook mooi kan zijn. Internetten onderweg kunnen we ook al jaren, o.a. met de kleine en betaalbare netbooks.

iPad is geen computer
Stiekem snap ik, (nog) niet iPad bezitter, het wel! Het is namelijk helemaal geen computer! Het is geen apparaat met een handleiding. Het kan een heleboel dingen niet maar niet iedereen zit op een heleboel dingen te wachten. Een iPad is direct te snappen en je partner, collega of kind van vier jaar hoeft niet te leren hoe het ding werkt. Je pakt het op en hoeft geen 2 minuten te wachten totdat hij is opgestart. Je gaat direct aan de slag en je legt hem weer weg als je klaar bent. Het apparaat is bijna onzichtbaar en dat maakt het verschil. De iPad valt op omdat het niet gaat om de techniek. Het gaat om de inhoud en de taak die je wilt uitvoeren. Gebruikers komen direct op de plek van bestemming. Je zoekt geen startknop en 5 andere menu-opties: je zoekt foto’s, informatie op een website of wil even mailen. Met je vingers zoek je je weg. Leren over de bediening is onnodig.

Raak de kern
Lerenden hebben vaak een hekel aan uitgebreide handleidingen of een training om een leeromgeving te leren gebruiken. Ze willen daar geen tijd aan besteden. En ze hebben groot gelijk. Ze willen leren. Geen gedoe. Met apparaten zoals de iPad kunnen we doordringen tot de kern en de ruis van een ingewikkelde userinteface wegnemen. Door het onzichtbare karakter van de iPad kunnen we direct naar het leren kijken. Het dwingt e-Learning ontwikkelaars eens kritisch te kijken naar de eigen producten. De iPad houdt ons een spiegel voor. Kijkt u er eens in!


(johncarljohnson op Flickr)


(teddyb109 op Flickr)

Tagged with:
mrt 25

Op 1 april vindt het seminar UGame ULearn plaats. Het thema van dit jaarlijkse event gericht op onderwijs en bibliotheken is ‘User Experience‘. Een belangrijk thema. Misschien wordt User Experience wel steeds belangrijker! Zelf zit ik deze keer in een panel om te praten over ebooks/ereaders  en wat deze (kunnen) betekenen voor de bibliotheek en het onderwijs. Wat vind ik hier eigenlijk van? Gaat de eReader uitsterven. Net als de CD-i?

User experience!

In presentaties laat ik aan de hand van 2 voorbeelden zien dat de verwachting van gebruikers snel verandert t.a.v. ICT. Gebruikers (lerenden zijn dit ook) stellen steeds meer eisen aan de gebruikerservaring. De twee voorbeelden:

  1. Mijn 3-jarig zoontje gebruikt ongeveer een jaar mijn iPod Touch en iPhone. Voordat ‘ie 2 jaar oud was, bladerde hij al door foto’s. Zie eerdere blogpost. Hij probeert nu ook door over het scherm van mijn MacBook te wrijven naar een volgende pagina of foto te gaan. Hij verwacht hetzelfde gemak als bij het touchscreen van de iPhone. De laptop valt tegen.
  2. Bij SeniorWeb merkte een cursist (60+ jaar) op dat hij de WYSIWYG editor van de leeromgeving Moodle wel wat vond tegenvallen. De editor van WordPress vond hij veel eenvoudiger en gebruiksvriendelijker. Daar kon je gemakkelijker en met minder klikken een afbeelding invoegen.

In beide voorbeelden verwacht de gebruiker een bepaalde ‘user experience’ en is teleurgesteld als dit niet uitkomt. Op zich hoeft er met het product niet veel mis te zijn maar als het elders gemakkelijker, sneller, mooier of aantrekkelijker kan dan valt huidige ervaring tegen.

eReader verliest in vergelijking

Daar zie ik een probleem met de eReaders. Hoe technisch goed het scherm en de e-ink ook is, het apparaat moet opboksen tegen twee concurrenten die als referentiepunt dienen:

  • boek;
  • computerscherm.

Boek vs eReader. Ja, het scherm van de eReader is net zo rustig voor je ogen als papier maar nee, het bladeren gaat langzaam. Bediening is niet altijd even handig. Aantekeningen kunnen bij sommige readers gemaakt worden maar ook dat gaat handiger op papier. eBooks kun je moeilijker uitlenen en zijn weinig compatible met elkaar. Sterke punt van eBooks is het gewicht. En doorzoekbaarheid (voor zakelijke literatuur of studieboeken kan dit relevant zijn). Winnaar is hier voor mij het papieren boek. En dan hebben we het niet eens over het gevoel en de geur gehad 😉

Computerscherm vs eReader. De eReader wint duidelijk op scherpte en leesgemak. Maar waar is de kleur, waar is de interactie, waar is de beweging, waar is de audio? We hebben een bepaalde verwachting en de eReader wint het maar op 1 ding: leesbaarheid van tekst. Computerscherm wint hier.

eReader relevant voor het onderwijs?

Ik kan me voorstellen dat in het wetenschappelijk en het hoger onderwijs de eReader heel bruikbaar kan zijn. De meeste wetenschappelijke publicaties zijn vooral toegespitst op tekst en eenvoudige grafische zaken. Het kunnen doorzoeken kan hier belangrijk zijn. Als er dus ook veel wetenschappelijke literatuur beschikbaar is dan kan dit een belangrijke markt zijn.

Voor het basisonderwijs lijkt me de eReader totaal oninteressant. Hier worden folio uitgaves al moeilijk verkocht als het geen full-colour betreft dus de grijze tinten van eBooks voldoen niet. Ook het formaat en de prijs zitten succes in de weg. Kinderen nemen de boeken zelden mee naar huis dus het argument van het gewicht van boeken valt ook weg. De huidige versies van eReaders zijn imho kansloos in het primair onderwijs.

Zet de eReader maar naast de CD-i!

De eReader in de huidige vorm verdwijnt en wordt alleen maar door early adopters en uitgevers gebruikt. De wereld van de eReaders zal veranderen als de interactiviteit, multimediamogelijkheden, de formaatverschillen en de prijs worden aangepast. Ik zet meer in op apparaten zoals de iPad. Het klopt dat de leesbaarheid slechter is (geen e-ink technologie) maar voor de rest doet zo’n ding veel goed. Eigenlijk is het een betaalbare computer waar je ook nog mee kunt lezen en die direct aanstaat. Deze week toevallig een bericht dat Sanoma Uitgevers hun tijdschriften niet op eReader formaat maar op de iPad gaat uitbrengen. Dit bevestigt mijn beeld dat een apparaat als de iPad veel meer potentie heeft. Gebruiksvriendelijkheid, connectiviteit, multimedia, functionaliteit en aantrekkelijkheid komen samen tegen een betaalbaar tarief. En snel zal er een harde concurrentiestrijd losbarsten tussen aanbieders die ons lezers en uitgevers gelukkig maakt.

We willen een apparaat dat voldoet aan onze hoge eisen en wensen. Voor minder leggen we dat papieren boek en het computerscherm niet terzijde.

CD-i; maak maar plaats op de plank voor de huidige generatie eReaders!

 

Noot: via @ranver kreeg ik de link naar een video van Wired Magazine die laten zien hoe zij de iPad zien bij hun media magazine (vroegere papieren blad dat nu ook op andere manieren te gebruiken is).

Tagged with:
dec 14

Als je een website, leeromgeving of (mobiele) applicatie maakt dan is het altijd slim om eerst op papier te gaan ontwerpen. Om een bepaald interactie ontwerp met de klant en anderen door te spreken is het handig om een soort proef te maken. In e-Learning/webdesign land vaak aangeduid met de aparte term ‘Mock-up’. Wat is het en hoe kun je ze maken?

Wat is een Mock-up?

Volgens Wikipedia is een mock-up:

…een tijdens de ontwerp- of productiefase op schaal of op ware grootte gemaakt model van een ontwerp of product. In de software-industrie komt het begrip tevens voor om vroeg in het ontwikkelproces het software-ontwerp qua gebruikersinterface te testen. Een mockup wordt voornamelijk gebruikt voor demonstraties, lessen, evaluaties of promotie. Een mockup krijgt pas de term prototype als het ontwerp ook echt werkt. Meestal zijn de mockups dus voorbeelden qua uiterlijk.

Vaak wordt een mock-up in eerste instantie op papier uitgewerkt. Zelfs dan kun je met gebruikers al enigszins gekunsteld het interactieproces doorlopen en kijken hoe de gebruikers je ontwerp ervaren. Een andere veelgebruikte vorm is die van een  PowerPoint presentatie. Je klikt dan door verschillende schermen en maakt hyperlinks. Op die manier kun je snel duidelijk maken wat de bedoeling is. De verwachtingen van eenieder wordt duidelijk en hoewel het maken van een goede mock-up veel tijd kost, kan het je veel dure ontwerpfouten en communicatiefouten besparen. De tijd win je later altijd terug.

Wat is een mock-up niet?

Zoals Wikipedia al aangaf is het geen werkend proto-type. En dat is voor sommige mensen (waaronder klanten of opdrachtgevers die nog niet eerder met het fenomeen mock-up hebben gewerkt) moeilijk. Bij een mock-up let je op het interactieontwerp  (wat doet iemand op welk moment op je site, op welke manier en op de grote lijnen. Het is minder tot onbelangrijk hoe de site/applicatie/omgeving er precies uit komt te zien.

Soms merk ik daardoor dat het beter is om het voorbeeld niet erg te laten lijken op het beoogde eindresultaat. Anders gaan mensen commentaar leveren op details en verliezen het geheel uit het oog. Als je de vraag krijgt “kun je die balk ook een andere kleur geven” dan heb je het niet goed gedaan 😉

Maken van een mock-up; handige tools

Een van de manieren is met de computer maken van een mock-up. Ik heb ervaring met een aantal. Ten eerste heb ik wel eens Microsoft Visio gebruikt om snel een eerste mock-up te maken. Het kan er wel mee maar is er niet specifiek voor gemaakt en dat merk je. Net iets minder handig dan speciale mock-up applicaties.

Een gratis te gebruiken online tool om een mock-up voor specifiek een iPhone applicatie te maken is deze. Hier sleep je met elementen, verander je tekst en stuur je de url door naar iemand anders. Nadeel is dat het redelijk beperkt is, dat je geen klikbare mock-up kunt maken en dat je niet kunt exporteren. Wel kun je twee verschillende stijlen kiezen. Hieronder zie je de strakke versie en een versie die meer handmatig geschetst lijkt. Misschien is die tweede wel handiger om te gebruiken.

mockup1Mock-ups gemaakt met http://iphonemockup.lkmc.ch

Hans de Zwart gebruikte in zijn post over de Moodle app een programma om mock-ups te maken dat veelzijdiger is en dat je kunt downloaden (niet gratis). Dit programma Balsamiq is er voor zowel Windows, Linux en de Mac. Balsamiq  is wat breder dan de website die ik net noemde. Je kunt er zeer veel verschillende mock-ups mee maken. Op een eenvoudige manier sleep je elementen naar de plek waar je wilt en je hernoemt teksten. Er is een behoorlijke bibliotheek aan elementen en die is nog uit te breiden met elementen die door andere gebruikers zijn gemaakt (zie hier). Een export is op vele manier te maken.

balsamiqApplicatie Balsamiq waar een scherm snel te maken is.

Een derde (webbased) applicatie om mock-ups te maken is Mockingbird. Deze site is gratis om te gebruiken en het aardige hieraan is het feit dat je meerdere pagina’s kunt maken. In de preview zijn er dan mooie pagina’s te zien. Die kunnen overigens ook nog gelinkt worden. Helaas zijn er minder specifieke sets aan elementen te vinden voor bijvoorbeeld de iPhone of andere devices. Daarentegen is het erg eenvoudig in gebruik en is het eenvoudig om de resultaten te delen middels een link of door het te embedden op je site.

mockingbirdDe webbased (en gratis) tool Mockingbird

Laatste en wat mij betreft mooiste online tool is MockFlow. Deze site is gratis (met paar restricties) en ook betaald waarmee je dan alle opties krijgt. Voor mijn gevoel combineert deze applicatie de voordelen van voorgaande opties. Een grote bibliotheek helpt je op weg, je kunt online alles doen en je mock-up goed presenteren. Mooiste van deze tool is dat je van de ene pagina naar de andere kunt klikken. Erg goed!

mockflowMockflow combineert alle mooie functies van de andere applicaties

Heb jij nog goeie tools die je hiervoor gebruikt of heb je een mock-up gemaakt die je wil delen om anderen te inspireren: laat het weten in de comments!

Tagged with:
dec 01

Arjen Vrielink and Hans de Zwart write a monthly series titled: Parallax. They both agree on a title for the post and on some other arbitrary restrictions
to induce their creative process. For this post they agreed to create a design concept for a mobile Moodle application. The concept should
include screen mockups. You can read Arjen’s post here and Hans’ post here.

This month they have invited two guest writers: Job Bilsen (his post can be found here) and I.

Moodle App

Moodle is een fantastische open source leeromgeving als je visie op leren de sociaal constructivistische is. Het samenwerkend, producerend en informeel leren kan prima gefaciliteerd worden met Moodle. Enige probleem is het mobiel toegankelijk maken van Moodle. Er is wel een klein aantal initiatieven (waaronder MLE & MOMO project) maar dat er is geen manier die heel eenvoudig, snel en prettig werkt. Daar gaat nu verandering in komen. De tijd is rijp om een Moodle (iPhone) app te maken. Vanzelfsprekend wordt ook dit open source.

Waarom een Moodle app?

Leren wordt steeds mobieler en steeds informeler. Studenten en werknemers dragen steeds vaker een computer in hun binnenzak: de smartphone. Dit apparaat biedt een prima mogelijkheid om bijvoorbeeld op de werkplek te leren. In een situatie bij een klant wordt bijvoorbeeld op een formele cursus basiskennis aangeboden via Moodle maar daarnaast wil men werknemers op de (winkel)vloer ondersteunen. In dat geval zou het handig zijn om Moodle ook eenvoudig en goed open te stellen via een iPhone/iPod Touch app.

Wat moet die app kunnen?

Moodle kent veel verschillende didactische interacties en mogelijkheden en kan ook op vele manieren worden ingezet. In mijn droom-app wordt de kracht van de iPhone (eenvoudig in gebruik, krachtig in functionaliteit) gecombineerd met de kracht van Moodle (didactische sterk, sociaal).

De nadruk van de app ligt op:

  1. Contact met anderen
  2. Maken opdrachten (inclusief foto en video toevoegen)
  3. Raadplegen en aanvullen bronnen
  4. Inzicht in het leerproces

Tenslotte is het mogelijk om te zoeken vanaf het home scherm en kan een cursusview worden gebruikt die vergelijkbaar is met de traditionele view waarbij je alle interacties en onderdelen onder elkaar ziet. Overigens ontbreekt daar de linker- en rechterkolom in Moodle. Alle onderdelen zijn steeds zonder zoom te gebruiken.

Inhoud verschillende onderdelen

Contact centre

  • berichten (ontvangen/sturen)
  • Google maps, anderen zien?
  • lijst deelnemers
  • wie online?
  • tags (interesses)/profielen

Opdrachten

  • online opdrachten
  • testen maken

Bronnen/activiteiten

  • bronnen hele site
  • wiki
  • woordenlijst

Inzicht leerproces

  • overzicht voortgang (inclusief punten)
  • overzicht openstaande opdrachten

Cursusview

  • alles zien

m-app

Originele mock-up is te zien op deze site. Hier zijn gratis mock-ups te maken. Let op: als je deze site gebruikt kan iedereen die de url heeft je mock-up aanpassen.

Alle tips, opmerkingen, ideeën en aanvullingen zijn van harte welkom. Laat van je horen!


Tagged with:
jun 19

De afgelopen weken hebben Wilfred Rubens en Hans de Zwart geschreven over de (on)zin van applicatietrainingen. Hans ging daarin het verst en gaf aan dat bij een goed ontworpen applicatie eigenlijk geen training nodig heeft. Maar wat is dan een goed ontworpen applicatie? En hoe zit het met e-Learning? Wanneer is dit een gebruiksvriendelijke oplossing?

Gemak, genot en gewin bij e-Learning

Betty Collis heeft een simpel maar prachtig model om te komen tot een werkbare en succesvolle e-Learning implementatie: Gemak, Genot en Gewin. Elk project moet t.a.v. elke gebruikersgroep goed scoren op 3 elementen:

  1. Gemak: de oplossing moet gemak opleveren. Dit betekent dat het zeer eenvoudig moet zijn om te gebruiken. De interface moet dan ook heel consistent en gebruiksvriendelijk zijn. Een uitgebreide cursus die nodig is om een leeromgeving te gebruiken is dan ook een slecht teken. Leren om te kunnen leren is niet iets om naar te streven.
  2. Genot: de oplossing moet plezierig zijn om mee te werken. Het moet een prettig gevoel opleveren. Voor e-Learning betekent dit een goede, aantrekkelijke, overzichtelijke en duidelijke omgeving die aanspreekt.
  3. Gewin: de oplossing moet iets toevoegen, de gebruiker moet er iets mee winnen.  Voor e-Learning betekent dit dat je er voor moet zorgen dat de praktische toegevoegde waarde duidelijk is. Kan met de omgeving of het geleerde de lerende zijn taken beter uitvoeren? e-Learning gebruik ik hier in de brede zin, een EPSS (zie Wikipedia) of een kennismanagementsysteem zoals een organisatiebrede wiki kunnen ook voor gewin zorgen.

Kinderlijk eenvoudige Moodle interface
Zelf ben ik erg enthousiast over de leeromgeving Moodle. Ook de manier waarop het systeem met de gebruiker communiceert vind ik vaak goed. Toch hoor ik soms van gebruikers terug dat ze de interface te moeilijk vinden en niet gebruiksvriendelijk genoeg. Eerder schreef ik  over het Moodle project wat erop gericht is om van Moodle een (basisschool)kindvriendelijke omgeving te maken.

Volgens mij zouden de uitgangspunten om te komen tot een kindvriendelijke omgeving kunnen zijn:

  • consistente aanpak (bediening werkt op vele plekken hetzelfde);
  • visuele ondersteuning (veel gebruik van herkenbare en heldere symbolen om bepaalde acties te duiden);
  • platte organisatie van inhoud en functionaliteiten (weinig keer klikken om ergens te komen);
  • visuelere interactievormen (samen tekenen, video opnemen, etc.);
  • niet teveel manieren aanbieden om hetzelfde te doen (keuzevrijheid beperken);
  • persoonlijke aanpak (schrijfstijl maar ook bijvoorbeeld een aansprekend figuurtje dat je helpt);
  • adaptief systeem (content maar ook bediening past zich automatisch aan aan het gedrag).

Eenvoud is de nieuwe en nodige standaard
Bovenstaande uitgangspunten zijn niet alleen belangrijk voor kinderen. Ook volwassenen die minder talig zijn hebben voordeel van de aanpak. Het kan gaan om een internationaal publiek die de taal minder machtig zijn maar ook dyslectische mensen.

Sterker nog: een grote groep mensen zal het waarderen als de interface eenvoudiger en aantrekkelijker wordt. Kijk naar het succes van de iPhone/iPods. Daar is de interface zeer eenvoudig en goed ontworpen. Iedereen kan snel, zonder uitgebreide leercurve, het apparaat gebruiken.  Mijn zoon wist al toen hij heel klein was hoe hij door foto’s moest bladeren (zie het filmpje).

Bij het ontwerpen van een interface moet het adagium zijn: “Less is more!” of het vaak aangehaalde KISS-principe (Keep it Simple Stupid).

Laten we dus e-Learning content maar ook e-Learning omgevingen snel verbeteren! Ik ga wat doen aan de Moodle omgeving en heb me al aangemeld in de Moodle community. Als je mee wilt helpen/denken dan hoor ik het graag!

Tagged with:
preload preload preload