<?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>magicolr.com ★ advies &#38; ontwerpbureau</title>
	<atom:link href="http://magicolr.com/feed" rel="self" type="application/rss+xml" />
	<link>http://magicolr.com</link>
	<description>blog over interactive media, design, mobile, tablets en meer…</description>
	<lastBuildDate>Mon, 13 Feb 2012 13:08:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Chorded toetsenbord voor multi-touch devices.</title>
		<link>http://magicolr.com/multi-touch-toetsenbord?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=multi-touch-toetsenbord</link>
		<comments>http://magicolr.com/multi-touch-toetsenbord#comments</comments>
		<pubDate>Mon, 13 Feb 2012 13:00:08 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=584</guid>
		<description><![CDATA[Wat een fijne uitwerking van het Chorded toetsenbord is dit! Verbeteringen Natuurlijk kunnen er op bepaalde punten verbeteringen behaald worden, denk aan grotere letters. In plaats van de woorden; SPACE, ENTER en DELETE, kan er beter een symbool gebruikt worden. Bij voorkeur dezelfde die nu op een standaard toetsenbord gebeukt worden. Dit geeft een betere herkenning [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><a href="http://magicolr.com/wp-content/uploads/2012/02/tablet-Chorded-toetsenbord.jpg"><img class="size-medium wp-image-585 aligncenter" title="tablet-Chorded-toetsenbord" src="http://magicolr.com/wp-content/uploads/2012/02/tablet-Chorded-toetsenbord-620x281.jpg" alt="Tablet chorded toetsenbord" width="620" height="281" /></a>Wat een fijne uitwerking van het Chorded toetsenbord is dit! <span id="more-584"></span><strong>Verbeteringen</strong><br />
Natuurlijk kunnen er op bepaalde punten verbeteringen behaald worden, denk aan grotere letters. In plaats van de woorden; SPACE, ENTER en DELETE, kan er beter een symbool gebruikt worden. Bij voorkeur dezelfde die nu op een standaard toetsenbord gebeukt worden. Dit geeft een betere herkenning en geeft meer ruimte voor het gebruik van een grotere letter.</p>
<p style="text-align: left;"><strong>Inzet verschillende invoer mogelijkheden</strong><br />
Naar mijn idee is dit het eerste goed bruikbare tablet invoersysteem waar echt over is nagedacht. Voor je laptop/desktop heb je twee handen vrij om je oude vertrouwde toetsenbord te gebruiken voor het invoeren van tekst.<br />
Op een smartphone kun je Swype gebruiken, welke perfect past op een klein scherm. Waar je met één hand de telefoon vast hebt, kun je niet meer met twee handen typen. Via <a title="Swype" href="http://www.swype.com/" target="_blank">Swype</a> kun je met één vinger tekst invoeren.</p>
<p>Ook een tablet heb je vaak met één hand vast, hierdoor heb je nog maar één hand vrij. Dit betekend dat je wel vijf vingers kunt gebruiken om te typen! Het standaard tablet toetsenbord is te groot om goed met één hand te gebruiken. Ook met Swype vlieg je op hetzelfde toetsenbord het hele scherm over.</p>
<p><strong>Werking van het Chorded toetsenbord op multi-touch devices</strong><br />
Door het gebruik van dit toetsenbord kun je snel met de vijf vingers van je andere hand tekst invoeren. Je begint met een standaard indeling zoals te zien is op de linker ipad. Wanneer je een knop indrukt, filter je heel veel letters weg. De overige letters worden steeds verdeeld over de overgebleven knoppen. (rechter iPad). Uiteindelijk hou je op elke knop één letter over waaronder de letter welke je wil invoeren.<br />
Het werkt naar mijn mening erg handt als je onderweg bent. Het zijn grote knoppen welke ook goed te gebruiken zijn in de auto of lopend. Met</p>
<p><strong>Het project<br />
</strong>Met het project dat nu bezig is willen ze gebruik gaan maken van een twee handen versie om alle tekens een plek te kunnen geven. Naar mijn idee is dit niet waar het project zich op moet richten. Het is beter om een paar kleine knoppen (123, #@?) bij het virtuele toetsenbord te plaatsen waarmee je kunt wisselen van karaktersets zoals je dit kent bij de huidige toetsenborden van je smartphone en tablet.</p>
<p>Probeer zelf het <a title="Chorded Keyboard project" href="http://labs.teague.com/projects/ChordedKeyboard/" target="_blank">Chorded toetsenbord</a> (wel een multi-touch devices gebruiken)</p>
<p>&nbsp;</p>
<p><strong>Relevante berichten:<br />
</strong><a title="Handig voor twee handige iPad gebruikers" href="http://magicolr.com/handig-voor-twee-handige-ipad-gebruikers">Handig voor twee handige iPad gebruikers</a></p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/multi-touch-toetsenbord/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iBooks Author review</title>
		<link>http://magicolr.com/ibooks-author-review?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=ibooks-author-review</link>
		<comments>http://magicolr.com/ibooks-author-review#comments</comments>
		<pubDate>Sat, 21 Jan 2012 10:13:09 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=560</guid>
		<description><![CDATA[Gisteren ben ik bezig geweest met het maken van een e-Book via het nieuwe iBooks Author van Apple. Wat mij direct opvalt is dat er bij deze lancering maar weinig temptaties geleverd zijn. Ook is het nu nog niet mogelijk om de bestaande temptaties geheel naar wens te wijzigen. Wel kun je een foto of ander [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://magicolr.com/ibooks-author-review/ibooks-author" rel="attachment wp-att-561"><img class="aligncenter size-medium wp-image-561" title="Haal alles uit je website! En stop het in je za(a)k door Pascal Montsma" src="http://magicolr.com/wp-content/uploads/2012/01/iBooks-author-620x399.png" alt="Haal alles uit je website! En stop het in je za(a)k door Pascal Montsma" width="620" height="399" /></a></p>
<p>Gisteren ben ik bezig geweest met het maken van een e-Book via het nieuwe iBooks Author van Apple. <span id="more-560"></span>Wat mij direct opvalt is dat er bij deze lancering maar weinig temptaties geleverd zijn. Ook is het nu nog niet mogelijk om de bestaande temptaties geheel naar wens te wijzigen. Wel kun je een foto of ander beeld als cover plaatsen. Let er wel op dat je de tekst invoert via de iBooks Author. Hierdoor zal de tekst doorzoekbaar zijn vanaf de iPad.</p>
<p><strong>Voordelen</strong><br />
Wat direct opvalt aan deze nieuwe tool is dat alles weer eenvoudig en intuïtief werkt. Precies zoals je van Apple verwacht.  In een paar stappen heb je een e-book gemaakt! Je kunt gebruik maken van standaard interactieve onderdelen die je verhaal een stuk dynamischer kunnen maken.</p>
<p><strong>Nadelen</strong><br />
Er zijn veel regels en voorwaarden waaraan je moet voldoen voor je jouw boek in de iBookstore van Apple mag plaatsen. Dit kan voor beginners een drempel zijn om niet te beginnen met iBooks Author. Ook voor iedereen die al een iTunes  Connect account heeft kan deze niet gebruiken voor het publiceren van de e-books. Hiervoor moet je een nieuw Apple-ID aanvragen.<br />
Wil je geld verdienen aan je boek, dan moet je zorgen dat je een <a title="ISBN voor nieuwe auteurs" href="https://portal.boekhuis.nl/isbn/informatie/informatie-voor-nieuwe-uitgevers" target="_blank">ISBN nummer</a> hebt welke je inclusief belasting ongeveer €14,50 kost. Via de iPhoneclub website tref je een uitgebreider overzicht aan van de <a title="iPhoneclub.nl" href="http://www.iphoneclub.nl/163235/ibooks-author-de-venijnige-kleine-lettertjes/" target="_blank">kleine leters van Apple</a>.</p>
<p><strong>Conclusie</strong><br />
Ben je geen vormgever en heb je wel wat te melden, dan is iBook Author van Apple iets voor jou. Je maakt optimaal gebruik van het toegankelijke en veilige distributie netwerk van de iBookstore zonder tussenkomst van een uitgever die een groot gedeelte van de winst opeist.</p>
<p style="text-align: center;"><a href="http://itunes.apple.com/nl/book/haal-alles-uit-je-website!/id498769634?mt=11&amp;ls=1"><img class="aligncenter size-full wp-image-577" title="download-e-book" src="http://magicolr.com/wp-content/uploads/2012/02/download-e-book.png" alt="download-e-book" width="220" height="56" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/ibooks-author-review/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mobiel &amp; Tablet gebruik in Nederland januari 2012</title>
		<link>http://magicolr.com/mobiel-tablet-gebruik-in-nederland-januari-2012?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mobiel-tablet-gebruik-in-nederland-januari-2012</link>
		<comments>http://magicolr.com/mobiel-tablet-gebruik-in-nederland-januari-2012#comments</comments>
		<pubDate>Sat, 07 Jan 2012 12:00:59 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=556</guid>
		<description><![CDATA[Op basis van de vier belangrijkste besturingssysteem voor mobile internet devices (MID) in Nederland. Heb ik een overzicht gemaakt van hun aandeel in de markt. Wat opvalt is dat Android in de afgelopen drie maanden een inhaalslag heeft gemaakt. &#160;]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-medium wp-image-557" title="MobileOS-NL-jan2012" src="http://magicolr.com/wp-content/uploads/2012/01/MobileOS-NL-jan2012-620x366.png" alt="Mobile and Tablet OS - NL - januari 2012" width="620" height="366" /></p>
<p><span id="more-556"></span>Op basis van de vier belangrijkste besturingssysteem voor <em>mobile internet devices (MID)</em> in Nederland. Heb ik een overzicht gemaakt van hun aandeel in de markt. Wat opvalt is dat Android in de afgelopen drie maanden een inhaalslag heeft gemaakt.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/mobiel-tablet-gebruik-in-nederland-januari-2012/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Handig voor twee handige iPad gebruikers</title>
		<link>http://magicolr.com/handig-voor-twee-handige-ipad-gebruikers?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=handig-voor-twee-handige-ipad-gebruikers</link>
		<comments>http://magicolr.com/handig-voor-twee-handige-ipad-gebruikers#comments</comments>
		<pubDate>Wed, 09 Nov 2011 08:56:54 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=535</guid>
		<description><![CDATA[Soms zijn twee halven beter dan één hele, vooral als je twee handen gebruikt bij het typen op je iPad. Voorheen draaide ik vaak de iPad in portret stand, hierdoor is de iPad smaller en kon ik gemakkelijker bij de verschillende letters. In iOS versie 5 heeft Apple de layout van het toetsenbord aangepast voor [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><a href="http://magicolr.com/wp-content/uploads/2011/11/iOS5-keybord.jpg"><img class="size-medium wp-image-537" title="iOS5-keybord-layout-options" src="http://magicolr.com/wp-content/uploads/2011/11/iOS5-keybord-620x281.jpg" alt="iOS5 keybord layout options" width="620" height="281" /></a>Soms zijn twee halven beter dan één hele, vooral als je twee handen gebruikt bij het typen op je iPad.<br />
<span id="more-535"></span>Voorheen draaide ik vaak de iPad in portret stand, hierdoor is de iPad smaller en kon ik gemakkelijker bij de verschillende letters. In iOS versie 5 heeft Apple de layout van het toetsenbord aangepast voor mensen die de iPad met twee handen vast houden.</p>
<p style="text-align: left;"><strong>Zo werkt het wel<br />
</strong>Met je duimen trek je het toetsenbord uit elkaar, dat is alles. Ik geef toe dat dit niet duidelijk is zonder uitleg, maar misschien ben je er toevallig achter gekomen. Om het originele toetsenbord weer terug te krijgen duw je de twee delen weer samen.</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/handig-voor-twee-handige-ipad-gebruikers/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Herkenbaarheid in je huisstijl, ook voor iPad &amp; iPhone</title>
		<link>http://magicolr.com/herkenbaarheid-in-je-huisstijl?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=herkenbaarheid-in-je-huisstijl</link>
		<comments>http://magicolr.com/herkenbaarheid-in-je-huisstijl#comments</comments>
		<pubDate>Mon, 07 Nov 2011 15:47:22 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=522</guid>
		<description><![CDATA[Veel websites hebben tegenwoordig een icoontje in de adresbalk van de browser staan. Dit is een klein plaatje dat voor herkenning zorgt wanneer je de website bezoekt. Aangezien er steeds meer gebruik gemaakt wordt van mobiel internet en tablets is de herkenning voor deze groep ook meer en meer noodzakelijk. Een mooi voordeel hierbij is [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-523" title="custom-iOS-icon" src="http://magicolr.com/wp-content/uploads/2011/11/custom-iOS-icon-620x269.jpg" alt="Eigen iOS icoon" width="620" height="269" /></p>
<p>Veel websites hebben tegenwoordig een icoontje in de adresbalk van de browser staan. Dit is een klein plaatje dat voor herkenning zorgt wanneer je de website bezoekt.<br />
Aangezien er steeds meer gebruik gemaakt wordt van mobiel internet en tablets is de herkenning voor deze groep ook meer en meer noodzakelijk. <span id="more-522"></span>Een mooi voordeel hierbij is dat de iconen voor deze apparaten vaak veel groter zijn en als startknop voor je website en web-app gebruikt worden.</p>
<p>Hieronder zie je hoe een icoon ingesteld moet worden door je bezoeker.</p>
<p><a href="http://magicolr.com/wp-content/uploads/2011/11/Add-to-home-screen.jpg"><img class="alignleft size-medium wp-image-525" title="Add-to-home-screen" src="http://magicolr.com/wp-content/uploads/2011/11/Add-to-home-screen-620x320.jpg" alt="Add to home screen" width="620" height="320" /></a></p>
<p>Het is belangrijk dat mensen je beeldmerk gaan herkennen. Herhaling zorgt voor herkenbaarheid en naamsbekendheid.</p>
<p>De voorbeeld code zal iOS vertellen wat hij met je icoon moet doen en plaatsen op het home scherm. Tip, de &lt;head&gt; en &lt;/head&gt; staan al in je site. Plaats de overige code hiertussen.</p>
<blockquote><p><span style="color: #333399;"><strong>&lt;head&gt;</strong></span><br />
<span style="color: #333399;"><strong>&lt;title&gt;bedrijfsnaam&lt;/title&gt;</strong></span><br />
<span style="color: #333399;"><strong>&lt;link rel=&#8221;apple-touch-icon&#8221; href=&#8221;/naam.png&#8221;/&gt;</strong></span><br />
<span style="color: #333399;"><strong>&lt;/head&gt; </strong></span></p></blockquote>
<p>Hieronder kun je een PSD (photoshop bestand) downloaden om zelf een icoon te maken van jouw logo of beeldmerk.</p>
<p><a href="http://magicolr.com/wp-content/uploads/2011/11/Apple-Touch-Icon.zip"><img class="aligncenter size-full wp-image-582" title="download-ipadstoryboard" src="http://magicolr.com/wp-content/uploads/2012/02/download-ipadstoryboard.png" alt="download iPad storyboard" width="220" height="56" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/herkenbaarheid-in-je-huisstijl/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iOS 5 en iCloud op de iPad</title>
		<link>http://magicolr.com/ios-5-en-icloud-op-de-ipad?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=ios-5-en-icloud-op-de-ipad</link>
		<comments>http://magicolr.com/ios-5-en-icloud-op-de-ipad#comments</comments>
		<pubDate>Wed, 19 Oct 2011 07:29:20 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=504</guid>
		<description><![CDATA[Apple laat je op de iPad via een eenvoudige interface stap voor stap de nieuwe functies van iCloud instellen. Door beelden met animatie te gebruiken in combinatie met het stellen van een vraag worden alle stappen doorlopen om iCloud naar wens te kunnen laten werken. Op een Mac met Lion is de iCloud functie toegevoegd [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://magicolr.com/wp-content/uploads/2011/10/iCloud-on-the-iPad2.jpg"><br />
</a>Apple laat je op de iPad via een eenvoudige interface stap voor stap de nieuwe functies van iCloud instellen.</p>
<p><a href="http://magicolr.com/wp-content/uploads/2011/10/iCloud-on-the-iPad2.jpg"><img class="alignleft size-medium wp-image-516" style="border-style: initial; border-color: initial; float: left; border-width: 0px;" title="iCloud on the iPad" src="http://magicolr.com/wp-content/uploads/2011/10/iCloud-on-the-iPad2-620x390.jpg" alt="iCloud on the iPad" width="620" height="390" /></a></p>
<div><span style="color: #0000ee;"><span style="text-decoration: underline;"><br />
</span></span><span id="more-504"></span>Door beelden met animatie te gebruiken in combinatie met het stellen van een vraag worden alle stappen doorlopen om iCloud naar wens te kunnen laten werken.</p>
<p>Op een Mac met Lion is de iCloud functie toegevoegd in de systeemvoorkeuren. Hier zou het instellen van de verschillende onderdelen nog wel wat vereenvoudigt kunnen worden.</p>
<p>Door de update zijn de verschillende producten van Apple (computer, tablet en telefoon) altijd voorzien van dezelfde agenda items, contactpersonen enz. De user experience is hiermee naar een totaal van de verschillende apparaten gebracht.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/ios-5-en-icloud-op-de-ipad/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>QR-codes zijn voor kleine beeldschermen</title>
		<link>http://magicolr.com/qr-codes-zijn-voor-kleine-beeldschermen?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=qr-codes-zijn-voor-kleine-beeldschermen</link>
		<comments>http://magicolr.com/qr-codes-zijn-voor-kleine-beeldschermen#comments</comments>
		<pubDate>Tue, 06 Sep 2011 12:37:28 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=443</guid>
		<description><![CDATA[Het gebruik van QR-codes in de media is de afgelopen maanden behoorlijk toegenomen. Naar mijn idee worden er ook QR-codes gebruikt om het hebben van een hippe QR-code op je publicaties. Met een paar simpele vragen maak je de ervaring voor je bezoeker een stuk prettiger! Valkuil Je kunt snel controleren of de QR-code een toegevoegde [...]]]></description>
			<content:encoded><![CDATA[<p>Het gebruik van QR-codes in de media is de afgelopen maanden behoorlijk toegenomen. Naar mijn idee worden er ook QR-codes gebruikt om het hebben van een hippe QR-code op je publicaties. Met een paar simpele vragen maak je de ervaring voor je bezoeker een stuk prettiger!<br />
<a href="http://magicolr.com/?p=443"><img class="alignleft size-full wp-image-444" title="QR-code op de cover van De Telefoongids" src="http://magicolr.com/wp-content/uploads/2011/09/QR-code-De-telefoongids.jpg" alt="QR-code op de cover van De Telefoongids" width="620" height="277" /><span id="more-443"></span><br />
</a></p>
<p><strong>Valkuil<br />
</strong>Je kunt snel controleren of de QR-code een toegevoegde waarde heeft of dat de code als trend item gebruikt is. Dit doe je door het scannen van de code met je Smartphone.</p>
<p><strong>Waar kom je terecht?<br />
</strong>Je zal zien dat een klein deel van de QR-codes je naar een website zal sturen die speciaal is ontwikkeld voor kleine beeldschermen. Dit is de meest wenselijke situatie.</p>
<p><strong>Zo scannen wij!<br />
</strong>Omdat een QR-code op een enkeling na altijd met een Smartphone gescand wordt, heb je ook maar een klein scherm om de link te bekijken. Hier gaat het dan ook vaak mis. Zo ook bij de folder van de Mitra. Je komt op de standaard website bij de openingstijden. Beter is het om speciaal hiervoor een mobiele website te maken die geschikt is voor kleine beeldschermen.</p>
<p><strong>De QR-code<br />
</strong>Zorg dat de inhoudt (meestal een URL) zo kort mogelijk is. Doordat de afmeting van een QR-code gelijk blijft, zal de &#8216;resolutie&#8217; ervan hoger worden. (Zie onderstaande voorbeeld)<br />
<img class="alignleft size-full wp-image-498" title="QR-code - hou de inhoudt kort" src="http://magicolr.com/wp-content/uploads/2011/09/QR-code-voorbeeld.gif" alt="QR-code - hou de inhoudt kort" width="620" height="216" />Door de kleinere blokjes in de code is het scannen veel lastiger. Hierdoor is de kans dat het scannen niet lukt veel groter. Is het niet mogelijk dat je zelf een korte URL maakt, gebruik dan de <a title="URL Shortener" href="http://goo.gl/" target="_blank">Google URL Shortene</a>.</p>
<p><strong>Beperkingen en mogelijkheden<br />
</strong>De mogelijkheden zijn eindeloos, wanneer je maar onthoud dat er beperkingen zijn aan wat een Smartphone kan. Alle beperkingen bij elkaar zijn de norm waarbinnen je mag bewegen.</p>
<p>Voorbeeld: Omdat Android toestellen Flash ondersteunen zou je deze techniek kunnen gaan gebruiken. Bedenk dan dat Android maar verantwoordelijk is voor 22% van het mobiele internet verkeer in Nederland. Dit stelt niet veel voor wanneer je weet dat de iPhone en iPad van Apple samen goed zijn voor 70% van het mobiele internet verkeer in Nederland. Nu je dit weet wil je het gebruik van Flash wel achterwege laten.</p>
<p><strong>Investeer en leer!<br />
</strong>Bedenk wie de QR-code scant? Welke waarde heeft de code? Wat moet er gecommuniceerd worden? Met het beantwoorden van deze vragen heb je alle informatie om een goede mobiele landingpage te maken.</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/qr-codes-zijn-voor-kleine-beeldschermen/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Digitaal publiceren voor tablets. De ontbrekende functies uitgelicht!</title>
		<link>http://magicolr.com/digitaal-publiceren-voor-tablets-de-ontbrekende-functies-uitgelicht?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=digitaal-publiceren-voor-tablets-de-ontbrekende-functies-uitgelicht</link>
		<comments>http://magicolr.com/digitaal-publiceren-voor-tablets-de-ontbrekende-functies-uitgelicht#comments</comments>
		<pubDate>Mon, 05 Sep 2011 12:15:09 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=346</guid>
		<description><![CDATA[Na de Beta test via het digital publishing programma is de Adobe digital publishing suite voor iedereen toegankelijk. De suite is een goede bundeling geworden van alle tablet functies die gebruikt kunnen worden in InDesign. Toch mis ik nog een paar functies die tijdens de Beta test gemakkelijker te vinden waren. Stap voor stap In dit [...]]]></description>
			<content:encoded><![CDATA[<p>Na de Beta test via het digital publishing programma is de Adobe digital publishing suite voor iedereen toegankelijk. De suite is een goede bundeling geworden van alle tablet functies die gebruikt kunnen worden in InDesign. Toch mis ik nog een paar functies die tijdens de Beta test gemakkelijker te vinden waren.</p>
<p><strong>Stap voor stap</strong><br />
In dit artikel zal ik twee van deze ontbrekende functies stap voor stap uitlichten. Na het lezen van deze tips kun je veel tijd en werk besparen.</p>
<p><a href="http://magicolr.com/?p=346"><img class="alignleft size-medium wp-image-349" title="Batavus Digital Tablet magazine" src="http://magicolr.com/wp-content/uploads/2011/09/iPad-batavus-620x428.png" alt="Batavus Digital Tablet magazine" width="620" height="428" /></a></p>
<p><span id="more-346"></span><strong></strong></p>
<p>Persoonlijk ben ik van mening dat elke publicatie op een tablet gebruikt moet kunnen worden in zowel de staande als liggende stand van de tablet.</p>
<p>&nbsp;</p>
<h4><strong>Layout Adjustment<br />
</strong></h4>
<p><img class="size-full wp-image-347 alignright" title="Layout Adjustment window" src="http://magicolr.com/wp-content/uploads/2011/09/Layout-adjustment.png" alt="Layout Adjustment window" width="389" height="211" />Dit venster heb je waarschijnlijk niet vaak op je scherm gehad, maar is toch al vanaf dag één te vinden in InDesign.</p>
<p>Het zal je veel tijd besparen door deze tool te gebruiken. Deze zet namelijk alle inhoud van de ontworpen pagina&#8217;s zo goed als mogelijk voor je neer.</p>
<p><strong>Stap 1.<br />
</strong>Ontwerp één van beide posities (bijvoorbeeld de staande versie) van je digitale publicatie.</p>
<p><strong>Stap 2.<br />
</strong>Ga in InDesign naar het menu boven in je scherm. en open <em>Layout &gt; Layout Adjustment</em> en schakel de functie in. Stel hier ook (eenmalig) de gewenste voorkeuren in.</p>
<p><strong>Stap 3.<br />
</strong>Ga onder <strong><em>File &gt; Document Setup</em></strong> naar <strong><em>Orientation</em></strong> en wissel deze door op één van de iconen te klikken.</p>
<p><strong>Resultaat</strong><br />
Je ziet nu dat je pagina afmeting is veranderd en dat de inhoud er door InDesign op de pagina geplaatst is. Je hoeft nu alleen nog maar kleine aanpassingen te doen en de beide lay-outs zijn klaar!</p>
<p>&nbsp;</p>
<h4><strong>Content-scroll<br />
</strong></h4>
<p>Nog een ontbrekende functie is de content-scroll. Hiermee kun je in en klein gedeelte tekst en andere content scrolbaar maken. De lezer van het magazine kan de content zelf op en neer laten scrollen.<br />
<img class="alignleft size-full wp-image-375" style="border-style: initial; border-color: initial; border-width: 0px;" title="iPad Content-Scroll" src="http://magicolr.com/wp-content/uploads/2011/09/iPad-Content-Scroll.png" alt="iPad Content-Scroll" width="620" height="555" /></p>
<p>In het <strong><em>Overlay Creator</em></strong> Tabblad is deze functie niet opgenomen. De scroll is alleen te creëren door slim gebruik te maken van je <strong><em>Layers</em></strong> tab.</p>
<p>Hieronder leg ik stap voor stap uit hoe je dit zelf eenvoudig kunt maken.</p>
<p><strong>Stap 1</strong>.<br />
Creeer twee kaders welke dezelfde breedte hebben.<br />
A. gebruiken we om de gewenste positie te bepalen.<br />
B. gaat dienen als kader voor de content die moet scrollen.</p>
<p><strong>Stap 2<br />
</strong>Kader A. (groen) kun je in je opmaak plaatsen. Kader B. moet je tegen je opmaak aan plaatsen aan één van de zijkanten. Wanneer je naast tekst bijvoorbeeld ook afbeeldingen wil gebruiken moet je alles even in een groep plaatsen zodat het één object is.</p>
<p><img class="alignright size-medium wp-image-384" title="Kader opzet content-scroll" src="http://magicolr.com/wp-content/uploads/2011/09/Kaders-content-scroll-620x477.png" alt="Kader opzet content-scroll" width="620" height="477" /></p>
<p><strong>Stap 3.</strong><img class="size-full wp-image-385 alignright" style="border-style: initial; border-color: initial; float: right; border-width: 0px;" title="Opbouw Layers Tab" src="http://magicolr.com/wp-content/uploads/2011/09/Layers-Tab.png" alt="Opbouw Layers Tab" width="230" height="195" /><br />
Noem laag A. en B. altijd gelijk.<br />
In mijn voorbeeld is dit laag <em><strong>tekst </strong></em>onder<strong><em> Scrollable Content</em></strong> en laag<strong><em> tekst</em></strong> onder<em><strong> Layer 3.</strong></em></p>
<p>LET OP<br />
De juiste werking zit hem in de opbouw en de benaming van je lagen. Wanneer je dit niet exact gelijk hebt, zal er geen content in kader A. komen te staan.</p>
<p><strong><br />
Resultaat</strong><br />
Bekijk hieronder een korte video met het resultaat van deze Content-scroll functie.<br />
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box '>
<video class='video-js' width='620' height='467'  controls="controls" preload="auto"   >
<source src="http://magicolr.com/wp-content/uploads/2011/09/Content-Scroll.mp4" type="video/mp4" />
<source src="http://magicolr.com/wp-content/uploads/2011/09/Content-Scroll.webm" type="video/webm" />
<!-- file not found: /var/www/vhosts/magicolr.com/httpdocs/videos/ -->
<object id='vjs-ff-Content-Scroll.mp4' class='vjs-flash-fallback'  width='620' height='467' type='application/x-shockwave-flash' data='http://magicolr.com/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf'>
<param name='movie' value='http://magicolr.com/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf' />
<param name='wmode' value='transparent' />
<param name='allowfullscreen' value='true' />
<param name='flashvars' value='config={"playlist":[  {"url": "http%3A%2F%2Fmagicolr.com%2Fwp-content%2Fuploads%2F2011%2F09%2FContent-Scroll.mp4" ,"autoPlay":false ,"autoBuffering":true }]}' />

</object>
</video>
<p class='vjs-no-video'><strong>Download Video:</strong>
<a href="http://magicolr.com/wp-content/uploads/2011/09/Content-Scroll.mp4">MP4</a>
<a href="http://magicolr.com/wp-content/uploads/2011/09/Content-Scroll.webm">WebM</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/digitaal-publiceren-voor-tablets-de-ontbrekende-functies-uitgelicht/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://magicolr.com/wp-content/uploads/2011/09/Content-Scroll.mp4" length="3460622" type="video/mp4" />
<enclosure url="http://magicolr.com/wp-content/uploads/2011/09/Content-Scroll.webm" length="2410547" type="video/webm" />
		</item>
		<item>
		<title>Mobile Barcode Service van AT&amp;T</title>
		<link>http://magicolr.com/mobile-barcode-service-van-att?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mobile-barcode-service-van-att</link>
		<comments>http://magicolr.com/mobile-barcode-service-van-att#comments</comments>
		<pubDate>Mon, 29 Aug 2011 14:11:48 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=325</guid>
		<description><![CDATA[De Barcode ziet er net weer iets anders uit dan een QR-code maar de werking is gelijk. Mooie video waarin de voorbeeld toepassingen elkaar in rap tempo opvolgen. Bekijk een video van Mobile Barcode Service van AT&#38;T]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-326" title="QR-code van AT&amp;T" src="http://magicolr.com/wp-content/uploads/2011/08/Mobile-Barcode-Service-van-ATT-620x337.png" alt="QR-code van AT&amp;T" width="620" height="337" /><span id="more-325"></span><br />
De Barcode ziet er net weer iets anders uit dan een QR-code maar de werking is gelijk. Mooie video waarin de voorbeeld toepassingen elkaar in rap tempo opvolgen.</p>
<p>Bekijk een <a title="QR-code systeem van AT&amp;T" href="http://youratt.com/nextdimension" target="_blank">video van Mobile Barcode Service van AT&amp;T</a></p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/mobile-barcode-service-van-att/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Foto&#8217;s uploaden via Twitter.com</title>
		<link>http://magicolr.com/fotos-uploaden-via-twitter-com?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=fotos-uploaden-via-twitter-com</link>
		<comments>http://magicolr.com/fotos-uploaden-via-twitter-com#comments</comments>
		<pubDate>Thu, 11 Aug 2011 11:53:11 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Mobile design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=291</guid>
		<description><![CDATA[Ik zat er op te wachten maar het is toch een domper. Wat is een goede tool om foto&#8217;s te kunnen koppelen aan mijn tweets? Ik had eerst Plixi.com, nu heb ik MobyPicture.com. Maar wilde hiervoor eigenlijk geen externe dienst gebruiken, waarom had Twitter dit zelf niet? Vanaf vandaag kan het! Via het icoontje onder [...]]]></description>
			<content:encoded><![CDATA[<p>Ik zat er op te wachten maar het is toch een domper. Wat is een goede tool om foto&#8217;s te kunnen koppelen aan mijn tweets? Ik had eerst Plixi.com, nu heb ik MobyPicture.com. Maar wilde hiervoor eigenlijk geen externe dienst gebruiken, waarom had Twitter dit zelf niet? Vanaf vandaag kan het! Via het icoontje onder het invoerveld.</p>
<p><img class="alignleft size-full wp-image-292" title="foto's uploaden via Twitter.com" src="http://magicolr.com/wp-content/uploads/2011/08/Schermafbeelding-2011-08-11-om-13.25.29.png" alt="foto's uploaden via Twitter.com" width="620" height="255" /></p>
<p>&nbsp;</p>
<p><span id="more-291"></span> <strong>Hoe maak jij je foto&#8217;s?</strong><br />
Nu wil het dat ik vaak foto&#8217;s maak met mijn telefoon, deze heb ik altijd mee en de gegevens over de locatie worden bijgevoegd. Ook onderweg ben ik vaak aan het Twitteren met mijn smartphone.<br />
Dit was wat ik zag toen ik de mobile versie van twitter.com bekeek&#8230;</p>
<p><img class="alignleft size-full wp-image-293" title="mobile.twiter.com" src="http://magicolr.com/wp-content/uploads/2011/08/Schermafbeelding-2011-08-11-om-13.30.43.png" alt="mobile.twiter.com" width="620" height="204" /></p>
<p>&nbsp;</p>
<p><strong>Gemiste kans!<br />
</strong>Zoals je ziet kan er via deze site geen foto aan de tweet toegevoegd worden. Nu moet ik eerst naar huis toe om mijn telefoon (of Camera) aan de computer te koppelen. Alle foto&#8217;s overzetten en dan pas kan ik ze via Twitter.com kan uploaden zonder tussenkomst van een externe tool.</p>
<p>Ik hoop dat Twitter snel inziet dat het een must is voor Smartphone gebruikers om deze functie te kunnen gebruiken!</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/fotos-uploaden-via-twitter-com/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Safari leeslijst alleen voor desktop versie!</title>
		<link>http://magicolr.com/safari-leeslijst-allen-voor-desktop-versie?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=safari-leeslijst-allen-voor-desktop-versie</link>
		<comments>http://magicolr.com/safari-leeslijst-allen-voor-desktop-versie#comments</comments>
		<pubDate>Sun, 31 Jul 2011 12:16:21 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=253</guid>
		<description><![CDATA[Erg handig is de nieuw toegevoegde leeslijst (leesbril) in de Safari browser van Apple. Je kunt op deze manier gemakkelijk een lijst van websites creëren die je op later beter wil bekijken. Het lijkt mij een goede aanvulling voor de iPhone en iPad wanneer je onderweg bent. Je ziet een Twitter bericht met een link voorbij komen [...]]]></description>
			<content:encoded><![CDATA[<p>Erg handig is de nieuw toegevoegde leeslijst (leesbril) in de Safari browser van Apple. Je kunt op deze manier gemakkelijk een lijst van websites creëren die je op later beter wil bekijken.<span id="more-253"></span></p>
<p><img class="alignleft size-medium wp-image-257" title="Leeslijst functie in Safari" src="http://magicolr.com/wp-content/uploads/2011/07/Schermafbeelding-2011-07-24-om-12.50.00-620x296.png" alt="Leeslijst in Safari" width="331" height="158" />Het lijkt mij een goede aanvulling voor de iPhone en iPad wanneer je onderweg bent. Je ziet een Twitter bericht met een link voorbij komen terwijl je in rij voor de kassa staat. Je klikt op de link en ziet een lange pagina met veel teksten of een video. Voegt de site toe aan je leeslijst. Dan kun je op een later moment de tekst rustig lezen en de video goed bekijken.</p>
<p>Ware het niet dat deze functie alleen beschikbaar is in de desktop versie van Safari. Dat deze functie ontbreekt op de iPhone en iPad is naar mijn mening een groot gemis.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/safari-leeslijst-allen-voor-desktop-versie/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logout, Go mobile!</title>
		<link>http://magicolr.com/logout-go-mobile?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=logout-go-mobile</link>
		<comments>http://magicolr.com/logout-go-mobile#comments</comments>
		<pubDate>Fri, 22 Jul 2011 19:41:23 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=225</guid>
		<description><![CDATA[Wanneer je uitlogt voor een online dienst is de kans groot dat je de deur uit gaat (of op de bank gaat hangen voor de tv). Anders had je niet op de uitlog knop geklikt. Twitter en Linkedin gaan hier goed mee om door na het uitloggen te verwijzen naar hun apps voor de verschillende [...]]]></description>
			<content:encoded><![CDATA[<p>Wanneer je uitlogt voor een online dienst is de kans groot dat je de deur uit gaat (of op de bank gaat hangen voor de tv). Anders had je niet op de uitlog knop geklikt.<a href="http://magicolr.com/?p=225" rel="http://magicolr.com/?p=225"><br />
<img class="alignnone size-medium wp-image-227" style="border-width: 1px; border-color: black; border-style: solid;" title="Linkedin - Going places" src="http://magicolr.com/wp-content/uploads/2011/07/Schermafbeelding-2011-07-22-om-17.21.34-620x241.png" alt="Linkedin - Going places" width="620" height="241" /></a><span id="more-225"></span> Twitter en Linkedin gaan hier goed mee om door na het uitloggen te verwijzen naar hun apps voor de verschillende platformen. Hierdoor hoef je dus niet te stoppen met het gebruiken van hun diensten.</p>
<p><a href="http://magicolr.com/?attachment_id=226" rel="attachment wp-att-226"><img class="alignnone size-medium wp-image-226" style="border-width: 1px; border-color: black; border-style: solid;" title="Twitter - Now go mobile" src="http://magicolr.com/wp-content/uploads/2011/07/Schermafbeelding-2011-07-22-om-21.07.56-620x320.png" alt="Twitter - Now go mobile" width="620" height="320" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/logout-go-mobile/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Augmented reality Pop Up Store</title>
		<link>http://magicolr.com/augmented-reality-pop-up-store?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=augmented-reality-pop-up-store</link>
		<comments>http://magicolr.com/augmented-reality-pop-up-store#comments</comments>
		<pubDate>Mon, 20 Jun 2011 19:34:34 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=203</guid>
		<description><![CDATA[Heb je een product, verkoop het dan op de plek waar het gebruikt wordt. Maar dan natuurlijk wel zonder openingstijden! Bekijk een video van The Airwalk Invisible Pop Up Store &#160;]]></description>
			<content:encoded><![CDATA[<p><a href="http://magicolr.com/?p=203"><img class="alignnone size-medium wp-image-204" title="The Airwalk Invisible Pop Up Store" src="http://magicolr.com/wp-content/uploads/2011/06/Schermafbeelding-2011-06-20-om-21.22.47-620x348.png" alt="The Airwalk Invisible Pop Up Store" width="620" height="348" /></a><br />
Heb je een product, verkoop het dan op de plek waar het gebruikt wordt. Maar dan natuurlijk wel zonder openingstijden!</p>
<p><span id="more-203"></span></p>
<p>Bekijk een <a title="The Airwalk Invisible Pop Up Store" href="http://youtu.be/4erNe_NpdyE" target="_blank">video van The Airwalk Invisible Pop Up Store</a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/augmented-reality-pop-up-store/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website Usability checklist</title>
		<link>http://magicolr.com/website-usability-checklist?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=website-usability-checklist</link>
		<comments>http://magicolr.com/website-usability-checklist#comments</comments>
		<pubDate>Fri, 17 Jun 2011 18:58:07 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=198</guid>
		<description><![CDATA[Een nieuwe website aan het bouwen, of ben je bezig met het restylen van je bestaande website? Gebruik dan zeker deze handige Usabilility checklist om je website (lees: investering) mee te controleren. Om te zorgen dat deze ook daadwerkelijk bruikbaar is voor je bezoekers! Maak je website bruikbaar. Is de navigatie duidelijk en consistent op [...]]]></description>
			<content:encoded><![CDATA[<p>Een nieuwe website aan het bouwen, of ben je bezig met het restylen van je bestaande website? Gebruik dan zeker deze handige Usabilility checklist om je website (lees: investering) mee te controleren. Om te zorgen dat deze ook daadwerkelijk bruikbaar is voor je bezoekers!<br />
<strong><span id="more-198"></span><br />
Maak je website bruikbaar.</strong></p>
<ol>
<li>Is de navigatie duidelijk en consistent op de hele website? Denk aan een &#8216;U bent hier&#8217; indicator.</li>
<li>Functioneren de back-, Escape- en tab-buttons zoals de bezoeker verwacht dat deze werken?</li>
<li>Is het mogelijk iedere afzonderlijke pagina te delen (via socialmedia) en te bookmarken?</li>
<li>Functioneert de website juist in alle browsers?</li>
<li>Is de website (of contactpagina) geschikt voor Smartphones en Tablet computers?</li>
<li>Is het duidelijk waar wel en niet op geklikt kan worden?</li>
<li>Bestaat er afgezien van een contactformulier een andere mogelijkheid om contact op te nemen?</li>
<li>Zijn de contactgegevens en het contactformulier makkelijk te vinden?</li>
<li>Zijn traditionele onderdelen van de browser (scrollbar, radio- en check-box) niet onherkenbaar gemaakt?</li>
<li>Laad de site snel genoeg?</li>
<li>Is er een gedegen zoekfunctie en/of sitemap?</li>
<li>Linked het logo van uw website naar de homepage? (met uitzondering van de homepage zelf)</li>
<li>Wordt er goed gebruik gemaakt van alinea&#8217;s en koppen zodat tekst goed te scannen is?</li>
<li>Zijn de style, structuur en indeling van de pagina&#8217;s gelijk?</li>
<li>Zijn er duidelijke error-pagina&#8217;s die je verder helpen?</li>
<li>Zijn de essentiële onderdelen van de website zichtbaar bij een resolutie van 1024 x  768 pixels? (blijf binnen een gebied van 990 x 590 pixels)</li>
</ol>
<p>&nbsp;</p>
<p>Met deze lijst heb je de meest voorkomende usability fouten weten te voorkomen!</p>
<p>Succes!</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/website-usability-checklist/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Do not miss the mobile movement!</title>
		<link>http://magicolr.com/do-not-miss-the-mobile-movement?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=do-not-miss-the-mobile-movement</link>
		<comments>http://magicolr.com/do-not-miss-the-mobile-movement#comments</comments>
		<pubDate>Tue, 26 Apr 2011 10:04:52 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Mobile design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=83</guid>
		<description><![CDATA[Is jouw site al mobile? Hier een stukje info van Google over het gebruik van onze smartphones. Bekijk een video van The Mobile Movement: Understanding Smartphone Consumers &#160;]]></description>
			<content:encoded><![CDATA[<p>Is jouw site al mobile?</p>
<p>Hier een stukje info van Google over het gebruik van onze smartphones.</p>
<p><a href="http://magicolr.com/?p=83#more-83"><img class="alignnone size-medium wp-image-84" title="Mobile movement - by Google" src="http://magicolr.com/wp-content/uploads/2011/06/Schermafbeelding-2011-06-02-om-12.03.24-620x379.png" alt="Mobile movement - by Google" width="620" height="379" /></a></p>
<p><strong><span id="more-83"></span></strong></p>
<p>Bekijk een <a title="The Mobile Movement: Understanding Smartphone Consumers" href="http://youtu.be/CjUcq_E4I-s?hd=1" target="_blank">video van The Mobile Movement: Understanding Smartphone Consumers</a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/do-not-miss-the-mobile-movement/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gesture interface icons</title>
		<link>http://magicolr.com/gesture-interface-icons?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=gesture-interface-icons</link>
		<comments>http://magicolr.com/gesture-interface-icons#comments</comments>
		<pubDate>Sun, 03 Apr 2011 09:43:46 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=74</guid>
		<description><![CDATA[Apparaten die te bedienen zijn door middel van gebaren (bewegingen) zijn er al een paar jaar. Een goed voorbeeld hiervan is de succesvolle Wii spelcomputer van Nintendo. Ook wanneer je geen games speelt is de kans groot dat je een Smartphone of laptop hebt die gebruik maakt van gestures. Wanneer je apps of websites ontwikkeld [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-75" href="http://magicolr.com/?attachment_id=75"><img class="alignnone size-medium wp-image-75" title="Gesture-interface-icons" src="http://magicolr.com/wp-content/uploads/2011/06/Schermafbeelding-2011-06-02-om-11.45.56-620x319.png" alt="Gesture-interface-icons" width="620" height="319" /></a></p>
<p>Apparaten die te bedienen zijn door middel van gebaren (bewegingen) zijn er al een paar jaar.</p>
<p><span id="more-74"></span>Een goed voorbeeld hiervan is de succesvolle Wii spelcomputer van Nintendo. Ook wanneer je geen games speelt is de kans groot dat je een Smartphone of laptop hebt die gebruik maakt van gestures.</p>
<p>Wanneer je apps of websites ontwikkeld voor deze apparaten kijk dan even op <a title="Gesturecons.com" href="http://www.gesturecons.com" target="_blank">Gesturecons.com</a> om te zien welke gebaren de verschillende systemen ondersteunen.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/gesture-interface-icons/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Belasting aangifte, het kan nog gemakkelijker!</title>
		<link>http://magicolr.com/belasting-aangifte-het-kan-nog-gemakkelijker?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=belasting-aangifte-het-kan-nog-gemakkelijker</link>
		<comments>http://magicolr.com/belasting-aangifte-het-kan-nog-gemakkelijker#comments</comments>
		<pubDate>Fri, 18 Mar 2011 09:14:22 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=50</guid>
		<description><![CDATA[Het gaat hier om een programma die elk jaar weer gebruikt wordt door een paar miljoen mensen in Nederland. Waarom is er dan zo weinig met de gebruiksvriendelijkheid gedaan? De onderstaande melding is de eerste dat je te zien krijgt wanneer je het aangifte programma start. Het gaat dus meteen al mis. &#160; &#160; &#160; [...]]]></description>
			<content:encoded><![CDATA[<p>Het gaat hier om een programma die elk jaar weer gebruikt wordt door een paar miljoen mensen in Nederland. Waarom is er dan zo weinig met de gebruiksvriendelijkheid gedaan?</p>
<p>De onderstaande melding is de eerste dat je te zien krijgt wanneer je het aangifte programma start. Het gaat dus meteen al mis.<br />
<img class="size-full wp-image-52 alignnone" title="Aangifte-melding-belastingdienst-origineel" src="http://magicolr.com/wp-content/uploads/2011/06/origineel.png" alt="Aangifte-melding-belastingdienst-origineel" width="530" height="280" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>Drie tips om het aangifte programma toegankelijker te maken.</strong></p>
<p><span id="more-50"></span><strong>Tip 1. Taal<br />
</strong>Zorg dat alles in het Nederlands is vertaald.</p>
<p><strong>Tip 2. Titel<br />
</strong>De titel <strong>Info</strong> is niet wat het lijkt. Bij deze titel verwacht je een mededeling die je na het lezen kan afsluiten. Een betere titel had kunnen zijn; <strong>Persoonlijke gegevens downloaden en invullen? </strong>Deze titel laat de lezer weten wat er verwacht wordt.</p>
<p><strong>Tip 3. Knoppen<br />
</strong>Er zijn maar weinig mensen die de volledige melding lezen, ze lezen alleen de woorden No en Yes. Hierdoor zal de vraag niet begrepen worden en wat is dan de juiste keuze?<br />
<img class="alignnone size-full wp-image-53" title="Aangifte-melding-belastingdienst-not-reading" src="http://magicolr.com/wp-content/uploads/2011/06/not-reading.png" alt="Aangifte-melding-belastingdienst-not-reading" width="530" height="280" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>Resultaat<br />
</strong>Door het toepassen van deze drie tips zal de te ondernemen actie duidelijk en begrijpbaar zijn.<br />
<img class="alignnone size-full wp-image-54" title="Aangifte-melding-belastingdienst-resultaat" src="http://magicolr.com/wp-content/uploads/2011/06/resultaat.png" alt="Aangifte-melding-belastingdienst-resultaat" width="530" height="227" /></p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/belasting-aangifte-het-kan-nog-gemakkelijker/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Goed op weg met Wikitude Drive</title>
		<link>http://magicolr.com/goed-op-weg-met-wikitude-drive?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=goed-op-weg-met-wikitude-drive</link>
		<comments>http://magicolr.com/goed-op-weg-met-wikitude-drive#comments</comments>
		<pubDate>Sun, 02 Jan 2011 08:23:46 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=29</guid>
		<description><![CDATA[Wikitude Drive is een navigatie systeem dat gebruik maakt van Augmented Reality. Door dit project is het naar mijn idee ook duidelijk geworden dat Augmented Reality niet in alle verkeerssituaties de beste oplossing is. Wanneer er onoverzichtelijke situaties ontstaan op rotondes of door veel verkeer op de weg, geeft een traditioneel overzicht met kaart (zoals de [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-47" title="Wikitude-Drive-navigation" src="http://magicolr.com/wp-content/uploads/2011/01/Wikitude-Drive1.png" alt="Wikitude-Drive-navigation" width="620" height="276" /></p>
<p>Wikitude Drive is een navigatie systeem dat gebruik maakt van Augmented Reality. Door dit project is het naar mijn idee ook duidelijk geworden dat Augmented Reality niet in alle verkeerssituaties de beste oplossing is.</p>
<p><span id="more-29"></span>Wanneer er onoverzichtelijke situaties ontstaan op rotondes of door veel verkeer op de weg, geeft een traditioneel overzicht met kaart (zoals de meesten van ons dat nu gebruiken) een beter overzicht van wat er komen gaat. De mogelijkheid om snel te wisselen van beeld type is dan ook een goede keus geweest.</p>
<p>Bekijk een <a title="Wikitude Drive" href="http://vimeo.com/11870382" target="_blank">video van Wikitude Drive</a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/goed-op-weg-met-wikitude-drive/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interactieve content voor betere User Experience</title>
		<link>http://magicolr.com/interactieve-content-voor-betere-user-experience?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=interactieve-content-voor-betere-user-experience</link>
		<comments>http://magicolr.com/interactieve-content-voor-betere-user-experience#comments</comments>
		<pubDate>Thu, 16 Dec 2010 07:40:18 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=12</guid>
		<description><![CDATA[Onderstaande beelden zijn dezelfde pagina uit het Wired.net magazine. De versie voor iPad om precies te zijn. Interactie begint in de basis Wat op het eerste gezicht twee verschillende pagina’s lijken zijn portret en landschap variaties van één en dezelfde pagina. Dit is een geweldig voorbeeld van in niet actieve content (tekst en afbeelding) welke [...]]]></description>
			<content:encoded><![CDATA[<p>Onderstaande beelden zijn dezelfde pagina uit het Wired.net magazine. De versie voor iPad om precies te zijn.</p>
<p><a href="http://magicolr.com/wp-content/uploads/2010/12/Wired-iPad-magazine-horizontal1.jpg"><img class="align-bottom size-medium wp-image-16" title="Wired-iPad-magazine-horizontal" src="http://magicolr.com/wp-content/uploads/2010/12/Wired-iPad-magazine-horizontal1-300x232.jpg" alt="Wired-iPad-magazine-horizontal" width="300" height="232" /></a><a href="http://magicolr.com/wp-content/uploads/2010/12/Wired-iPad-magazine-vertical1.jpg"><img class="align-bottom size-medium wp-image-17" title="Wired-iPad-magazine-vertical" src="http://magicolr.com/wp-content/uploads/2010/12/Wired-iPad-magazine-vertical1-257x300.jpg" alt="Wired-iPad-magazine-vertical" width="257" height="300" /></a></p>
<p><strong>Interactie begint in de basis</strong><br />
Wat op het eerste gezicht twee verschillende pagina’s lijken zijn portret en landschap variaties van één en dezelfde pagina. Dit is een geweldig voorbeeld van in niet actieve content (tekst en afbeelding) welke interactief reageert op hoe je de iPad vasthoudt. Zelfs de afbeelding wordt vervangen voor een versie die het best in de ‘nieuwe’ layout past.</p>
<p><strong><span id="more-12"></span>Leesbaarheid van de tekst</strong><br />
In portret stand zit de breedte van het tekstvlak tegen het randje van leesbare lengte aan. Dit zou helemaal het geval zijn geweest in de landschap versie. Gelukkig is hier dan ook gekozen voor een twee colom indeling. Waardoor de lengte van de tekstvlakken korter zijn en gemakkelijk leesbaar.</p>
<p><strong>Denk goed na!</strong><br />
Het gaat hier over een digitaal magazine dat speciaal is ontwikkeld voor de iPad. Door de makers van het Wired magazine is goed nagedacht over wat de gebruiker wil. Wanneer je één layout gebruikt voor portret en landschap krijg je te maken met de volgende keus. Ga ik mijn gebruikers laten scrollen, of laat ik een leeg vlak zien (achtergrond).</p>
<p>Ik vindt het fantastisch om te zien dat niet de gebruiker maar het magazine zich aanpast aan de wensen van de lezer. Een voorbeeld dat naar mijn mening snel mag uitgroeien tot de standaard voor iPad magazines.</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/interactieve-content-voor-betere-user-experience/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Extreme banners, wat doen ze met je website?</title>
		<link>http://magicolr.com/extreme-banners-wat-doen-ze-met-je-website?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=extreme-banners-wat-doen-ze-met-je-website</link>
		<comments>http://magicolr.com/extreme-banners-wat-doen-ze-met-je-website#comments</comments>
		<pubDate>Sun, 12 Dec 2010 11:05:24 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=124</guid>
		<description><![CDATA[Ik kom de laatste tijd steeds vaker extreme banners tegen. Maar wat doen deze met je website wanneer je kijkt naar usability, uitstraling en User Experience? Usability Ik ben van mening dat een banner die bovenop je website staat alleen maar nadelig kan zijn voor de beleving en ervaring. Dit komt vooral doordat de banners [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Ik kom de laatste tijd steeds vaker extreme banners tegen. Maar wat doen deze met je website wanneer je kijkt naar usability, uitstraling en User Experience?</strong></p>
<p><strong><a href="http://magicolr.com/?p=124#more-124" rel="http://magicolr.com/?p=124#more-124"><img class="alignnone size-medium wp-image-125" title="Wired-iPod-extreme-banner" src="http://magicolr.com/wp-content/uploads/2011/06/Wired-iPod-extreme-banner-620x375.png" alt="Wired-iPod-extreme-banner" width="620" height="375" /></a><span id="more-124"></span><br />
</strong></p>
<p><strong>Usability<br />
</strong>Ik ben van mening dat een banner die bovenop je website staat alleen maar nadelig kan zijn voor de beleving en ervaring. Dit komt vooral doordat de banners onverwacht reageren op je muis. Hierdoor gebeurt het, vaak zonder dat je het wil, dat een banner de onderdelen van je favoriete website blokkeren en je eerst opzoek moet naar een manier om de banner te sluiten. In het voorbeeld van Wired.net (video 1 – Apple) is het hoofdmenu onderdeel van de banner geworden en kun je deze niet meer gebruiken voor navigatie (pas weer nadat de banner klaar is).</p>
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box '>
<video class='video-js' width='620' height='254'  controls="controls" preload="auto"   >
<source src="http://magicolr.com/wp-content/uploads/2010/12/Extreme-Wired-banner.mp4" type="video/mp4" />
<source src="http://magicolr.com/wp-content/uploads/2011/08/Extreme-Wired-banner.webm" type="video/webm" />
<!-- file not found: /var/www/vhosts/magicolr.com/httpdocs/videos/ -->
<object id='vjs-ff-Extreme-Wired-banner.mp4' class='vjs-flash-fallback'  width='620' height='254' type='application/x-shockwave-flash' data='http://magicolr.com/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf'>
<param name='movie' value='http://magicolr.com/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf' />
<param name='wmode' value='transparent' />
<param name='allowfullscreen' value='true' />
<param name='flashvars' value='config={"playlist":[  {"url": "http%3A%2F%2Fmagicolr.com%2Fwp-content%2Fuploads%2F2010%2F12%2FExtreme-Wired-banner.mp4" ,"autoPlay":false ,"autoBuffering":true }]}' />

</object>
</video>
<p class='vjs-no-video'><strong>Download Video:</strong>
<a href="http://magicolr.com/wp-content/uploads/2010/12/Extreme-Wired-banner.mp4">MP4</a>
<a href="http://magicolr.com/wp-content/uploads/2011/08/Extreme-Wired-banner.webm">WebM</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->

<p><strong> Uitstraling</strong><br />
Het tonen van banners is voor veel website een goede inkomsten basis. Hierdoor kunnen ze jou de informatie bieden waarvoor je op de website komt. Wanneer een extreme banner de website ‘overneemt’ en de producent verteld hoe goedkoop zijn product is. Heeft dit gevolgen voor je eigen merkwaarde. (bekijk de video – Ikea banner)</p>
<div><!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box '>
<video class='video-js' width='620' height='390'  controls="controls" preload="auto"   >
<source src="http://magicolr.com/wp-content/uploads/2011/08/IKEA.mp4" type="video/mp4" />
<source src="http://magicolr.com/wp-content/uploads/2011/08/IKEA.webm" type="video/webm" />
<!-- file not found: /var/www/vhosts/magicolr.com/httpdocs/videos/ -->
<object id='vjs-ff-IKEA.mp4' class='vjs-flash-fallback'  width='620' height='390' type='application/x-shockwave-flash' data='http://magicolr.com/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf'>
<param name='movie' value='http://magicolr.com/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf' />
<param name='wmode' value='transparent' />
<param name='allowfullscreen' value='true' />
<param name='flashvars' value='config={"playlist":[  {"url": "http%3A%2F%2Fmagicolr.com%2Fwp-content%2Fuploads%2F2011%2F08%2FIKEA.mp4" ,"autoPlay":false ,"autoBuffering":true }]}' />

</object>
</video>
<p class='vjs-no-video'><strong>Download Video:</strong>
<a href="http://magicolr.com/wp-content/uploads/2011/08/IKEA.mp4">MP4</a>
<a href="http://magicolr.com/wp-content/uploads/2011/08/IKEA.webm">WebM</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->
</div>
<div style="display: inline !important;"><strong><br />
User Experience</strong></div>
<p>Wanneer je goed naar de banners kijkt, zie je dat deze goed in elkaar zitten. Maar de bezoeker komt voor de informatie die op jouw website staat. Het is handig om te weten wat je bezoekers gewend zijn op het internet en wat ze verwachten. Wanneer en bezoeker niet meer weet wat hij moet doen om de gewenste content te zien, is de banner een stoorzender geworden. Uiteindelijk is de beleving van de bezoeker waar het om gaat.</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/extreme-banners-wat-doen-ze-met-je-website/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://magicolr.com/wp-content/uploads/2011/08/IKEA.webm" length="1956903" type="video/webm" />
<enclosure url="http://magicolr.com/wp-content/uploads/2011/08/Extreme-Wired-banner.webm" length="2245904" type="video/webm" />
<enclosure url="http://magicolr.com/wp-content/uploads/2011/08/IKEA.mp4" length="2090579" type="video/mp4" />
<enclosure url="http://magicolr.com/wp-content/uploads/2010/12/Extreme-Wired-banner.mp4" length="2221463" type="video/mp4" />
		</item>
		<item>
		<title>Effectieve landing pages</title>
		<link>http://magicolr.com/effectieve-landing-pages?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=effectieve-landing-pages</link>
		<comments>http://magicolr.com/effectieve-landing-pages#comments</comments>
		<pubDate>Mon, 06 Dec 2010 10:53:47 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=121</guid>
		<description><![CDATA[Wat is een landing page? Een landing page is een gespecialiseerde pagina (op je website) waar je bezoeker terecht komt vanuit een zoekmachine, online campagne (banners) of via QR-codes in offline media (tijdschrift). Een landing page is een pagina die meestal afgestemd is op één product of dienst. De Call-to-Action voor de bezoeker is bijna altijd het laten [...]]]></description>
			<content:encoded><![CDATA[<div id="post-945">
<p><strong>Wat is een landing page?<br />
</strong>Een landing page is een gespecialiseerde pagina (op je website) waar je bezoeker terecht komt vanuit een zoekmachine, online campagne (banners) of via QR-codes in offline media (tijdschrift).</p>
<p>Een landing page is een pagina die meestal afgestemd is op één product of dienst. De Call-to-Action voor de bezoeker is bijna altijd het laten kopen (online sales) of het afgeven van informatie (leadgeneratie).</p>
<p>Omdat er maar weinig bezoekers via de homepage je website binnenkomen, is naar mijn idee bijna elke pagina op je website een landing page. Over het algemeen komen de meeste bezoekers via zoekmachines binnen op je website. Ze zoeken nu eenmaal op specifieke woorden die Google koppelt aan een dieper gelegen pagina binnen je website.</p>
<p>Deze actie maakt van de gevonden pagina automatisch een landing page. Elke pagina van je website kan dus worden gezien als landing page!<span id="more-121"></span></p>
<p><strong>Lengte van landing page</strong>s<br />
De meningen hierover zijn verdeeld, dat komt omdat er geen specifieke optimale lengte is voor een landing page. Het is afhankelijk van de complexiteit en mogelijkheden van het product of de dienst. Een goed voorbeeld hiervan is de pagina van de <a title="Voorbeeld van Apple" href="http://www.apple.com/iphone/" target="_blank">iPhone van Apple</a>.</p>
<p>Het is een pagina met veel relevante informatie onder de vouw (Het gedeelte waarvoor je moet scrollen) Let erop dat de informatie toegankelijk en leesbaar is. Geef niet meer informatie dan nodig is om het product of de dienst te begrijpen.</p>
<p><strong>Wat maakt jou uniek?<br />
</strong>We kennen allemaal de term USP. Voluit bekend als <em>Unique Selling Point </em>of <em>Unique Selling Proposition</em>. Dit zijn de unieke voordelen van je product of dienst. Het is niet zo moeilijk om de voordelen van je product of dienst te benoemen, maar het gaat hier om de unieke voordelen!</p>
<p>Als je product of dienst voordelen heeft die alle vergelijkbare producten of diensten ook hebben dan is dat niet uniek. Het vinden van de juiste USP’s is dan ook niet zo eenvoudig. Het is al net zo lastig om deze te vertalen naar voordelen voor de klant.</p>
<p>De USP’s zijn noodzakelijk voor het marketing proces, maar niet ..n op ..n inzetbaar als content voor een advertentie of website. Pas wanneer je klant het voordeel inziet (What’s in it for me?) zal deze gaan nadenken over aanschaf. Het is daarom veel belangrijker om de USP’s te vertalen naar situatie’s waar de klant een oplossing voor zoekt.</p>
<p><strong>Geef mij één reden!<br />
</strong>Online moet je in een zeer korte tijd het vertrouwen van je bezoekers proberen te winnen. Door gebruik te maken van de juiste argumenten (reasoners) kun je een bezoeker over de streep trekken. Geef vertrouwen door aan te geven dat betalingen veilig zijn door gebruik van iDeal of creditcard.</p>
<p>Toon keurmerken die van toepassing zijn op je product of dienst. Positieve quotes van klanten helpen bij het overtuigen van twijfelende bezoekers. Ook het koppelen van een bekend persoon aan je product of dienst kan de conversie verhogen.</p>
<p><strong>Gratis doet het goed<br />
</strong>Wanneer een bezoeker in je funnel zit moet je deze motiveren om door te gaan tot het einde. Dit kun je doen door gratis extra producten of diensten aan te bieden. Je kunt ook denken aan gratis verzending of een Share functie. Maak het product of de dienst bekend bij vrienden en ontvang gratis extraʼs. <a title="Voorbeeld gratis backup en opslag van Dropbx" href="http://www.dropbox.com/" target="_blank">Dropbox</a> doet dit goed, bij elk nieuw account via jouw uitnodiging ontvang je 250MB extra opslagruimte.</p>
<p><strong>Test en experimenteer<br />
</strong>Door te experimenteren met variaties van je landing page krijg je kostbare informatie over het gedrag van je bezoeker. Test bijvoorbeeld verschillende titels, tussenkoppen en afbeeldingen. Zo kom je erachter wat jouw bezoekers er toe aanzet om op de Call-to-Action te klikken en je funnel te doorlopen. Door variaties van een formulier te maken kun je ook testen wat jouw bezoekers wel en niet willen invullen of waar jouw bezoekers eventueel afhaken.</p>
<p>Op basis van deze informatie kun je tijdig je pagina aanpassen om zo voor een hogere conversie te zorgen. De effectiviteit van je landing page zal hierdoor steeds toenemen.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/effectieve-landing-pages/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iDeal meest gebruikte Online betaalmethode</title>
		<link>http://magicolr.com/ideal-meest-gebruikte-online-betaalmethode?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=ideal-meest-gebruikte-online-betaalmethode</link>
		<comments>http://magicolr.com/ideal-meest-gebruikte-online-betaalmethode#comments</comments>
		<pubDate>Tue, 26 Oct 2010 08:15:25 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=333</guid>
		<description><![CDATA[In een publicatie van Twinkle (september 2010) is een overzicht geplaatst van de meest gebruikte online betaalmethoden. IDeal staat op nummer één met 83% van de betalingen. Gevolgd door de drie internationale creditcardmaatschappijen. iDeal go international!]]></description>
			<content:encoded><![CDATA[<p>In een publicatie van Twinkle (september 2010) is een overzicht geplaatst van de meest gebruikte online betaalmethoden.<br />
<img class="alignleft size-medium wp-image-334" title="Twinkle september 2010" src="http://magicolr.com/wp-content/uploads/2011/08/Twinkle-september-2010-620x430.jpg" alt="Twinkle september 2010" width="620" height="430" /><br />
<span id="more-333"></span>IDeal staat op nummer één met 83% van de betalingen. Gevolgd door de drie internationale creditcardmaatschappijen.</p>
<p><strong>iDeal go international!<br />
<img class="alignleft size-medium wp-image-336" title="Betaalmethode september 2010 bron:Twinkle" src="http://magicolr.com/wp-content/uploads/2011/08/Betaalmethode-september2010-bron-Twinkle1-620x425.gif" alt="Betaalmethode september 2010 bron:Twinkle" width="620" height="425" /><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/ideal-meest-gebruikte-online-betaalmethode/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Hoe betaal jij bij mobiel online winkelen?</title>
		<link>http://magicolr.com/hoe-betaal-jij-bij-mobiel-online-winkelen?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=hoe-betaal-jij-bij-mobiel-online-winkelen</link>
		<comments>http://magicolr.com/hoe-betaal-jij-bij-mobiel-online-winkelen#comments</comments>
		<pubDate>Sat, 16 Oct 2010 10:37:51 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=105</guid>
		<description><![CDATA[We zijn er al aardig aan gewend geraakt, online shoppen. Kleding, elektronica en ook de wekelijkse boodschappen kunnen online gekocht en betaald worden. Tenminste als je geen mobieltje gebruikt om online je aankopen te doen. Het koste ons behoorlijke wat tijd voordat we een veilig gevoel hadden bij het online betalen. iDeal heeft hierin zeker [...]]]></description>
			<content:encoded><![CDATA[<div id="post-935">
<p><strong><img class="size-medium wp-image-19 alignleft" title="Mobile-wehkamp-webshop" src="http://magicolr.com/wp-content/uploads/2010/12/image-e1292146475332-300x259.png" alt="Mobile-wehkamp-webshop" width="300" height="259" />We zijn er al aardig aan gewend geraakt, online shoppen. Kleding, elektronica en ook de wekelijkse boodschappen kunnen online gekocht en betaald worden. Tenminste als je geen mobieltje gebruikt om online je aankopen te doen.</strong></p>
<p>Het koste ons behoorlijke wat tijd voordat we een veilig gevoel hadden bij het online betalen. iDeal heeft hierin zeker een positieve bijdrage gehad, maar dit is nog niet beschikbaar voor veel mobiele toestellen.</p>
<p><strong><span id="more-105"></span>Gaan we nu weer dezelfde fout maken?</strong><br />
Het is nog lang niet mogelijk om met elke mobiele telefoon (waarmee je online kan winkelen) ook te betalen. Betalen bij dé webwinkel met de hoogste omzet van 2010 is dit niet goed geregeld.<br />
Ik moet al een account hebben en kan dan een eenmalige betaal opdracht doorgeven. Als alternatief kan ik bellen met een telefoonnummer. Voor beide opties moet mijn bankrekeningnummer al bekend zijn door middel van een eerdere bestelling.</p>
<p><strong>Gebrek aan essentiële informatie</strong><br />
De informatie voorziening hierin is erg beperkt(afbeelding m.<strong>wehkamp</strong>.nl) waardoor er geen duidelijkheid is en de consument vraagtekens gaat zetten bij de veiligheid.<br />
We willen gebruik maken van veilige betaalmethodes. Ook, of misschien juist via onze telefoon! Hoe maken we dit mogelijk zonder dat het een lang lopend verhaal gaat worden? Zijn er al webshops die gebruik maken van SMS betalingen? Weet jij hier meer van? Laat het mij even weten, ik ben erg benieuwd.</p>
</div>
<p><strong>Update 13 december 2011</strong><br />
Klanten van de ING kunnen vanaf vandaag iDeal betalingen doen met hun mobiele telefoon. Deze mobiele versie is aangepast voor kleine schermen. Zo zijn de knoppen groter gemaakt en is de indeling optimaal voor smartphones en tablets. Op deze manier kunnen klanten gemakkelijk en overal waar ze willen, online aankopen doen met iDEAL. Welke bank gaat volgen?</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/hoe-betaal-jij-bij-mobiel-online-winkelen/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter voor Microsoft Surface</title>
		<link>http://magicolr.com/twitter-voor-microsoft-surface?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=twitter-voor-microsoft-surface</link>
		<comments>http://magicolr.com/twitter-voor-microsoft-surface#comments</comments>
		<pubDate>Sat, 05 Jun 2010 10:23:44 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=94</guid>
		<description><![CDATA[Ik heb even kunnen spelen met een Twitter applicatie voor de Surface tafel van Microsoft. Was erg leuk, maar het blijft in mijn ogen een presentatie / demonstratie app. De oriëntatie is in eerste instantie naar één positie gericht, net als bij een standaard desktop. Wel kun je de posities van elke individuele tweet beïnvloeden [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://magicolr.com/?p=94#more-94"><img class="alignnone size-medium wp-image-95" title="Twitter-for-Microsoft-Surface" src="http://magicolr.com/wp-content/uploads/2011/06/Twitter-Surface-620x414.jpg" alt="Twitter-for-Microsoft-Surface" width="620" height="414" /></a><br />
Ik heb even kunnen spelen met een Twitter applicatie voor de Surface tafel van Microsoft. Was erg leuk, maar het blijft in mijn ogen een presentatie / demonstratie app.<span id="more-94"></span></p>
<p>De oriëntatie is in eerste instantie naar één positie gericht, net als bij een standaard desktop. Wel kun je de posities van elke individuele tweet beïnvloeden zoals je van een multitouch gewend bent. Denk aan draaien, vergroten en verkleinen. Ook kun je een tweet ‘vast’ zetten. Niets aan de hand zover, het probleem zit hem in het typen. Dit gaat doormiddel van een onscreen toetsenbord welke samen met de benodigde velden voor het invoeren van een tekst, gebruikersnaam en wachtwoord naar schatting 40% van het scherm in beslag neemt.</p>
<p>Wanneer je samen aan de tafel zit te twitteren blijft er nog maar 20% over voor de nieuwe twitter berichten! Wanneer je een tweet niet vastgezet hebt, kun je deze naar mijn idee ook niet meer terughalen zoals bij de twitter client Tweetie.<br />
Leuk om even mee te spelen, maar net zo (on)bruikbaar als <a title="Twitter op mijn televiesie" href="http://connectedtv.yahoo.com/services/tv-widgets" target="_blank">twitter op mijn televiesie</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/twitter-voor-microsoft-surface/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Touch of Mind iPad app</title>
		<link>http://magicolr.com/a-touch-of-mind-ipad-app?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=a-touch-of-mind-ipad-app</link>
		<comments>http://magicolr.com/a-touch-of-mind-ipad-app#comments</comments>
		<pubDate>Thu, 15 Apr 2010 08:44:31 +0000</pubDate>
		<dc:creator>Pascal Montsma</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Mobile design]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://magicolr.com/?p=171</guid>
		<description><![CDATA[A Touch of Mind is mijn eerste iPad applicatie. Het is een Mind-map concept dat ik uitgewerkt heb om mijn ideeën van een intuïtieve Apple iPad applicatie visueel te maken. Bekijk hier de video Geef je mening over dit concept.]]></description>
			<content:encoded><![CDATA[<p>A Touch of Mind is mijn eerste iPad applicatie. Het is een Mind-map concept dat ik uitgewerkt heb om mijn ideeën van een intuïtieve Apple iPad applicatie visueel te maken.<br />
<a href="http://magicolr.com/?p=171"><img class="alignnone size-medium wp-image-175" title="A Touch of Mind for iPad" src="http://magicolr.com/wp-content/uploads/2010/04/My-First-iPad-concept-620x254.png" alt="A Touch of Mind for iPad" width="620" height="254" /></a></p>
<p><span id="more-171"></span><strong>Bekijk hier de video</strong></p>
<!-- Begin - Secure HTML5 Video Player -->
<div class='video-js-box '>
<video class='video-js' width='620' height='349'  controls="controls" preload="auto"   >
<source src="http://magicolr.com/wp-content/uploads/2011/08/iPad-app-A-touch-of-Mind-by-Pascal-Montsma.mov-www.keepvid.com_.mp4" type="video/mp4" />
<source src="http://magicolr.com/wp-content/uploads/2011/08/iPad-app-A-touch-of-Mind-by-Pascal-Montsma.mov-www.keepvid.com_.webm" type="video/webm" />
<!-- file not found: /var/www/vhosts/magicolr.com/httpdocs/videos/ -->
<object id='vjs-ff-iPad-app-A-touch-of-Mind-by-Pascal-Montsma.mov-www.keepvid.com_.mp4' class='vjs-flash-fallback'  width='620' height='349' type='application/x-shockwave-flash' data='http://magicolr.com/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf'>
<param name='movie' value='http://magicolr.com/wp-content/plugins/secure-html5-video-player/flowplayer/flowplayer-3.2.7.swf' />
<param name='wmode' value='transparent' />
<param name='allowfullscreen' value='true' />
<param name='flashvars' value='config={"playlist":[  {"url": "http%3A%2F%2Fmagicolr.com%2Fwp-content%2Fuploads%2F2011%2F08%2FiPad-app-A-touch-of-Mind-by-Pascal-Montsma.mov-www.keepvid.com_.mp4" ,"autoPlay":false ,"autoBuffering":true }]}' />

</object>
</video>
<p class='vjs-no-video'><strong>Download Video:</strong>
<a href="http://magicolr.com/wp-content/uploads/2011/08/iPad-app-A-touch-of-Mind-by-Pascal-Montsma.mov-www.keepvid.com_.mp4">MP4</a>
<a href="http://magicolr.com/wp-content/uploads/2011/08/iPad-app-A-touch-of-Mind-by-Pascal-Montsma.mov-www.keepvid.com_.webm">WebM</a>
</p>
</div>
<!-- End - Secure HTML5 Video Player -->

<p>Geef je mening over dit concept.</p>
]]></content:encoded>
			<wfw:commentRss>http://magicolr.com/a-touch-of-mind-ipad-app/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://magicolr.com/wp-content/uploads/2011/08/iPad-app-A-touch-of-Mind-by-Pascal-Montsma.mov-www.keepvid.com_.webm" length="3222304" type="video/webm" />
<enclosure url="http://magicolr.com/wp-content/uploads/2011/08/iPad-app-A-touch-of-Mind-by-Pascal-Montsma.mov-www.keepvid.com_.mp4" length="2537147" type="video/mp4" />
		</item>
	</channel>
</rss>

