<?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>webdesign Indivirtueel &#187; usability</title>
	<atom:link href="http://www.indivirtueel.be/tag/usability/feed" rel="self" type="application/rss+xml" />
	<link>http://www.indivirtueel.be</link>
	<description>webdesign - webontwikkeling - SEO</description>
	<lastBuildDate>Mon, 16 Aug 2010 18:54:47 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>8 Usability tips voor betere formulieren</title>
		<link>http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html</link>
		<comments>http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html#comments</comments>
		<pubDate>Fri, 18 Dec 2009 10:32:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[webdesign]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[webontwikkeling]]></category>

		<guid isPermaLink="false">http://www.indivirtueel.be/?p=217</guid>
		<description><![CDATA[Het internet is een interactief medium. De manier waarop je communiceert met je gebruik is erg belangrijk. Formulieren zijn nodig om de interactieve communicatie vlot te laten verlopen met je gebruiker, correcte instructies en feedback zijn dus essentieel .
Enkele nuttige usability tips voor het ontwerpen van goede formulieren:
Geef duidelijke instructies.
Het is belangrijk dat je de [...]]]></description>
			<content:encoded><![CDATA[<p>Het internet is een interactief medium. De manier waarop je communiceert met je gebruik is erg belangrijk. <strong>Formulieren</strong> zijn nodig om de interactieve communicatie vlot te laten verlopen met je gebruiker, correcte instructies en feedback zijn dus essentieel .<span id="more-217"></span></p>
<p><strong>Enkele nuttige usability tips voor het ontwerpen van goede formulieren</strong>:</p>
<h3>Geef duidelijke instructies.</h3>
<p>Het is belangrijk dat je de gebruiker goede instructies geeft bij het invullen van het formulier. Bondige eenvoudig te begrijpen instructies maken het invoeren van het formulier makkelijk, begrijpbaar en besparen de gebruiker tijd bij het invullen.</p>
<p>Wat vaak over het hoofd wordt gezien is het aanduiden van verplichte velden.</p>
<h3>Plaats de instructies boven het veld.</h3>
<p>Vaak vind je op websites formulieren waar de instructies onder het invulveld geplaatst zijn. Dit zorgt ervoor dat een gebruiker deze eerst moet lezen en daarna weer boven de instructie het veld moet invullen. Dit is onlogisch, het is een storende factor trouwens.</p>
<h3>Duid velden die verplicht zijn aan.</h3>
<p>Zorg ervoor dat een gebruiker dadelijk kan merken welke velden verplicht zijn om in te vullen. Dit zal het risico op fouten invoeren significant verkleinen. Het maakt het ook eenvoudiger voor de gebruiker het formulier correct te verzenden, weer tijdbesparend.</p>
<h3>Alle velden met belangrijke informatie moeten verplicht in te vullen zijn.</h3>
<p>Stel, een gebruiker moet een formulier invullen voor het aanvragen van een brochure. De gebruiker heeft echter de keuze om 1 of eventueel meerdere brochures aan te vragen. Hiervoor gebruik je een checkbox. Zorg ervoor dat de gebruiker eenvoudig opmerkt dat hij of zij 1 of meerdere mogelijkheden kan aanvinken. Doe je dit niet, dan loop je het risico dat de gebruiker een aanvraag verstuurd en je weet nadien niet welke informatie deze gebruiker wil verkrijgen.</p>
<h3>Plaats je labels boven het invulveld.</h3>
<p>Uit onderzoek blijkt dat gebruikers de minste moeilijkheden hebben met formulieren waar de labels boven het invul veld vermeld staan. Het is een logische flow, eerst je gebruiker informeren, welke informatie ingevuld dient te worden.</p>
<p><img class="aligncenter size-full wp-image-218" title="usability-formulieren" src="http://www.indivirtueel.be/wp-content/uploads/2009/12/usability-formulieren.jpg" alt="usability-formulieren" width="420" height="250" /></p>
<h3>Plaats je velden in een logische volgorde.</h3>
<p>Eerst vraag je de gebruiker zijn voornaam, dan zijn achternaam. Niet omgekeerd, probeer hier ook niet mee te experimenteren.<br />
Het invullen van de adres gegevens net hetzelfde. Straat, nummer, postcode en gemeente, logische volgorde en groepeer deze ook steeds samen.</p>
<h3>Vraag niet teveel informatie.</h3>
<p>Blijf bij de hoofdzakelijke informatie die je wil weten en ga niet irrelevante gegevens opvragen. Dit zorgt enkel maar voor ergernis bij je gebruiker.</p>
<p>Heb jij nog nuttige tips voor het opmaken van formulieren, dan wil ik deze graag van je horen.</p>


<!-- Begin SexyBookmarks Menu Code -->
<div class="sexy-bookmarks sexy-bookmarks-bg-sexy">
<ul class="socials">
		<li class="sexy-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;t=8+Usability+tips+voor+betere+formulieren" rel="" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="sexy-twitter">
			<a href="http://twitter.com/home?status=8+Usability+tips+voor+betere+formulieren+-+http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html+" rel="" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="sexy-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;title=8+Usability+tips+voor+betere+formulieren&amp;summary=Het%20internet%20is%20een%20interactief%20medium.%20De%20manier%20waarop%20je%20communiceert%20met%20je%20gebruik%20is%20erg%20belangrijk.%20Formulieren%20zijn%20nodig%20om%20de%20interactieve%20communicatie%20vlot%20te%20laten%20verlopen%20met%20je%20gebruiker%2C%20correcte%20instructies%20en%20feedback%20zijn%20dus%20essentieel%20.%0D%0A%0D%0AEnkele%20nuttige%20usability%20tips%20voor%20het%20&amp;source=webdesign Indivirtueel" rel="" title="Share this on Linkedin">Share this on Linkedin</a>
		</li>
		<li class="sexy-delicious">
			<a href="http://del.icio.us/post?url=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;title=8+Usability+tips+voor+betere+formulieren" rel="" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="sexy-nujij">
			<a href="http://nujij.nl/jij.lynkx?t=8+Usability+tips+voor+betere+formulieren&amp;u=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;b=Het%20internet%20is%20een%20interactief%20medium.%20De%20manier%20waarop%20je%20communiceert%20met%20je%20gebruik%20is%20erg%20belangrijk.%20Formulieren%20zijn%20nodig%20om%20de%20interactieve%20communicatie%20vlot%20te%20laten%20verlopen%20met%20je%20gebruiker%2C%20correcte%20instructies%20en%20feedback%20zijn%20dus%20essentieel%20.%0D%0A%0D%0AEnkele%20nuttige%20usability%20tips%20voor%20het%20" rel="" title="Submit this to NUjij">Submit this to NUjij</a>
		</li>
		<li class="sexy-ekudos">
			<a href="http://www.ekudos.nl/artikel/nieuw?url=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;title=8+Usability+tips+voor+betere+formulieren&amp;desc=Het%20internet%20is%20een%20interactief%20medium.%20De%20manier%20waarop%20je%20communiceert%20met%20je%20gebruik%20is%20erg%20belangrijk.%20Formulieren%20zijn%20nodig%20om%20de%20interactieve%20communicatie%20vlot%20te%20laten%20verlopen%20met%20je%20gebruiker%2C%20correcte%20instructies%20en%20feedback%20zijn%20dus%20essentieel%20.%0D%0A%0D%0AEnkele%20nuttige%20usability%20tips%20voor%20het%20" rel="" title="Submit this to eKudos">Submit this to eKudos</a>
		</li>
		<li class="sexy-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;title=8+Usability+tips+voor+betere+formulieren" rel="" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="sexy-technorati">
			<a href="http://technorati.com/faves?add=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html" rel="" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="sexy-blogger">
			<a href="http://www.blogger.com/blog_this.pyra?t&amp;u=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;n=8+Usability+tips+voor+betere+formulieren&amp;pli=1" rel="" title="Blog this on Blogger">Blog this on Blogger</a>
		</li>
		<li class="sexy-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;title=8+Usability+tips+voor+betere+formulieren" rel="" title="Digg this!">Digg this!</a>
		</li>
		<li class="sexy-reddit">
			<a href="http://reddit.com/submit?url=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;title=8+Usability+tips+voor+betere+formulieren" rel="" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="sexy-comfeed">
			<a href="http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html/feed" rel="" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="sexy-mail">
			<a href="mailto:?subject=%228%20Usability%20tips%20voor%20betere%20formulieren%22&amp;body=I%20thought%20this%20article%20might%20interest%20you.%0A%0A%22Het%20internet%20is%20een%20interactief%20medium.%20De%20manier%20waarop%20je%20communiceert%20met%20je%20gebruik%20is%20erg%20belangrijk.%20Formulieren%20zijn%20nodig%20om%20de%20interactieve%20communicatie%20vlot%20te%20laten%20verlopen%20met%20je%20gebruiker%2C%20correcte%20instructies%20en%20feedback%20zijn%20dus%20essentieel%20.%0D%0A%0D%0AEnkele%20nuttige%20usability%20tips%20voor%20het%20%22%0A%0AYou%20can%20read%20the%20full%20article%20here%3A%20http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html" rel="" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="sexy-google">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;title=8+Usability+tips+voor+betere+formulieren" rel="" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="sexy-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html&amp;t=8+Usability+tips+voor+betere+formulieren" rel="" title="Post this to MySpace">Post this to MySpace</a>
		</li>
		<li class="sexy-friendfeed">
			<a href="http://www.friendfeed.com/share?title=8+Usability+tips+voor+betere+formulieren&amp;link=http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html" rel="" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
<!-- End SexyBookmarks Menu Code -->

]]></content:encoded>
			<wfw:commentRss>http://www.indivirtueel.be/webdesign/8-usability-tips-voor-betere-formulieren.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

