Aug 04

Niet meer praten over de iPad!

Apple, Interface, e-Learning 10 Comments »

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: • • • •
Mar 25

eReader is de CD-i van nu!

Basisonderwijs, Conferentie, Interface 22 Comments »

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!

Ps, ook u kunt nog naar UGame ULearn debat toe!

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

Heb jij al geMock-upped?

Interface, Tools 8 Comments »

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

Een ontwerp voor een mobiele Moodle applicatie

Interface, open source 5 Comments »

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

Kinderlijke User interface verplicht!

Interface, e-Learning 8 Comments »

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: • •
Dec 25

Uitpakvideo van de XO laptop

Basisonderwijs, Interface, Tools 2 Comments »

Sinds een paar weken kunnen ook Europeanen via Amazon deelnemen aan het ‘Give one, Get one’-initiatief waarbij je 2 XO kinderlaptops koopt. Een laptop krijg je zelf, de ander wordt ergens in de wereld aan een kind gegeven.

Dit keer is het gelukt, een paar dagen geleden heb ik de laptop ontvangen, zie hieronder het verslag.

Tagged with: • • •
Sep 11

Je hoofd op een ander lichaam

Interface, Tools, multimedia 2 Comments »

Iedereen heeft wel eens gedroomd van een fantastische beheersing van de edele danskunst maar niet iedereen is het gegeven. Met moderne technologie is dit echter binnen het bereik van iedereen gekomen.

Bij Noordhoff Uitgevers hadden we deze week een groot en leuk feest met veel verschillende activiteiten. Er was ook een mogelijkheid om je hoofd op het dansend lichaam van iemand anders te plakken. Dit gebeurde door gebruik te maken van een chroma-key (zie voor uitleg wikipedia). Hierbij wordt een groen scherm gebruikt. Je mixt dan twee beelden door elkaar. In dit geval kregen de deelnemers een groene ‘kapperscape’ om en ze gingen voor een groene achtergrond zitten. Na wat instelwerk waarbij de grootte van lichamen werd afgesteld op de hoofden, dansten ze in een hiphop-video.

Deze techniek lijkt me ook erg leuk om te gebruiken met kinderen. Zou het niet leuk zijn om zo in een historische context geplaatst te worden? Of om je toekomstig beroep te verkennen. Je krijgt wellicht wat meer gevoel voor wat je wil. Misschien levert het wel een intense ervaring op, en brengt het nieuwe inzichten en ideeën.

Tagged with: • •
Aug 14

iPod touch is kinderspel

Interface 2 Comments »

Helaas ben ik niet een van de gelukkige die een iPhone bezitten. Maar het gemis wordt iets verzacht door mijn iPod touch. Een heel fijn ding waar ik dagelijks gebruik van maak. Mijn iPod mini gebruik ik voor de pure muziek (bijvoorbeeld tijdens het sporten) maar de iPod touch gebruik ik voor vodcasts en om wat te surfen. Die video-podcasts zijn echt geweldig.

Kleine programma’s
Sinds kort zijn ook kleine programmaatjes te koop, de meeste minder dan 10 euro. Ik heb al verschillende educatieve apps gekocht waaronder:

  • Brain Challenge;
  • FlashMath;
  • StudyCards.

Geniale interface
Maar het geniale van de iPod touch is de interface, de manier waarop het apparaat met u communiceert. De interface is zeer vergelijkbaar met de iPhone. Het is zo natuurlijk gemaakt dat de genialiteit niet eens opvalt. De verschillen tussen Mac OSX en Windows vind ik zelf niet heel boeiend. Mijn beide laptops werken prima en kunnen andere dingen beter. Maar de interface van de iPod touch/iPhone is werkelijk adembenemend goed. Zelfs na een half jaar gebruik is het elke keer weer genieten.

Kinderspel
Het is zo kinderlijk eenvoudig dat zelfs mijn zoon van nog geen 2 jaar met mijn iPod aan komt lopen en dan vraagt of hij foto’s of een filmpje mag bekijken. En dat bladeren gaat dan zonder uit te leggen nog heel aardig. Dat lukt me niet met mijn laptops.

Tagged with: • •
preload preload preload