<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Leerbeleving &#187; Interface</title>
	<atom:link href="http://www.leerbeleving.nl/category/interface/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.leerbeleving.nl</link>
	<description>Leren is beleven!</description>
	<lastBuildDate>Wed, 18 Jan 2012 18:23:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Mock-up maken voor/met de iPad</title>
		<link>http://www.leerbeleving.nl/2011/05/18/mock-up-maken-voormet-de-ipad/</link>
		<comments>http://www.leerbeleving.nl/2011/05/18/mock-up-maken-voormet-de-ipad/#comments</comments>
		<pubDate>Wed, 18 May 2011 17:07:20 +0000</pubDate>
		<dc:creator>Marcel de Leeuwe</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[ontwerp]]></category>

		<guid isPermaLink="false">http://www.leerbeleving.nl/?p=1413</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2011%2F05%2F18%2Fmock-up-maken-voormet-de-ipad%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2011%2F05%2F18%2Fmock-up-maken-voormet-de-ipad%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>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 <a href="http://www.leerbeleving.nl/2009/12/14/heb-jij-al-gemock-upped/" target="_blank"><strong>besproken</strong></a>. 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 <strong>iMockups for iPad </strong>(<a href="http://itunes.apple.com/nl/app/imockups-for-ipad/id364885913?mt=8" target="_blank"><strong>zie iTunes</strong></a>) waarmee je zelfs mock-ups van websites kunt maken en <strong>Blueprint</strong> (<a href="http://itunes.apple.com/nl/app/blueprint/id405203705?mt=8" target="_blank"><strong>zie iTunes</strong></a>). Die laatste app gebruik ik.</p>
