<?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>Henk Wijnholds&#187; Persuasion Tactics 101 &#8211; Henk Wijnholds</title>
	<atom:link href="http://www.henkwijnholds.com/category/psychology/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.henkwijnholds.com</link>
	<description>Research and design of digital products</description>
	<lastBuildDate>Fri, 07 May 2010 16:43:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Persuasion Tactics 101</title>
		<link>http://www.henkwijnholds.com/persuasion-tactics-101/psychology/</link>
		<comments>http://www.henkwijnholds.com/persuasion-tactics-101/psychology/#comments</comments>
		<pubDate>Fri, 07 May 2010 10:54:32 +0000</pubDate>
		<dc:creator>Henk Wijnholds</dc:creator>
				<category><![CDATA[Psychology]]></category>

		<guid isPermaLink="false">http://www.henkwijnholds.com/?p=597</guid>
		<description><![CDATA[During my presentation at MediaCT last month I showed a dozen examples of how we are being influenced by all kinds of cues around us. I explained what Persuasion Tactics are and what we as designers can do with them without crossing an ethical border.]]></description>
			<content:encoded><![CDATA[<p>Last month I spoke at MediaCT&#8217;s friday afternoon session, I did a 90-minute talk about &#8216;Persuasion Tactics&#8217;. <a href="http://www.mediact.nl">MediaCT</a> organizes these sessions on a weekly basis for their employees, clients and whoever wants to join in.</p>
<p>During the afternoon  I answered a few questions that may rise when discussing this topic.</p>
<ul>
<li>Are we being influenced?</li>
<li>How do we decide?</li>
<li>What are Persuasion Tactics?</li>
<li>How can we as designers make use of this?</li>
<li>How far can we go?</li>
</ul>
<h2>Are we being influenced?</h2>
<h3>Smells like clean spirit</h3>
<p>In their study on &#8216;The Nonconscious Effects of Scent on Cognition and Behavior&#8217;, Rob Holland, Merel Hendriks and Henk Aarts at Radboud University and Utrecht University discovered we can indeed be influenced.</p>
<p>They discovered that the mere exposure to the scent of all-purpose cleaner can cause people to keep their direct environment more clean than they would when they hadn&#8217;t smelled the citrus odor. When people were asked afterwards why they kept their environment that clean, no one had a clue why they did.</p>
<h3>Fast food logos unconsciously trigger fast behaviour</h3>
<p>Chen-Bo Zhong and Sanford DeVoe proved it. Subliminal exposure to fast food logos stimulate haste and impatience, even when there is nu actual food around. Zhong and DeVoe did <a href="http://scienceblogs.com/notrocketscience/2010/03/fast_food_logos_unconsciously_trigger_fast_behaviour.php">an experiment</a> with 57 students who were asked to stare at the center of a computer sceen.</p>
<p>There would appear a stream of flashing objects At the corner of the screen. Students were asked to ignore these flashing symbols (only shown 12 milliseconds per object). Some of the students were shown logos of McDonald&#8217;s, KFC, Subway, Burger King and other fast food companies as part of the stream of symbols. Afterwards none of the students could tell what kind of symbols had appeared.</p>
<p>Then all participants were asked to read out a 320-word text about Toronto. Those who had fast food logos appear in the corner of their screens read the text in only 70 seconds while it took the others 84 seconds.</p>
<h2>How do we decide?</h2>
<p>In order to be able to influence people&#8217;s decision making process we should first know how people decide. How does one decide to take a persuasive message for granted or when does one reject a persuasive message.</p>
<h3>Elaboration Likelihood Model</h3>
<p>This model by Petty and Cacioppo (1979) distinguishes two possible routes to persuasion. The central route is used when someone considers a message logically. The peripheral route when someone considers a message by using preexisting ideas and superficial qualities. Which route is used depends on both motivation as ability for someone to process the persuasive message.</p>
<p>Persuasive messages that go through the central route require a great deal of thought and consciousness, and therefore are likely to predominate under conditions that promote high elaboration. Someone has to be really motivated to process the message on its logical grounds through this route. Someone has to be able to process the message on these logical grounds (needs a certain educational level or knowledge of the specific topic).</p>
<p>Messages may be accepted through the peripheral route when someone isn&#8217;t motivated or able to process the message on logical grounds. Therefore the message needs to contain a peripheral cue. This peripheral cue needs to be accepted (motivation) and come through (ability) as well. An example of a peripheral cue could be the perceived credibility or the attractivenes of the source.</p>
<p>Persuasive messages which are processed through the peripheral route are not likely to change attitudes or habits. They only cause short-term behaviour changes. <strong>Most of the tactics I spoke about are peripheral cues.</strong></p>
<h2>What are Persuasion Tactics?</h2>
<p>At <a href="http://www.concept7.nl">Concept7</a> we developed a model that decribes how we see the web. The whole thing started because technology was ready for it, but these days it is more and more designed to meet human needs. </p>
<p><img src="http://www.henkwijnholds.com/wp-content/uploads/2010/05/persuasion_model_concept7.gif" alt="Persuasion tactics in the whole" /></p>
<p>Persuasion tactics are meant to encourage certain behaviour (often by taking away barriers). These tactics alone can change a specific behaviour. But to change an attitude or habit you would need a (persuasion) strategy.</p>
<blockquote>
<p>&#8216;<strong>Persuasion</strong> is an attempt to change attitudes or behaviors or both (without using coercion or deception).&#8217;<br /><cite>B.J. Fogg, Stanford University</cite></p>
</blockquote>
<h3>Behavior model</h3>
<p>In order to give more insight into how certain behaviours occur, I explained <a href="http://www.behaviormodel.org/">B.J. Fogg&#8217;s Behavior Model</a>. The model describes three required elements for  behaviour to take place: Motivation, Ability (Simplicity) and a Trigger.</p>
<h3>B.J. Fogg about Simplicity Factors</h3>
<p><object width="580" height="430" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"><param value="true" name="allowfullscreen"/><param value="always" name="allowscriptaccess"/><param value="http://vimeo.com/moogaloop.swf?clip_id=2094487&#038;server=vimeo.com&#038;show_title=1&#038;show_byline=1&#038;show_portrait=0&#038;color=&#038;fullscreen=1" name="src"/><embed width="580" height="430" allowfullscreen="true" allowscriptaccess="always" src="http://vimeo.com/moogaloop.swf?clip_id=2094487&#038;server=vimeo.com&#038;show_title=1&#038;show_byline=1&#038;show_portrait=0&#038;color=&#038;fullscreen=1" type="application/x-shockwave-flash"/><br />
</object></p>
<h2>How can we as designers for the web make use of Persuasion Tactics?</h2>
<p>There&#8217;s lots of resources on the internet about utilizing Persuasion Tactics on websites. Below you&#8217;ll find some examples, lots more in the slides at the bottom of this presentation.</p>
<h3>Credeble takes away barrier of time</h3>
<p>Let&#8217;s imagine you&#8217;re motivated to make use of Credeble&#8217;s online service. The only problem is, you&#8217;re fed up with endless regsitration processes. By emphasizing the factor of time right below the call-to-action you may be triggered to register after all. &#8216;It&#8217;s free and only takes 20 seconds&#8217; would influence your decision-making process.</p>
<p><img src="http://www.henkwijnholds.com/wp-content/uploads/2010/05/example_01_credeble.jpg" alt="Credeble takes away barrier of time." /></p>
<h3>Dropfabriek reframes stock context</h3>
<p>Dropfabriek (liquorice factory) uses the principle of framing to influence people&#8217;s behaviour on their website. By controlling the context they influence the meaning of the message. By placing a sold-out product in their line of products they suggest the products on their website are highly demanded. By showing the stock status of the other products, people are more likely to buy similar products. Professor Paul Messinger did a study on <a href="http://www.sciencedaily.com/releases/2009/09/090929133252.htm">the influence of sold-out products on consumer choice</a>.</p>
<p><img src="http://www.henkwijnholds.com/wp-content/uploads/2010/05/example_02_dropfabriek.jpg" alt="Dropfabriek reframes stock context." /></p>
<p><strong>Check the slides at the bottom of this post for loads of other examples.</strong></p>
<h2>How far can we go?</h2>
<h3>Coercion and deception</h3>
<p>There&#8217;s quite some discussions going on <a href="http://www.cennydd.co.uk/2010/the-perils-of-persuasion/">about ethical neutrality of persuasion</a> tactics. I very much like Joshua Porter&#8217;s response on Twitter:&#8217;UCD is ethically neutral, while persuasion design is not? Not so. Ethics rests with the designer, not the method.&#8217;. Another great one by Arjan Haring:&#8217;The first rule of Persuasion Design is that every design is persuasive in some ways. There is no neutral way of designing something.&#8217;.</p>
<p>My colleague Stefan Wobben spotted some great examples of deception some months ago. Het wrote a post called <a href="http://www.stefanwobben.com/persuasion/persuasion-or-deception/">Persuasion or Deception</a>. Whether or not these examples were designed on purpose or not, they influence people&#8217;s behaviour in a way that can be argued&#8230;</p>
<p>You know very well when you use coercion or deception when utilizing persuasion tactics. In the end you&#8217;ll lose.</p>
<h2>Persuasion Tactics 101 slides</h2>
<div style="width:580px;height:450px;" id="__ss_3807792">
<object id="__sse3807792" width="580" height="430"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=persuasiontactics101henkwijnholds-100421155548-phpapp01&#038;stripped_title=persuasion-tactics-101henkwijnholds" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse3807792" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=persuasiontactics101henkwijnholds-100421155548-phpapp01&#038;stripped_title=persuasion-tactics-101henkwijnholds" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="430"></embed></object>
</div>
<h2>Sources</h2>
<p><small>The Nonconscious Effects of Scent on Cognition and Behavior &#8211; Rob Holland</small><br />
<small>Fast food logos trigger fast behaviour &#8211; Chen-Bo Zhong and Sanford DeVoe</small><br />
<small><a href="http://en.wikipedia.org/wiki/Elaboration_likelihood_model">Wikipedia on Elaboration Likelihood Model</a></small><br />
<small>Sold-out Products Influence Consumer Choice &#8211; Prof. P. Messinger</small><br />
<small>Persuasion or deception &#8211; Stefan Wobben</small><br />
<small>Main photo is a picture I took of last month&#8217;s Scientific American Mind</small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.henkwijnholds.com/persuasion-tactics-101/psychology/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Persuasion stories</title>
		<link>http://www.henkwijnholds.com/persuasion-stories/psychology/</link>
		<comments>http://www.henkwijnholds.com/persuasion-stories/psychology/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 00:10:48 +0000</pubDate>
		<dc:creator>Henk Wijnholds</dc:creator>
				<category><![CDATA[Psychology]]></category>

		<guid isPermaLink="false">http://www.henkwijnholds.com/?p=347</guid>
		<description><![CDATA[A couple of months ago I read this book by Cialdini called ‘Influence’, he describes 6 powerful weapons of influence. I decided to read the follow-up <strong>Yes! 50 scientifically proven ways to be persuasive</strong> which describes 50 stories about the 6 persuasive weapons in action. For some of the weapons I tried to find examples on the web which (consciously or unconsciously) use them succesfully.]]></description>
			<content:encoded><![CDATA[<p>A couple of months ago I read this book by Cialdini called ‘Influence’, he describes 6 powerful weapons of influence. I decided to read the follow-up which describes 50 stories about the 6 persuasive weapons in action. For some of the weapons I tried to find examples on the web which (consciously or unconsciously) use them succesfully.</p>
<h2>Yes! 50 scientifically proven ways to be persuasive</h2>
<p>When you’re looking for a book that’s comprehensive on why some things are more persuasive than others and takes you to the core of that theory, this may not be your book.</p>
<div class="interestingreads">
<h2>About the book</h2>
<p>I had a great time reading <a href="http://www.amazon.com/Yes-Scientifically-Proven-Ways-Persuasive/dp/1416576142/ref=sr_1_1?ie=UTF8&#038;s=books&#038;qid=1261180852&#038;sr=8-1">this book</a>, not because it unveiled a lot of persuasion secrets, but I did like it because it contained a lot of real-life examples </p>
<p> These examples inspire me to tell stories about persuasion to others and help me generate ideas for improving websites.</p>
</div>
<p>But when you’re looking for a book which is easy to understand, is full of great real-life stories and inspires you to come up with ideas to improve your product or service, this may be the right choice.</p>
<h2>Weapons of influence</h2>
<p>You’ll finish this book in no-time. Because of the easy-to-read short 3-4 page stories it’s easy to recall the stories and tell others about them. Most of these stories are based on Cialdini’s six weapons of influence.</p>
<h2>Reciprocity</h2>
<p>The book describes the story of Bobby Fischer (former world chess champion). In 2005 he was a US-fugitive because he played a $5 million chess game in the former Yugoslavia. Iceland granted him citizenship and risked their relationship with the United States.</p>
<p>Many people wondered why Iceland accepted him in their country. The reason was simple, they had to return him a favor. The book explains what Bobby had done for Iceland  30 years before, but the main point is that people tend to return a favor for something they got from someone else.</p>
<h3>Reciprocity example</h3>
<p>I think one of my former clients succesfully benefits from this principle without knowing it. It&#8217;s <a href="http://www.meubelstoffenvoordeel.nl/nl/stoffen/voorraadstoffenaanbieding/nl-caravanboot/nl-lapinred16/">an online upholstery store</a>. You can order three free samples before buying something for real. I believe that by doing this favor, people are more likely to buy the product in the end.</p>
<h2>Commitment and consistency</h2>
<p>When people commit to something, they tend to honour that agreement even when the rules and conditions have changed in the meanwhile. Car sellers sometimes raise the price when someone returns after a while to buy a car after-all. Since the customer has decided to buy the car he’s more likely to do concessions on the terms and conditions.</p>
<p>Cialdini tells a story about the difference between people were willing to volunteer in a project. There was a huge difference between people who actively volunteered (filled the fields in a paper form) and people who passively volunteered (had to leave the fields blank). There was no difference between the groups at first, but the groups that acually turned up differed a lot!</p>
<h3>Commitment and consistency example</h3>
<p>At the moment we’re performing a test on one of our websites. We want to raise the number of comments that are submitted at an online magazine. We believe that adding a rating functionality which is followed up by a comment form will result in a higher number of comments compared to the current version which only has a comment form. We’ll keep you posted on this one.</p>
<p>The people at <a href="http://www.theblacksnapper.com/">The Black Snapper</a> claim to have increased the feedback on their website in a sort-a-like way.</p>
<h2>Authority</h2>
<p>People rely on those with superior knowledge. People seek for guidance on how to respond in certain (often unfamiliar) situations.</p>
<h3>Authority example</h3>
<div class="amazonreads">
<h2>Get the book</h2>
<p><iframe src="http://rcm.amazon.com/e/cm?lt1=_top&#038;bc1=EEEEEE&#038;IS2=1&#038;bg1=EEEEEE&#038;fc1=000000&#038;lc1=006688&#038;t=henkwijnholds-20&#038;o=1&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;asins=1416570969" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>
<p>At <a href="http://www.mckinseyquarterly.com/">McKinsey Quarterly</a> they have a &#8216;voices&#8217; section in which they invite thought leaders outside of McKinsey to contribute to their knowledge base. As a website user you have the opportunity to have a conversation with these thought leaders.</p>
<p>The &#8216;Editor&#8217;s choice&#8217; section at <a href="http://www.cnet.com/">CNet</a> shows products which are supported by CNet&#8217;s experts. They are open about the way they rate these products and explain clearly who these experts are.</p>
<h2>Social proof</h2>
<p>People tend to do things that they see other people do. This effect is bigger when the people who show a certain behavious are similar to you. The book contains great story about a hotel-chain which wants its hotel guests to reuse their towels and persuades them by claiming other hotel guests reused their towel as well.</p>
<h3>Social proof example</h3>
<p>I noticed <a href="http://www.buzzillions.com">Buzzillions</a> is using this principle as well, their slogan states ‘Product reviews from people like you’. They can’t be too specific since they have a really broad audience, but their smart tagline helps people imagine someone writing the review.</p>
<h2>Liking</h2>
<p>People are more easily persuaded by people they like. Cialdini states that the more we like someone, the more we are likely to say ‘Yes’ to them.</p>
<h3>Liking example</h3>
<p>Dutch supermarket chain <a href="http://www.ah.nl/">Albert Heijn</a> has used a simple supermarket owner in their commercials and on their website for a few years now. By choosing this funny, cute and normal (he could very well be your neighbour or dad) guy in their commercials and on their website they made really successful use of the persuasive principle of liking. It&#8217;s really hard not to like this guy (and therefore the Albert Heijn brand).</p>
<p><object width="580" height="470"><param name="movie" value="http://www.youtube.com/v/Vp2PCh1vHDQ&#038;hl=nl_NL&#038;fs=1&#038;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/Vp2PCh1vHDQ&#038;hl=nl_NL&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="470"></embed></object></p>
<h2>Scarcity</h2>
<p>Perceived scarcity generates demand. Some e-commerce shops display stock information, by showing how many products are left in stock they can benefit from the scarcity principle. Another way of doing this is setting a time limit on a discount for a certain product.</p>
<h3>Scarcity example</h3>
<p>A while back I noticed my colleagues at a Dutch <a href="http://www.dropfabriek.nl/producten/1-heimwee-drop.html">online liquorice store</a> make really smart use of this principle by showing the exact amount of liquorice they still have in stock. In many occasions users will feel urged to order now instead of later because of the scarcity of the product.</p>
<h2>Sources</h2>
<p><small><a href="http://en.wikipedia.org/wiki/Robert_Cialdini">Wikipedia about Cialdini</a></small><br />
<small>Yes!: 50 Scientifically Proven Ways to Be Persuasive &#8211; Noah J. Goldstein, Steve J. Martin and Robert B. Cialdini</small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.henkwijnholds.com/persuasion-stories/psychology/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Decision modes to help improve websites</title>
		<link>http://www.henkwijnholds.com/decision-modes-improve-websites/psychology/</link>
		<comments>http://www.henkwijnholds.com/decision-modes-improve-websites/psychology/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 21:29:04 +0000</pubDate>
		<dc:creator>Henk Wijnholds</dc:creator>
				<category><![CDATA[Psychology]]></category>

		<guid isPermaLink="false">http://www.henkwijnholds.com/?p=317</guid>
		<description><![CDATA[Some posts ago I wrote about an MBTI based ideation framework for sketching ideas. This week I came across this great video which explains the same four decision modes, the video is accompanied by great examples on the Mint website homepage.]]></description>
			<content:encoded><![CDATA[<div class="interestingreads">
<h2>FutureNow persona breakdown</h2>
<p>The terms Competitive, Spontaneous, Methodical and Humanistic were first coined by the Eisenberg brothers in their great book <a rel="nofollow" href="http://www.amazon.com/Waiting-Your-Cat-Bark-Persuading/dp/B00112C6MG/ref=sr_1_1?ie=UTF8&#038;s=books&#038;qid=1259957825&#038;sr=8-1">Waiting for your cat to bark?</a>.</p>
</div>
<p>In a previous post I talked about how <a href="http://www.henkwijnholds.com/mbti-framework-sketch-ideas/sketching/">an MBTI based framework</a> can be helpful to generate ideas for website concepts. This week I came across this video which explains the same method by describing the Mint homepage as an example.</p>
<p>The designers of the Mint website either consciously or unconsciously designed the website for all four buying modalities. The video below was created by James Archer of <a href="http://www.fortyagency.com/">Forty</a>, an American marketing agency.</p>
<h2>Four decision modes</h2>
<table class="contenttabel" cellspacing="0">
<tr>
<th>Competitive</th>
<td>Fast, logical decision maker</td>
</tr>
<tr>
<th>Spontaneous</th>
<td>Fast, emotional decision maker</td>
</tr>
<tr>
<th>Methodical</th>
<td>Slow, logical decision maker</td>
</tr>
<tr>
<th>Humanistic</th>
<td>Slow, emotional decision maker</td>
</tr>
</table>
<div class="contentalert">
<p class="nomargin">At Concept7 we&#8217;ve developed sketching paper to help you during ideation sessions. You can download the <a href="http://www.henkwijnholds.com/mbti-sketching-paper-ideation/sketching/">sketching paper for free</a>.</p>
</div>
<h2>How people decide on websites</h2>
<p><object width="580" height="435"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7726664&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7726664&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="435"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.henkwijnholds.com/decision-modes-improve-websites/psychology/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Proximity and continuity laws for simpler designs</title>
		<link>http://www.henkwijnholds.com/proximity-continuity-laws-simpler-designs/psychology/</link>
		<comments>http://www.henkwijnholds.com/proximity-continuity-laws-simpler-designs/psychology/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 21:10:47 +0000</pubDate>
		<dc:creator>Henk Wijnholds</dc:creator>
				<category><![CDATA[Psychology]]></category>

		<guid isPermaLink="false">http://www.henkwijnholds.com/?p=254</guid>
		<description><![CDATA[The moment website visitors enter your website, they’ll start organizing everything they see in order to make sense of it all. As a designer of websites you’re responsible for organizing the information in a way the message gets across in a proper way. <strong>Proximity and continuity laws of gestalt are the simplest ways to organize your information.</strong>]]></description>
			<content:encoded><![CDATA[<p>The moment website visitors enter your website, they’ll start organizing everything they see in order to make sense of it all. As a designer of websites you’re responsible for organizing the information in a way the message gets across in a proper way.</p>
<p>When a designer fails organizing the information on a certain web page, the message can be misunderstood or not understood at all. <em>‘Communication involves much more than knowing what to say; it also involves knowing how to say it.’</em> says Stephen Few in his book <a href="http://www.amazon.com/Show-Me-Numbers-Designing-Enlighten/dp/0970601999/ref=sr_1_1?ie=UTF8&#038;s=books&#038;qid=1258405863&#038;sr=8-1" rel="nofollow">Show me the Numbers</a>.</p>
<h2>Gestalt principles to group information</h2>
<div class="interestingreads">
<h3>Dutch article about Gestalt principles</h3>
<p>When you&#8217;re able to read Dutch you should defininately read <a href="http://www.usabilityweb.nl/artikel.php?id=41">this article about gestalt laws</a> in Usabilityweb Magazine.</p>
</div>
<p>Once you’ve decided which information belongs together, you need to decide which visual instrument you want to use to communicate a certain chunk of information as a group. During my presentation at a <a href="http://www.flickr.com/photos/2pj/sets/72157610886752395/">Fronteers meeting last year</a> I talked about the <a href="http://www.henkwijnholds.com/gestalt-psychology-and-webdesign/user-centered-design/">gestalt laws of perception</a>. I explained how they can help you make design more measurable.</p>
<p>Not many designers understand how powerful these gestalt tools are when used properly. Choosing the right approach is crucial when communicating information. Some tools are more effective than others, but sometimes the more effective approaches are more cluttering and distracting as well. <strong>In my opinion the proximity and continuity approaches are much underestimated.</strong></p>
<h2>Proximity law of gestalt as the most simple approach</h2>
<p>The law of proximity says items placed near one another are distinguished as a group. This means we don’t need any other visual cues than the information itself to communicate it is a group. This simple approach allows its spectator to focus on the data without being distracted by anything else.</p>
<p>In his book <a href="http://www.amazon.com/Web-Form-Design-Filling-Blanks/dp/1933820241/ref=sr_1_1?ie=UTF8&#038;s=books&#038;qid=1258405976&#038;sr=1-1" rel=”nofollow”>Webform design: Filling in the blanks</a>, Luke Wroblewski describes how <strong>minimalistic design simplifies web forms</strong>. Simply grouping labels and input fields by placing them near one another have more effective webforms as a result.</p>
<ul class="contentgallery">
<li class="photo01"><img src="http://www.henkwijnholds.com/wp-content/uploads/2009/11/proximity_thumb_01.jpg" alt="" /><span>Grouped submenu items</span></li>
<li class="photo02"><img src="http://www.henkwijnholds.com/wp-content/uploads/2009/11/proximity_thumb_02.jpg" alt="" /><span>Grouped main menu items</span></li>
<li class="photo03"><img src="http://www.henkwijnholds.com/wp-content/uploads/2009/11/proximity_thumb_03.jpg" alt="" /><span>Grouped content</span></li>
</ul>
<h2>Continuity approach to strengthen perception of grouped items</h2>
<p>The law of continuity says items placed in a certain row or direction are seen as a group. In the examples above you see the vertical main menu items and horizontal submenu items are placed near one another but are placed in a row as well. The perception of grouped items is strengthened by the law of continuity.</p>
<h2>Continuity law to create hierarchy</h2>
<div class="image_right">
<img src="http://www.henkwijnholds.com/wp-content/uploads/2009/11/continuity_thumb_01.jpg" alt="" /><span>Law of continuity used as a design tool for a submenu</span>
</div>
<p>In the example below I show how the continuity approach also helps placing hierarchy in the submenu which I’ve sketched in my brand new <a href="http://www.archiegrand.com/">Archie Grand notebook</a>. Simply be jumping the subsubmenu items a few pixels to the right and placing them a little closer to one another we distinguish them as a subgroup.</p>
<h2>Keep it simple</h2>
<p>Once you’ve finished experimenting with the proximity and continuity tools you should evaluate whether the information you show (in my case a submenu, but this goes for tables, whole page layouts and web forms as well) can be easilty percieved and understood. Try not to use too many different design instruments at the same time as this will distract the user from the real information. <strong>Only add extra visual cues when necessary.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.henkwijnholds.com/proximity-continuity-laws-simpler-designs/psychology/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
