May 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:
Mar 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!

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:
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:
Aug 14

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