<p>Voor het ontwerp van een gewone website gebruik ik liever de online mock-up tools zoals <a href="http://www.mockflow.com/" target="_blank"><strong>MockFlow</strong></a> 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.</p>
<p><strong>Wat kun je met Blueprint?</strong></p>
<p>Je maakt schermpagina&#8217;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.</p>
<p><strong>Hoe ziet het eruit?</strong></p>
<p><a href="http://www.leerbeleving.nl/wp-content/uploads/2011/05/B1.jpg"><img class="aligncenter size-full wp-image-1417" title="_B1" src="http://www.leerbeleving.nl/wp-content/uploads/2011/05/B1.jpg" alt="" width="623" height="474" /></a>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.</p>
<p><a href="http://www.leerbeleving.nl/wp-content/uploads/2011/05/B2.jpg"><img class="aligncenter size-full wp-image-1418" title="_B2" src="http://www.leerbeleving.nl/wp-content/uploads/2011/05/B2.jpg" alt="" width="623" height="474" /></a>Hier is het overzicht te zien van de verschillende pagina&#8217;s met daarbij de verbindingen. Een bestaande pagina kun je eenvoudig dupliceren en de links worden daarbij meegenomen.</p>
<p><a href="http://www.leerbeleving.nl/wp-content/uploads/2011/05/B3.jpg"><img class="aligncenter size-full wp-image-1421" title="_B3" src="http://www.leerbeleving.nl/wp-content/uploads/2011/05/B3.jpg" alt="" width="623" height="474" /></a>Hierboven is te zien dat je aan objecten acties (Actions) kunt verbinden. De mogelijkheden zijn erg uitgebreid waardoor de app erg natuurgetrouw afspeelt.</p>
<p><a href="http://www.leerbeleving.nl/wp-content/uploads/2011/05/B5.jpg"><img class="aligncenter size-full wp-image-1425" title="_B5" src="http://www.leerbeleving.nl/wp-content/uploads/2011/05/B5.jpg" alt="" width="623" height="474" /></a>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).</p>
<p><strong>Plus- en minpunten</strong></p>
<p>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:</p>
<ol>
<li>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.</li>
<li>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.</li>
</ol>
<p><strong>De pluspunten:</strong></p>
<ul>
<li>snelheid is goed;</li>
<li>leercurve is betrekkelijk kort;</li>
<li>het tonen van resultaat (inclusief swipe bewegingen en effecten) werkt erg prettig en bootst de echte app goed na;</li>
<li>erg veel instelmogelijkheden, vooral grafisch;</li>
<li>kunt in grafische lagen werken en deze goed ordenen;</li>
<li>plaatsen objecten gaat goed door magnetische hulplijnen;</li>
<li>validatieregels voorkomen dat een knop op een plek komt waar dit onmogelijk is in een echte app;</li>
<li>dupliceren van een pagina werkt perfect;</li>
<li>lite versie is voldoende uitgebreid om een goede indruk te krijgen;</li>
<li>export naar PDF werkt goed, gratis viewer is fijn om ontwerp te delen met collega&#8217;s en klanten.</li>
</ul>
<p><strong>De minpunten:</strong></p>
<ul>
<li>door aanraakmethodiek is het moeilijk om objecten precies goed te positioneren, hier mis je het precieze van een muis;</li>
<li> een export naar klikbare demo die op web te delen is zou erg welkom zijn. Nu is het lastig met viewer of statische pdf;</li>
<li>samenwerking met Dropbox zou handig zijn;</li>
<li>er is geen helpfunctie en de <a href="http://www.groosoft.com/2010/12/blueprint-video-tutorial.html" target="_blank"><strong>uitlegfilmpjes op de site</strong></a> zijn maar matig van kwaliteit;</li>
<li>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.</li>
</ul>
<p><strong>Eindoordeel</strong></p>
<p>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).</p>
<p><a href="http://www.leerbeleving.nl/wp-content/uploads/2011/05/4sterren222.jpg"><img class="alignleft size-full wp-image-1427" title="4sterren222" src="http://www.leerbeleving.nl/wp-content/uploads/2011/05/4sterren222.jpg" alt="" width="222" height="62" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.leerbeleving.nl/2011/05/18/mock-up-maken-voormet-de-ipad/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Niet meer praten over de iPad!</title>
		<link>http://www.leerbeleving.nl/2010/08/04/niet-meer-praten-over-de-ipad/</link>
		<comments>http://www.leerbeleving.nl/2010/08/04/niet-meer-praten-over-de-ipad/#comments</comments>
		<pubDate>Wed, 04 Aug 2010 09:07:21 +0000</pubDate>
		<dc:creator>Marcel de Leeuwe</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[e-Learning]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[e-learning.nl]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[m-learning]]></category>

		<guid isPermaLink="false">http://www.leerbeleving.nl/?p=1316</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2010%2F08%2F04%2Fniet-meer-praten-over-de-ipad%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2010%2F08%2F04%2Fniet-meer-praten-over-de-ipad%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><em><strong><span style="color: #ff0000;">Column van augustus gepubliceerd op <a href="http://www.e-learning.nl/subpage.aspx?l1=4&amp;l2=31&amp;subaction=details&amp;newsid=2693&amp;from=homepage" target="_blank">www.e-learning.nl</a> over de iPad:</span></strong></em></p>
