<?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>Tanjadebie.nl &#187; Interaction design</title>
	<atom:link href="http://www.tanjadebie.nl/category/interaction-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tanjadebie.nl</link>
	<description>Persoonlijke weblog van Tanja de Bie.</description>
	<lastBuildDate>Wed, 09 Nov 2011 15:36:06 +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>Yay! Morgen Design by Fire 2009</title>
		<link>http://www.tanjadebie.nl/2009/10/19/yay-morgen-design-by-fire-2009/?source=rss</link>
		<comments>http://www.tanjadebie.nl/2009/10/19/yay-morgen-design-by-fire-2009/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 13:35:20 +0000</pubDate>
		<dc:creator>Tanja</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Interaction design]]></category>

		<guid isPermaLink="false">http://www.tanjadebie.nl/?p=1081</guid>
		<description><![CDATA[Design by Fire &#8220;We love interaction design&#8221; is een van die evenementen waar ik nog steeds niet aan toe was gekomen. Het programma is meestal wel verschrikkelijk interessant en dit jaar was ik er vroeg genoeg bij om een dagje&#8230;]]></description>
			<content:encoded><![CDATA[<p class="intro"><a href="http://www.designbyfire.nl/"title="http://www.designbyfire.nl/"  target="_blank">Design by Fire</a> &#8220;We love interaction design&#8221; is een van die evenementen waar ik nog steeds niet aan toe was gekomen. Het programma is meestal wel verschrikkelijk interessant en dit jaar was ik er vroeg genoeg bij om een dagje naar het Utrechtse te gaan. Lees maar mee:</p>
<p><strong>Robert Hoekman, jr (Miskeeto)<br />
</strong><em>&#8220;Interaction Design Frameworks&#8221;</em></p>
<p><strong>Marcel Kampman<br />
</strong><em>&#8220;Seeing things in full color (while others see it in black and white)&#8221;</em></p>
<p><strong>James Box &amp; Cennydd Bowles (Clearleft!)<br />
</strong><em>&#8220;The music of interaction design&#8221;</em></p>
<p><strong>Alrik Koudenburg<br />
</strong><em>&#8220;Who dares wins&#8221;</em></p>
<p><strong>Interactive session, led by Charlie Mulholland<br />
</strong><em>&#8220;The essence of interaction design&#8221;</em></p>
<p><strong>Tom Jenkins (Nokia)<br />
</strong><em>&#8220;Show and tell: Communicating new interactions&#8221;</em></p>
<p><strong>Ronald Mannak (Monodomo)<br />
</strong><em>&#8220;How to design innovative products on a shoestring&#8221;</em></p>
<p><strong>Matt Jones (Berg/Dopplr)<br />
</strong><em>&#8220;We have all the time in the world&#8221;</em></p>
<p>Jammer genoeg moet ik de afterparty overslaan, een concert van de White Lies sluit deze volle dag genieten voor mij af!</p>
<h3>Waarom Design by Fire?</h3>
<p>Interface Designers doen er goed aan om aansluiting te vinden bij Interaction Designers. Daar heb ik al eens een <a href="http://naarvoren.nl/artikel/t-shaped_naar_sun_shaped/"title="http://naarvoren.nl/artikel/t-shaped_naar_sun_shaped/"  target="_blank">gepassioneerd betoog over gehouden op naarvoren.nl</a>, het maakt mijn werk leuker, spannender en uitdagender. Het meerendeel van mijn huidige opdrachten heb ik te danken aan mijn fuzzy-ness, door als designer van gebruiksvriendelijke en verleidende interfaces met een interaction design naar mijn werk te kunnen kijken. Of te kunnen meedenken met de betrokken interaction designers en hun feedback op de juiste waarde te kunnen schatten. Te vaak hoor ik dat designers nog steeds beschermend zijn over hun werk; hoog tijd voor Design by Fire!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tanjadebie.nl/2009/10/19/yay-morgen-design-by-fire-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 cool interaction design concepts</title>
		<link>http://www.tanjadebie.nl/2009/02/19/20-cool-interaction-design-concepts/?source=rss</link>
		<comments>http://www.tanjadebie.nl/2009/02/19/20-cool-interaction-design-concepts/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 16:02:34 +0000</pubDate>
		<dc:creator>Tanja</dc:creator>
				<category><![CDATA[Gevonden]]></category>
		<category><![CDATA[Interaction design]]></category>

		<guid isPermaLink="false">http://www.tanjadebie.nl/?p=853</guid>
		<description><![CDATA[Dankzij een tweet van @timremmerswaal gevonden: &#8220;20 cool interaction design concepts&#8221;. Veel &#8216;touch table&#8217;-achtige toepassingen en de Siftables, die MIT student David Merill met een TEDtalk presenteerde deze week, zouden hier ook aan toegevoegd mogen worden.
15 Incredible Conceptual Designs&#8230;]]></description>
			<content:encoded><![CDATA[<div id="attachment_854" class="wp-caption aligncenter" style="width: 460px"><img class="size-full wp-image-854" title="reactable_01" src="http://www.tanjadebie.nl/wp-content/uploads/2009/02/reactable_01.jpg" alt="Designers Sergi Jordà, Günter Geiger, Martin Kaltenbrunner and Marcos Alonso have developed the ‘Reactable’." width="450" /><p class="wp-caption-text">Sergi Jordà, Günter Geiger, Martin Kaltenbrunner en Marcos Alonso&#39;s ‘Reactable’, ook door Björk gebruikt.</p></div>
<p class="intro">Dankzij een tweet van @<a href="http://twitter.com/timremmerswaal">timremmerswaal</a> gevonden: <a href="http://www.interactiondesignblog.com/2008/10/20-cool-interaction-design-concepts/"title="http://www.interactiondesignblog.com/2008/10/20-cool-interaction-design-concepts/"  target="_blank"><strong>&#8220;20 cool interaction design concepts&#8221;</strong></a>. Veel &#8216;touch table&#8217;-achtige toepassingen en de <a href="http://www.ted.com/talks/david_merrill_demos_siftables_the_smart_blocks.html"title="http://www.ted.com/talks/david_merrill_demos_siftables_the_smart_blocks.html"  target="_blank"><strong>Siftables</strong>, die MIT student David Merill met een TEDtalk</a> presenteerde deze week, zouden hier ook aan toegevoegd mogen worden.</p>
<div id="attachment_857" class="wp-caption aligncenter" style="width: 460px"><img class="size-full wp-image-857" title="gantt-white_med" src="http://www.tanjadebie.nl/wp-content/uploads/2009/02/gantt-white_med.jpg" alt="gantt-white_med" width="450" /><p class="wp-caption-text">David Merill&#39;s Siftables</p></div>
<h3>15 Incredible Conceptual Designs You Wish Existed</h3>
<p>Een andere blogpost werd deze week gepubliceerd: &#8220;<a href="http://www.creativecloseup.com/15-incredible-conceptual-designs-you-wish-existed"title="http://www.creativecloseup.com/15-incredible-conceptual-designs-you-wish-existed"  target="_blank">15 Incredible Conceptual Designs You Wish Existed</a>&#8220;, een lijst van écht coole conceptmatige interfaces.</p>
<div id="attachment_859" class="wp-caption aligncenter" style="width: 460px"><img class="size-full wp-image-859" title="An electronic musical instrument by Petr Hampl" src="http://www.tanjadebie.nl/wp-content/uploads/2009/02/7.jpg" alt="An electronic musical instrument by Petr Hampl" width="450" /><p class="wp-caption-text">An electronic musical instrument by Petr Hampl</p></div>
<p>» <a href="http://www.interactiondesignblog.com/2008/10/20-cool-interaction-design-concepts/"title="http://www.interactiondesignblog.com/2008/10/20-cool-interaction-design-concepts/"  target="_blank">interactiondesignblog.com/2008/10/20-cool-interaction-design-concepts</a><br />
» <a href="http://www.creativecloseup.com/15-incredible-conceptual-designs-you-wish-existed"title="http://www.creativecloseup.com/15-incredible-conceptual-designs-you-wish-existed"  target="_blank">creativecloseup.com/15-incredible-conceptual-designs-you-wish-existed</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tanjadebie.nl/2009/02/19/20-cool-interaction-design-concepts/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Over slimme defaults in formulieren</title>
		<link>http://www.tanjadebie.nl/2008/07/08/over-slimme-defaults-in-formulieren/?source=rss</link>
		<comments>http://www.tanjadebie.nl/2008/07/08/over-slimme-defaults-in-formulieren/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 08:57:23 +0000</pubDate>
		<dc:creator>Tanja</dc:creator>
				<category><![CDATA[Interaction design]]></category>

		<guid isPermaLink="false">http://www.tanjadebie.nl/2008/07/08/over-slimme-defaults-in-formulieren/</guid>
		<description><![CDATA[LukeW schrijft over slimmer defaults in formulieren. Het voorbeeld dat hij geeft gaat over Jetblue.com. Waar het formulier een foutmelding geeft als je het aantal reizigers niet hebt aangepast. Het staat standaard op nul. Momenteel ben ik druk aan het&#8230;]]></description>
			<content:encoded><![CDATA[<p class="intro">LukeW schrijft over <a href="http://www.lukew.com/ff/entry.asp?691"title="http://www.lukew.com/ff/entry.asp?691"  target="_blank">slimmer defaults in formulieren</a>. Het voorbeeld dat hij geeft gaat over <a href="http://www.lukew.com/ff/content/smartdefualts_jetblue.gif"title="http://www.lukew.com/ff/content/smartdefualts_jetblue.gif" rel="lightbox[546]"  target="_blank">Jetblue.com</a>. Waar het formulier een foutmelding geeft als je het aantal reizigers niet hebt aangepast. Het staat standaard op nul. Momenteel ben ik druk aan het <a href="http://www.bikeblog.nl/2008/07/07/freeride-in-israel/"title="Bikeblog.nl: freeride in Israel"  target="_blank">zoeken naar een vlucht naar Israël</a>, en ik kom ook regelmatig issues tegen op de formulieren. Bestemmingen die je dubbel moet invoeren bijvoorbeeld, maar ook<strong> de datum-selectie&#8230;</strong></p>
<p><strong><a href="http://www.czechairlines.nl/en/portal/homepage/nl_homepage.htm"title="http://www.czechairlines.nl/en/portal/homepage/nl_homepage.htm"  target="_blank">Czechairlines.nl</a></strong> denkt niet met je mee. De datum van de terugreis blijft staan op het heden, ipv dat deze pro-actief in de maand van de heenreis verspringt. De maand is ook niet via een dropdown menu te selecteren, dus braaf blijven klikken tot je in de juiste maand bent. Daarnaast is een pop-up venster gewoon not-done.</p>
<p><img src="http://www.tanjadebie.nl/wp-content/uploads/2008/07/tdbnl_czechairlinesform.png" alt="tdbnl_czechairlinesform.png" /></p>
<p><img src="http://www.tanjadebie.nl/wp-content/uploads/2008/07/tdbnl_easyjetform2.png" alt="tdbnl_easyjetform2.png" align="left" /><strong><a href="http://www.easyjet.com/nl/boek/index.asp"title="http://www.easyjet.com/nl/boek/index.asp"  target="_blank">Easyjet.com</a></strong> (niet dat ik daarmee in Israël kom) heeft de onvriendelijke keuze gemaakt om je standaard een enkeltje te bieden. Ik zou wel willen weten wat voor percentage daadwerkelijk een enkeltje komt scoren bij Easyjet.</p>
<p><strong><a href="http://www.swiss.com"title="swiss.com"  target="_blank">Swiss.com</a></strong>, Swiss International Air Lines, denkt wél met je mee. Wanneer de cursor in het veld van vertrek-datum staat, krijg je een layer met daarin een kalender waar je zowel de datum van de heen- als de terugreis kunt aangeven. De maanden zijn te benaderen via een dropdown menu, of pijltjes om snel een maandje vooruit te skippen.</p>
<p><img src="http://www.tanjadebie.nl/wp-content/uploads/2008/07/tdbnl_swissform.png" alt="tdbnl_swissform.png" /></p>
<p>Dat is niet alles! Wanneer je je reisdata hebt aangegeven, kun je op een overzichtelijke manier shoppen voor een gunstige geprijsde of luxueuze stoel. De voorwaarden en voordelen van de gekozen stoel staan netjes zijdelings vermeld en worden bij elke keuze ververst.  <strong>Dus behalve een prettige prijs, heeft Swiss.com ook nog een prettige website. </strong></p>
<p><img src="http://www.tanjadebie.nl/wp-content/uploads/2008/07/tdbnl_swissformselect.png" alt="tdbnl_swissformselect.png" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tanjadebie.nl/2008/07/08/over-slimme-defaults-in-formulieren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webform-patterns op Smashing Magazine</title>
		<link>http://www.tanjadebie.nl/2008/07/06/webform-patterns-op-smashing-magazine/?source=rss</link>
		<comments>http://www.tanjadebie.nl/2008/07/06/webform-patterns-op-smashing-magazine/#comments</comments>
		<pubDate>Sun, 06 Jul 2008 07:25:17 +0000</pubDate>
		<dc:creator>Tanja</dc:creator>
				<category><![CDATA[Interaction design]]></category>

		<guid isPermaLink="false">http://www.tanjadebie.nl/2008/07/06/webform-patterns-op-smashing-magazine/</guid>
		<description><![CDATA[Op Smashing Magazine is zojuist deel een van een serie over design-patronen in formulieren gestart. Ze hebben 100 websites bekeken met registratieformulieren, die het succes van de site mede-bepalen. De eerste conclusies die ze trekken in dit deel:

link heet&#8230;]]></description>
			<content:encoded><![CDATA[<p class="intro">Op <a href="http://www.smashingmagazine.com/2008/07/04/web-form-design-patterns-sign-up-forms/" title="http://www.smashingmagazine.com/2008/07/04/web-form-design-patterns-sign-up-forms/" target="_blank">Smashing Magazine</a> is zojuist deel een van een serie over design-patronen in formulieren gestart. Ze hebben 100 websites bekeken met registratieformulieren, die het succes van de site mede-bepalen. De eerste conclusies die ze trekken in dit deel:</p>
<ul>
<li>link heet &#8220;sign up&#8221; (40%) en staat rechtsboven</li>
<li>formulier is simpel zonder afleiding (61%)</li>
<li>formulier is &#8216;single-page&#8217; (93%)</li>
<li>voordelen van registratie op formulier (41%)</li>
<li>labels van inputvelden zijn bold (62%)</li>
<li>geen zichtbare trend in uitlijning</li>
<li>beperking verplichte en optionele inputvelden</li>
<li>verticale verdeling van formulier (86%)</li>
</ul>
<h3>By the way</h3>
<p>Voor de liefhebbers van formdesign (like me) is <a href="http://www.lukew.com" title="http://www.lukew.com" target="_blank">LukeW</a>  dé autoriteit op dit gebied. Het toeval wil dat deze recent hier een boek over heeft geschreven. Als je het nog niet in huis had (shame on you); direct bestellen bij <a href="http://www.rosenfeldmedia.com/books/webforms/" title="http://www.rosenfeldmedia.com/books/webforms/" target="_blank">rosenfeldmedia.com</a> en je krijgt er een PDF versie van in je mailbus terwijl je op de post wacht!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tanjadebie.nl/2008/07/06/webform-patterns-op-smashing-magazine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Project: storingspagina&#8217;s</title>
		<link>http://www.tanjadebie.nl/2008/03/20/project-storingspaginas/?source=rss</link>
		<comments>http://www.tanjadebie.nl/2008/03/20/project-storingspaginas/#comments</comments>
		<pubDate>Thu, 20 Mar 2008 07:34:40 +0000</pubDate>
		<dc:creator>Tanja</dc:creator>
				<category><![CDATA[cba]]></category>
		<category><![CDATA[Interaction design]]></category>

		<guid isPermaLink="false">http://www.tanjadebie.nl/blog/2008/03/20/project-storingspaginas/</guid>
		<description><![CDATA[Bij mij en mijn collega&#8217;s waren de oude storingspagina&#8217;s van www.centraalbeheer.nl een doorn in het oog. Voor site-eigenaren (of beheerders) wordt zo&#8217;n storingspagina altijd té vaak bezocht. We zijn uiteraard eerst begonnen met het optimaliseren van de omstandigheden.
Daarna hebben&#8230;]]></description>
			<content:encoded><![CDATA[<p class="intro">Bij mij en mijn collega&#8217;s waren de oude storingspagina&#8217;s van <a href="http://www.centraalbeheer.nl" title="http://www.centraalbeheer.nl" target="_blank">www.centraalbeheer.nl</a> een doorn in het oog. Voor site-eigenaren (of beheerders) wordt zo&#8217;n storingspagina altijd té vaak bezocht. We zijn uiteraard eerst begonnen met het optimaliseren van de omstandigheden.</p>
<p>Daarna hebben we de 3 type storingspagina&#8217;s die wij feitelijk kennen opnieuw vormgegeven. En neem maar van mij aan: het is een hele verbetering gebleken. Het blijft mooi dat je <strong>met kleine maatregelen, grote verbeteringen teweeg kunt brengen.</strong></p>
<h3>404-pagina</h3>
<p><img src="http://www.tanjadebie.nl/blog/wp-content/uploads/2008/03/tdbnl_cba_404.png" alt="tdbnl_cba_404.png" border="0" /></p>
<p>We hebben opgelet tijdens de <a href="http://www.plinko.net/404/" title="http://www.plinko.net/404/" target="_blank">404 lessen</a>; de hoofdnavigatie en de look &amp; feel zijn gelijk aan alle andere pagina&#8217;s op de site, je bent niet per ongeluk van de site &#8216;afgevallen&#8217;. Een lijst met veel gezochte pagina&#8217;s in de 3 hoofdcategorieën van de site en een zoekfunctie voor overige pagina&#8217;s. Een vriendelijke &#8216;mea-culpa&#8217; van onze kant en contactgegevens voor blijvende 404-paniek.</p>
<h3>Storingspagina</h3>
<p><img src="http://www.tanjadebie.nl/blog/wp-content/uploads/2008/03/tdbnl_cba_storing.png" alt="tdbnl_cba_storing.png" /></p>
<p>Wanneer je deze pagina ziet, is er een grote storing op de website gaande en is deze op dat moment helemaal niet bereikbaar. De enige oplossing is dan &#8216;Even Apeldoorn bellen&#8230;!&#8217;. Daarom staat er op deze pagina géén enkele vorm van navigatie, alleen 2 telefoonnumers als call-to-action.</p>
<p>We hebben overwogen om er een gekke  &#8216;Even Apeldoorn bellen&#8230;!&#8217; pagina van te maken, maar daar zit je vast niet op te wachen als je bezoek door een technische omstandigheid op een teleurstelling uit draait.</p>
<h3>Einde sessie-pagina</h3>
<p><img src="http://www.tanjadebie.nl/blog/wp-content/uploads/2008/03/tdbnl_cba_sessie.png" alt="tdbnl_cba_sessie.png" /></p>
<p>De meest vervelende pagina om terecht te komen. Er wordt van de bezoeker namelijk actie verwacht. Voor optimale veiligheid is er een gelimiteerde sessietijd ingesteld. Wanneer deze is verlopen moet de bezoeker de sessie zélf opnieuw opstarten door op de button te klikken. Om die reden hebben wij gekozen om geen afleidende navigatie te plaatsen, en het te beperken tot één dominante call-to-action button.</p>
<h3>404 Inspiratie</h3>
<p>Behalve &#8216;nuttige&#8217; storingspagina&#8217;s zijn er ook een heleboel leuke en creatieve versies in omloop, zie ook deze mooie <a href="http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/" title="404-error-pages-reloaded" target="_blank">blogpost op Smashing Magazine</a>. Hebben jullie misschien goede voorbeelden of aanvullende tips voor <strong>goede</strong> storingspagina&#8217;s?</p>
<p><strong>Oja oops&#8230; nu nog de 404 van deze blog&#8230;</strong></p>
<h3>Edit: de oude versies van de 404 en de sessieverlopen pagina</h3>
<p>Zoek de ## verschillen??</p>
<p><img src="http://www.tanjadebie.nl/wp-content/uploads/2008/04/tdbnl_cba_oudstoringspagina.png" alt="Oude storingspagina centraalbeheer.nl" /></p>
<p><img src="http://www.tanjadebie.nl/wp-content/uploads/2008/04/tdbnl_cba_oud404.png" alt="Oude 404 pagina centraalbeheer.nl" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tanjadebie.nl/2008/03/20/project-storingspaginas/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