<p>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.</p>
<p>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.</p>
<p><strong>Niet nieuw, toch nieuws!</strong><br />
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 &amp; 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.</p>
<p><strong>iPad is geen computer<br />
</strong>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&#8217;s, informatie op een website of wil even  mailen. Met je vingers zoek je je weg. Leren over de bediening is onnodig.</p>
<p><strong>Raak de kern</strong><br />
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!</p>
<p><img src="http://farm4.static.flickr.com/3502/4566001592_3e00459ddf.jpg" alt="" width="309" height="231" /><br />
<em>(johncarljohnson  op Flickr)</em></p>
<p><img src="http://farm5.static.flickr.com/4036/4517377115_c7495a6bcf.jpg" alt="" width="307" height="460" /><br />
<em>(teddyb109  op Flickr)</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leerbeleving.nl/2010/08/04/niet-meer-praten-over-de-ipad/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>eReader is de CD-i van nu!</title>
		<link>http://www.leerbeleving.nl/2010/03/25/ereader-is-de-cd-i-van-nu/</link>
		<comments>http://www.leerbeleving.nl/2010/03/25/ereader-is-de-cd-i-van-nu/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 22:43:31 +0000</pubDate>
		<dc:creator>Marcel de Leeuwe</dc:creator>
				<category><![CDATA[Basisonderwijs]]></category>
		<category><![CDATA[Conferentie]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[congres]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://www.leerbeleving.nl/?p=1156</guid>
		<description><![CDATA[Op 1 april vindt het seminar UGame ULearn plaats. Het thema van dit jaarlijkse event gericht op onderwijs en bibliotheken is &#8216;User Experience&#8216;. 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 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2010%2F03%2F25%2Fereader-is-de-cd-i-van-nu%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2010%2F03%2F25%2Fereader-is-de-cd-i-van-nu%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Op 1 april vindt het seminar <strong><a href="http://www.ugame-ulearn.com/index.php" target="_blank">UGame ULearn</a> </strong>plaats. Het thema van dit jaarlijkse event gericht op onderwijs en bibliotheken is &#8216;<strong>User Experience</strong>&#8216;. Een <img class="alignright size-full wp-image-1157" title="UGUL" src="http://www.leerbeleving.nl/wp-content/uploads/2010/03/UGUL.jpg" alt="" width="328" height="450" />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 <strong><a href="http://nl.wikipedia.org/wiki/CD-i" target="_blank">CD-i</a></strong>?</p>
<p><strong>User experience!</strong></p>
<p>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:</p>
<ol>
<li>Mijn 3-jarig zoontje gebruikt ongeveer een jaar mijn iPod Touch en iPhone. Voordat &#8216;ie 2 jaar oud was, bladerde hij al door foto&#8217;s. Zie eerdere <a href="http://www.leerbeleving.nl/2008/08/14/ipod-touch-is-kinderspel/" target="_blank">blogpost</a>. 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.</li>
<li>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.</li>
</ol>
<p>In beide voorbeelden verwacht de gebruiker een bepaalde &#8216;user experience&#8217; 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.</p>
<p><strong>eReader verliest in vergelijking</strong></p>
<p>Daar zie ik een probleem met de eReaders. Hoe technisch goed het scherm en de <strong><a href="http://nl.wikipedia.org/wiki/E-ink" target="_blank">e-ink</a></strong> ook is, het apparaat moet opboksen tegen twee concurrenten die als referentiepunt dienen:</p>
<ul>
<li>boek;</li>
<li>computerscherm.</li>
</ul>
<p style="padding-left: 30px;"><strong>Boek vs eReader.</strong> 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 <img src='http://www.leerbeleving.nl/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p style="padding-left: 30px;"><strong>Computerscherm vs eReader</strong>. 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.</p>
<p><strong>eReader relevant voor het onderwijs?</strong></p>
<p>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.</p>
<p>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.<strong><br />
</strong></p>
<p><strong>Zet de eReader maar naast de CD-i!<br />
</strong></p>
<p>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 <img class="alignright size-full wp-image-1165" title="ipad" src="http://www.leerbeleving.nl/wp-content/uploads/2010/03/ipad.jpg" alt="" width="130" height="201" />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&#8217;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 <a href="http://www.nu.nl/tech/2212142/sanoma-gaat-tijdschriften-ipad-brengen.html" target="_blank"><strong>bericht</strong></a> dat <a href="http://www.sanoma-uitgevers.nl/" target="_blank"><strong>Sanoma Uitgevers</strong></a> hun tijdschriften niet op eReader formaat maar op de iPad gaat uitbrengen. Dit bevestigt mijn beeld dat een apparaat als de <a href="http://www.apple.com/nl/ipad/" target="_blank"><strong>iPad</strong></a> 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.</p>
<p>We willen een apparaat dat voldoet aan onze hoge eisen en wensen. Voor minder leggen we dat papieren boek en het computerscherm niet terzijde.</p>
<p><strong>CD-i; maak maar plaats op de plank voor de huidige generatie eReaders!</strong></p>
<p>Ps, ook u kunt nog naar UGame ULearn debat toe!</p>
<p><strong><a href="http://www.moqub.com/2010/03/27/ugame-ulearn-udebate-2010-meet-the-author-publisher-bookseller-ereader-producer-teacher-librarian/" target="_blank"><img class="alignnone" title="ugameulearndebat" src="http://www.moqub.com/wp-content/uploads/2010/03/ebookdebat.bmp" alt="" width="565" height="375" /></a></strong></p>
<p><strong><em><span style="color: #ff0000;">Noot: via <a href="http://twitter.com/ranver" target="_blank">@ranver</a> kreeg ik de link naar een <a href="http://www.wired.com/epicenter/2010/02/the-wired-ipad-app-a-video-demonstration/" target="_blank">video van Wired Magazine</a> die laten zien hoe zij de iPad zien bij hun media magazine (vroegere papieren blad dat nu ook op andere manieren te gebruiken is).</span></em><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leerbeleving.nl/2010/03/25/ereader-is-de-cd-i-van-nu/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>Heb jij al geMock-upped?</title>
		<link>http://www.leerbeleving.nl/2009/12/14/heb-jij-al-gemock-upped/</link>
		<comments>http://www.leerbeleving.nl/2009/12/14/heb-jij-al-gemock-upped/#comments</comments>
		<pubDate>Sun, 13 Dec 2009 22:39:52 +0000</pubDate>
		<dc:creator>Marcel de Leeuwe</dc:creator>
				<category><![CDATA[Interface]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[ontwerp]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.leerbeleving.nl/?p=945</guid>
		<description><![CDATA[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 &#8216;Mock-up&#8217;. Wat is [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2009%2F12%2F14%2Fheb-jij-al-gemock-upped%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2009%2F12%2F14%2Fheb-jij-al-gemock-upped%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>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 &#8216;Mock-up&#8217;. Wat is het en hoe kun je ze maken?</p>
<p><strong>Wat is een Mock-up?</strong></p>
<p>Volgens <a href="http://nl.wikipedia.org/wiki/Mockup" target="_blank">Wikipedia</a> is een mock-up:</p>
<blockquote><p>&#8230;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 <span class="mw-redirect">gebruikersinterface</span> te testen. Een mockup wordt voornamelijk gebruikt voor demonstraties, lessen, evaluaties of promotie. Een mockup krijgt pas de term <strong><em>prototype</em></strong> als het ontwerp ook echt werkt. Meestal zijn de mockups dus voorbeelden qua uiterlijk.</p></blockquote>
<p>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.</p>
<p><strong>Wat is een mock-up niet?</strong></p>
<p>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.</p>
<p>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 &#8220;kun je die balk ook een andere kleur geven&#8221; dan heb je het niet goed gedaan <img src='http://www.leerbeleving.nl/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><strong>Maken van een mock-up; handige tools<br />
</strong></p>
<p>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 <a href="http://office.microsoft.com/nl-nl/visio/default.aspx" target="_blank"><strong>Microsoft Visio</strong></a> 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.</p>
<p>Een gratis te gebruiken online tool om een mock-up voor specifiek een iPhone applicatie te maken is <a href="http://iphonemockup.lkmc.ch" target="_blank"><strong>deze</strong></a>. 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.</p>
<p><img class="aligncenter size-full wp-image-948" title="mockup1" src="http://www.leerbeleving.nl/wp-content/uploads/2009/12/mockup1.jpg" alt="mockup1" width="500" height="459" /><em>Mock-ups gemaakt met <a href="http://iphonemockup.lkmc.ch" target="_blank">http://iphonemockup.lkmc.ch</a></em></p>
<p>Hans de Zwart gebruikte in <a href="http://blog.hansdezwart.info/2009/12/01/a-design-concept-for-a-mobile-moodle-application/" target="_blank"><strong>zijn post</strong></a> over de Moodle app een programma om mock-ups te maken dat veelzijdiger is en dat je kunt downloaden (niet gratis). Dit programma <a href="http://www.balsamiq.com/" target="_blank"><strong>Balsamiq</strong></a> 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 <a href="http://mockupstogo.net/" target="_blank"><strong>hier</strong></a>). Een export is op vele manier te maken.</p>
<p><img class="aligncenter size-full wp-image-953" title="balsamiq" src="http://www.leerbeleving.nl/wp-content/uploads/2009/12/balsamiq.jpg" alt="balsamiq" width="500" height="403" /><em>Applicatie Balsamiq waar een scherm snel te maken is.</em></p>
<p>Een derde (webbased) applicatie om mock-ups te maken is <a href="http://gomockingbird.com/mockingbird/" target="_blank"><strong>Mockingbird</strong></a>. Deze site is gratis om te gebruiken en het aardige hieraan is het feit dat je meerdere pagina&#8217;s kunt maken. In de preview zijn er dan mooie pagina&#8217;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.</p>
<p><img class="aligncenter size-full wp-image-955" title="mockingbird" src="http://www.leerbeleving.nl/wp-content/uploads/2009/12/mockingbird.jpg" alt="mockingbird" width="500" height="285" /><em>De webbased (en gratis) tool Mockingbird</em></p>
<p>Laatste en wat mij betreft mooiste online tool is <a href="http://www.mockflow.com/" target="_blank"><strong>MockFlow</strong></a><em>.</em> 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!</p>
<p><em><img class="aligncenter size-full wp-image-958" title="mockflow" src="http://www.leerbeleving.nl/wp-content/uploads/2009/12/mockflow.jpg" alt="mockflow" width="500" height="312" />Mockflow combineert alle mooie functies van de andere applicaties<br />
</em></p>
<p><span style="color: #ff0000;"><strong>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!</strong></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leerbeleving.nl/2009/12/14/heb-jij-al-gemock-upped/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Een ontwerp voor een mobiele Moodle applicatie</title>
		<link>http://www.leerbeleving.nl/2009/12/01/een-ontwerp-voor-een-mobiele-moodle-applicatie/</link>
		<comments>http://www.leerbeleving.nl/2009/12/01/een-ontwerp-voor-een-mobiele-moodle-applicatie/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 22:59:39 +0000</pubDate>
		<dc:creator>Marcel de Leeuwe</dc:creator>
				<category><![CDATA[Interface]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[m-learning]]></category>
		<category><![CDATA[moodle]]></category>
		<category><![CDATA[Parallax]]></category>

		<guid isPermaLink="false">http://www.leerbeleving.nl/?p=935</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2009%2F12%2F01%2Feen-ontwerp-voor-een-mobiele-moodle-applicatie%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2009%2F12%2F01%2Feen-ontwerp-voor-een-mobiele-moodle-applicatie%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><em><a title="Arjen Vrielink" href="http://brndmp.redcube.nl/">Arjen Vrielink</a> and <a href="http://blog.hansdezwart.info/" target="_blank">Hans de Zwart</a> write a monthly series titled: <a href="http://en.wikipedia.org/wiki/Parallax" target="_blank">Parallax</a>. They both agree on a title for the post and on some other arbitrary restrictions<br />
to induce their creative process. For this post they agreed to create a design concept for a mobile Moodle application. The concept should</em><em> include screen mockups. You can read Arjen&#8217;s post <a href="http://brndmp.redcube.nl/2009/12/01/a-design-concept-for-a-mobile-moodle-application" target="_blank">here </a>and Hans&#8217; post <a href="http://blog.hansdezwart.info/2009/12/01/a-design-concept-for-a-mobile-moodle-application/" target="_blank">here</a>.</em><em> </em></p>
<p><em>This month they have invited two guest writers: <a href="http://www.moocha.nl/" target="_blank">Job Bilsen</a> (his post can be found <a href="http://www.moocha.nl/2009/12/een-ontwerp-voor-een-mobiele-moodle-applicatie/" target="_blank">here</a>) and I.</em></p>
<p><strong>Moodle App</strong><em><br />
</em></p>
<p>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 <a href="http://mle.sourceforge.net/" target="_blank"><strong>MLE</strong></a> &amp; <a href="http://www.mobilemoodle.org/momo18/" target="_blank"><strong>MOMO project</strong></a>) 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.</p>
<p><strong>Waarom een Moodle app?</strong></p>
<p>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.<br />
<strong><br />
Wat moet die app kunnen?</strong></p>
<p>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).</p>
<p>De nadruk van de app ligt op:</p>
<ol>
<li>Contact met anderen</li>
<li>Maken opdrachten (inclusief foto en video toevoegen)</li>
<li>Raadplegen en aanvullen bronnen</li>
<li>Inzicht in het leerproces</li>
</ol>
<p>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.</p>
<p><strong>Inhoud verschillende onderdelen</strong></p>
<p><em><strong>Contact centre</strong></em></p>
<ul>
<li>berichten (ontvangen/sturen)</li>
<li>Google maps, anderen zien?</li>
<li>lijst deelnemers</li>
<li>wie online?</li>
<li>tags (interesses)/profielen</li>
</ul>
<p><em><strong>Opdrachten</strong></em></p>
<ul>
<li>online opdrachten</li>
<li>testen maken</li>
</ul>
<p><em><strong>Bronnen/activiteiten</strong></em></p>
<ul>
<li>bronnen hele site</li>
<li>wiki</li>
<li>woordenlijst</li>
</ul>
<p><em><strong>Inzicht leerproces</strong></em></p>
<ul>
<li>overzicht voortgang (inclusief punten)</li>
<li>overzicht openstaande opdrachten</li>
</ul>
<p><em><strong>Cursusview</strong></em></p>
<ul>
<li>alles zien</li>
</ul>
<p><img class="aligncenter size-full wp-image-937" title="m-app" src="http://www.leerbeleving.nl/wp-content/uploads/2009/12/m-app.jpg" alt="m-app" width="500" height="471" /></p>
<p>Originele mock-up is te zien op <a href="http://iphonemockup.lkmc.ch/?id=gTTgTMAeNkOBRORgWNYPYegPkXBTHZeXMFDkPePCd&amp;style=illustration" target="_blank"><strong>deze site</strong></a>. Hier zijn gratis mock-ups te maken. Let op: als je deze site gebruikt kan iedereen die de url heeft je mock-up aanpassen.</p>
<p><span style="color: #ff0000;"><strong>Alle tips, opmerkingen, ideeën en aanvullingen zijn van harte welkom. Laat van je horen!</strong></span></p>
<p><em><br />
</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leerbeleving.nl/2009/12/01/een-ontwerp-voor-een-mobiele-moodle-applicatie/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Kinderlijke User interface verplicht!</title>
		<link>http://www.leerbeleving.nl/2009/06/19/kinderlijke-user-interface-verplicht/</link>
		<comments>http://www.leerbeleving.nl/2009/06/19/kinderlijke-user-interface-verplicht/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 21:54:36 +0000</pubDate>
		<dc:creator>Marcel de Leeuwe</dc:creator>
				<category><![CDATA[e-Learning]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[kinderen]]></category>
		<category><![CDATA[moodle]]></category>

		<guid isPermaLink="false">http://www.leerbeleving.nl/?p=759</guid>
		<description><![CDATA[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? [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2009%2F06%2F19%2Fkinderlijke-user-interface-verplicht%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2009%2F06%2F19%2Fkinderlijke-user-interface-verplicht%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>De afgelopen weken hebben <a href="http://wilfredrubens.typepad.com/wilfred_rubens_weblog/2009/06/weg-met-de-applicatietraining.html" target="_blank"><strong>Wilfred Rubens</strong></a> en <a href="http://blog.hansdezwart.info/2009/05/22/application-training-please-no/" target="_blank"><strong>Hans de Zwart</strong></a> 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?<br />
<strong><br />
Gemak, genot en gewin bij e-Learning</strong><br />
<a href="http://users.gw.utwente.nl/collis/" target="_blank"><strong>Betty Collis</strong></a> 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:</p>
<ol>
<li><strong>Gemak</strong>: 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.</li>
<li><strong>Genot</strong>: 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.</li>
<li><strong>Gewin</strong>: 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 <a href="http://en.wikipedia.org/wiki/Electronic_performance_support_systems" target="_blank">Wikipedia</a>) of een kennismanagementsysteem zoals een organisatiebrede wiki kunnen ook voor gewin zorgen.</li>
</ol>
<p><strong>Kinderlijk eenvoudige Moodle interface</strong><br />
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.</p>
<p>Volgens mij zouden de uitgangspunten om te komen tot een kindvriendelijke omgeving kunnen zijn:</p>
<ul>
<li>consistente aanpak (bediening werkt op vele plekken hetzelfde);</li>
<li>visuele ondersteuning (veel gebruik van herkenbare en heldere symbolen om bepaalde acties te duiden);</li>
<li>platte organisatie van inhoud en functionaliteiten (weinig keer klikken om ergens te komen);</li>
<li>visuelere interactievormen (samen tekenen, video opnemen, etc.);</li>
<li>niet teveel manieren aanbieden om hetzelfde te doen (keuzevrijheid beperken);</li>
<li>persoonlijke aanpak (schrijfstijl maar ook bijvoorbeeld een aansprekend figuurtje dat je helpt);</li>
<li>adaptief systeem (content maar ook bediening past zich automatisch aan aan het gedrag).</li>
</ul>
<p><strong>Eenvoud is de nieuwe en nodige standaard</strong><br />
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.</p>
<p>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&#8217;s moest bladeren (zie het <a href="http://www.leerbeleving.nl/2008/08/14/ipod-touch-is-kinderspel/" target="_blank"><strong>filmpje</strong></a>).</p>
<p>Bij het ontwerpen van een interface moet het adagium zijn: &#8220;<strong>Less is more!</strong>&#8221; of het vaak aangehaalde <strong>KISS</strong>-principe (Keep it Simple Stupid).</p>
<p>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. <span style="color: #ff0000;"><strong>Als je mee wilt helpen/denken dan hoor ik het graag!</strong></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leerbeleving.nl/2009/06/19/kinderlijke-user-interface-verplicht/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Uitpakvideo van de XO laptop</title>
		<link>http://www.leerbeleving.nl/2008/12/25/uitpakvideo-van-de-xo-laptop/</link>
		<comments>http://www.leerbeleving.nl/2008/12/25/uitpakvideo-van-de-xo-laptop/#comments</comments>
		<pubDate>Thu, 25 Dec 2008 12:29:55 +0000</pubDate>
		<dc:creator>Marcel de Leeuwe</dc:creator>
				<category><![CDATA[Basisonderwijs]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[basis]]></category>
		<category><![CDATA[hardware]]></category>
		<category><![CDATA[OLPC]]></category>
		<category><![CDATA[review]]></category>

		<guid isPermaLink="false">http://www.leerbeleving.nl/?p=290</guid>
		<description><![CDATA[Sinds een paar weken kunnen ook Europeanen via Amazon deelnemen aan het &#8216;Give one, Get one&#8217;-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 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2008%2F12%2F25%2Fuitpakvideo-van-de-xo-laptop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2008%2F12%2F25%2Fuitpakvideo-van-de-xo-laptop%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Sinds een paar weken kunnen ook Europeanen via <a href="http://www.amazon.co.uk/One-Laptop-Per-Child-XO/dp/B001LDQWJI" target="_blank"><strong>Amazon</strong></a> deelnemen aan het &#8216;Give one, Get one&#8217;-initiatief waarbij je 2 <a href="http://laptop.org/en/laptop/index.shtml" target="_blank"><strong>XO kinderlaptops</strong></a> koopt. Een laptop krijg je zelf, de ander wordt ergens in de wereld aan een kind gegeven.</p>
<p>Dit keer is het gelukt, een paar dagen geleden heb ik de laptop ontvangen, zie hieronder het verslag.</p>
<p><object width="448" height="262" data="http://blip.tv/play/gegc4tonAA" type="application/x-shockwave-flash"><param name="src" value="http://blip.tv/play/gegc4tonAA" /><param name="allowfullscreen" value="true" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leerbeleving.nl/2008/12/25/uitpakvideo-van-de-xo-laptop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Je hoofd op een ander lichaam</title>
		<link>http://www.leerbeleving.nl/2008/09/11/je-hoofd-op-een-ander-lichaam/</link>
		<comments>http://www.leerbeleving.nl/2008/09/11/je-hoofd-op-een-ander-lichaam/#comments</comments>
		<pubDate>Thu, 11 Sep 2008 05:00:13 +0000</pubDate>
		<dc:creator>Marcel de Leeuwe</dc:creator>
				<category><![CDATA[Interface]]></category>
		<category><![CDATA[multimedia]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[VR]]></category>

		<guid isPermaLink="false">http://www.leerbeleving.nl/?p=206</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2008%2F09%2F11%2Fje-hoofd-op-een-ander-lichaam%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2008%2F09%2F11%2Fje-hoofd-op-een-ander-lichaam%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>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.</p>
<p>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 <a href="http://nl.wikipedia.org/wiki/Chroma_key" target="_blank"><strong>wikipedia</strong></a>). Hierbij wordt een groen scherm gebruikt. Je mixt dan twee beelden door elkaar. In dit geval kregen de deelnemers een groene &#8216;kapperscape&#8217; 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.</p>
<p>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.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.youtube.com/v/_Furwq3yaG0" /><embed type="application/x-shockwave-flash" width="425" height="350" src="http://www.youtube.com/v/_Furwq3yaG0"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leerbeleving.nl/2008/09/11/je-hoofd-op-een-ander-lichaam/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>iPod touch is kinderspel</title>
		<link>http://www.leerbeleving.nl/2008/08/14/ipod-touch-is-kinderspel/</link>
		<comments>http://www.leerbeleving.nl/2008/08/14/ipod-touch-is-kinderspel/#comments</comments>
		<pubDate>Thu, 14 Aug 2008 20:36:47 +0000</pubDate>
		<dc:creator>Marcel de Leeuwe</dc:creator>
				<category><![CDATA[Interface]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[interactie]]></category>

		<guid isPermaLink="false">http://www.leerbeleving.nl/?p=187</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2008%2F08%2F14%2Fipod-touch-is-kinderspel%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.leerbeleving.nl%2F2008%2F08%2F14%2Fipod-touch-is-kinderspel%2F&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Helaas ben ik niet een van de gelukkige die een iPhone bezitten. Maar het gemis wordt iets verzacht door mijn <a href="http://www.apple.com/nl/ipodtouch/" target="_blank"><strong>iPod touch</strong></a>. 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.</p>
<p><strong>Kleine programma&#8217;s</strong><br />
Sinds kort zijn ook kleine <a href="http://www.apple.com/nl/ipodtouch/webapps/" target="_blank"><strong>programmaatjes</strong></a> te koop, de meeste minder dan 10 euro. Ik heb al verschillende educatieve apps gekocht waaronder:</p>
<ul>
<li>Brain Challenge;</li>
<li>FlashMath;</li>
<li>StudyCards.</li>
</ul>
<p><strong>Geniale interface</strong><br />
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.</p>
<p><strong>Kinderspel</strong><br />
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&#8217;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.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.youtube.com/v/lhFBa7omq30" /><embed type="application/x-shockwave-flash" width="425" height="350" src="http://www.youtube.com/v/lhFBa7omq30"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.leerbeleving.nl/2008/08/14/ipod-touch-is-kinderspel/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

