<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link rel="hub" href="http://tumblr.superfeedr.com/" xmlns:atom="http://www.w3.org/2005/Atom"/><description></description><title>aktionitems</title><generator>Tumblr (3.0; @aktionitems)</generator><link>http://aktionitems.tumblr.com/</link><item><title>When I asked Jim Collins to explain Steve Jobs!</title><description>&lt;div class="posterous_autopost"&gt;&lt;p&gt;As I mourn the death of Steve Jobs, I remember my time in School when I got the opportunity to meet Jim Collins.&lt;/p&gt;  &lt;p&gt;Jim Collins is the author of the best seller &amp;#8220;Good to Great&amp;#8221; where in he explains why some companies make the leap and others don&amp;#8217;t.&lt;/p&gt;  &lt;p&gt;He does this with the help of a strict data driven process and explains at the core of it lies the leadership.&lt;/p&gt;  &lt;p&gt;He then explains that there are 5 levels of leadership, level 4 is Good and level 5 is great. Following this, he explains that it is easy to go upto level 4 but very difficult for level 4s to become level 5&amp;#8217;s.&lt;/p&gt;  &lt;p&gt;Having read the book based on recommendation by my Professor and fascinated by the stories of Great leaders ( a good chunk of whom we haven&amp;#8217;t heard in popular media) I was excited to receive an opportunity to meet Jim.&lt;/p&gt;  &lt;p&gt;After listening to his keynote and selected to be one of the few to ask him a question, I thought to myself &amp;#8220;what is the one question that can stump Jim?&amp;#8221;&lt;/p&gt;  &lt;p&gt;Then it struck to me, why not ask him (the researcher of leadership) to explain Steve Jobs.&lt;/p&gt;  &lt;p&gt;I asked him, how would you tag Steve Jobs? Level 1, 2, 3, 4 or 5.&lt;/p&gt;  &lt;p&gt;There was a silence, everyone was looking for an answer and then Jim replied&amp;#8230;&lt;/p&gt;  &lt;p&gt;You cannot tag Steve Jobs, you cannot put him in a bucket, its very difficult to compare someone like Steve Jobs with even the likes of Darwin E Smith.&lt;/p&gt;  &lt;p&gt;Just like his company Apple, he&amp;#8217;s different.&lt;/p&gt;  &lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/11084013671</link><guid>http://aktionitems.tumblr.com/post/11084013671</guid><pubDate>Wed, 05 Oct 2011 21:32:35 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>7-up added 15% more yellow to the color of the can and people complained the taste was more lime-y. But the flavor had not changed..</title><description>&lt;div class="posterous_autopost"&gt;&lt;p&gt;Hello!&lt;/p&gt;  &lt;p&gt;Knee deep in spending 50% of my time on MNVR and filling the UX Designer Gap  and the other 50% doing my day job+keeping the family happy I have been unable to post as frequently as I should.&lt;/p&gt;  &lt;p&gt;My apologies for not doing so!&lt;/p&gt;  &lt;p&gt;Everyday, since I took the helm of UX Designer for MNVR I spend atleast 4 hrs learning new tricks in Photoshop, Copy Writing for the Web, Digging thru inspiration on PatternTap.com/Dribbble.com or simply reading User Experience Books/Research/Papers/Blogs/Publications.&lt;/p&gt;  &lt;p&gt;If I am unable to I &amp;#8216;Instapaper&amp;#8217; them or &amp;#8216;email them to future akshay for reading/reference&amp;#8217; and with that I even anticipate to share all of my amazing findings with you. However, the latter has been difficult.&lt;/p&gt;  &lt;p&gt;As a new beginning and a promise to start sharing my findings as I journey thru the Interweb building products and finding inspiration, I share this awesome article shared by the great &lt;a href="http://www.zeldman.com/" target="_blank"&gt;Jefferey Zeldman&lt;/a&gt; and posted &lt;a href="http://www.lukew.com/ff/entry.asp?1351" target="_blank"&gt;here&lt;/a&gt; originally by the cool &lt;span style="color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px;"&gt;Luke Wroblewski.&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; color: #333333;"&gt; &lt;/span&gt;&lt;/p&gt;  &lt;h1 style="font-size: 33px; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif; letter-spacing: 0.025em; color: #333333; line-height: 1em; padding: 0px; margin: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;&lt;strong&gt;An Event Apart: Crafting the User Experience&lt;/strong&gt;&lt;/span&gt;&lt;/h1&gt;  &lt;p&gt;&lt;span style="font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px; color: #333333;"&gt; &lt;/span&gt;&lt;/p&gt;  &lt;p class="feature" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.9em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; font-size: 18px; line-height: 1.2; background-image: none; background-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c9c9c9;"&gt;&lt;span style="font-size: x-small;"&gt;In her presentation at &lt;a href="http://aneventapart.com/2011/atlanta/" style="color: #6fa601; text-decoration: none;"&gt;An Event Apart in Atlanta, GA 2011&lt;/a&gt; Sarah Parmenter discussed how principles from human psychology can reframe how we think about Web Design. Here&amp;#8217;s&lt;a href="http://www.lukew.com/" target="_blank"&gt; Luke Wroblewski&amp;#8217;s&lt;/a&gt; awesome notes from her talk:&lt;/span&gt;&lt;/p&gt;  &lt;h2 style="padding-top: 5px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; font-size: 16px; font-weight: 600; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; margin: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;The Impact of Psychology on Design&lt;/span&gt;&lt;/h2&gt;    &lt;ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.9em; margin-left: 0px; font-size: 14px; line-height: 1.4; padding: 0px;"&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;We naturally make use rapid cognition. We take 3-5 seconds to form a first impression of someone. We take 1-3 minutes to confirm or dispute our original impression of someone. Sometimes it can take years to make up our mind.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Our mind relegates a good deal of sophisticated thinking to the subconscious. It does a great job of managing things for us in the background.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Sensation transference: we directly transfer aesthetic properties to products. Most of us don’t make a distinction between the packaging and the product itself.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;In 1972, 18% drank Coke. 4% drank Pepsi. In 1981, 11% drank Pepsi. In a blind taste test people 57% preferred Pepsi. Coke went and tinkered their formula and created new Coke. It cost many millions to create but most people did not like it.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Even though after the formula tinkering, 56% preferred Coke in blind taste-tests. Coke attributed their loss of drinkers to taste testing vs. the brand they had. But people liked the brand so new Coke turned out to be a big mistake.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Another example of sensation transference: 7-up added 15% more yellow to the color of the can and people complained the taste was more lime-y. But the flavor had not changed.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;It is possible to influence our visitors actions and their reactions. We need to predict the reactions we want and design accordingly.&lt;/span&gt;&lt;/li&gt;  &lt;/ul&gt;&lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.9em; margin-left: 0px; font-size: 14px; line-height: 1.4; padding: 0px;"&gt; &lt;/p&gt;  &lt;h2 style="padding-top: 5px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; font-size: 16px; font-weight: 600; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; margin: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Speed, Simplicity, Surprise, Social Behavior, Stirring Emotions&lt;/span&gt;&lt;/h2&gt;    &lt;ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.9em; margin-left: 0px; font-size: 14px; line-height: 1.4; padding: 0px;"&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Speed: most people make up their minds in 2-6 seconds subconsciously about something. Pre-conditioning graphics push products on people. Example: grocery store moved popular lunch products to front of store and increased foot traffic by 50%. One-click shopping minimizes the time you have to consider a purchase so you buy more.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Simplicity: we often try to say too much. Removing irrelevant elements drives people to important elements. Example: Coke posted 1 tweet and one post on their Facebook page about a viral video. Sales on vending machines went up but they didn’t use any ads to promote it.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Simplicity is about context. Teens might have more time but less money. Adults might have more money but less time. Examples of simple messages: MailChimp, 37signals, TypeKit, Soft Facade.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Copy used to be written in third person on the Web. Now we are seeing a revert to simpler copy that grabs our attention instantly: a simpler form of first person communication. Changing a tagline on Cityclick lead to a 90% increase in sign-ups.–“create a Website for your business”. Used to say “Businesses need to be online to reach the biggest audiences.”&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;There is a difference between true simplicity and perceived simplicity. If things go faster than you assume they will, you feel even better.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Color is represented with different colors around the World: red, green, yellow, blue. So you have to be aware of context even when you are doing things simply.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Surprise: create something delightful that people don’t expect. On a mobile event site, found people were trying to interact with an image of an iPhone on the page. Inserted a discount code in the phone as an interaction secret door. People felt like they earned the prize. It was delightful. Appeal to people&amp;#8217;s curiosity.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Social Behavior: social proof and herding behavior is how we look to others to guide what we do. If we see others doing something, we are more likely to do it. Workers feed their tips jars to make it clear what you are supposed to do.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Marketing professor stood on a street and looked at the sky. When he added three friends that also looked, they had to close the street cause so many people were stopped looking up. We don’t like to miss out on stuff –so seeing what people are doing influences our behavior.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Social influence helps shape values. Social proof is not social media.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;Stir emotions: aspirational displays show us how we could live our lives. We want to be like the images we see. This doesn&amp;#8217;t translate well to the Web. White space in Web design makes products look more expensive. Stories can influence behavior.&lt;/span&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 3em; padding: 0px;"&gt;&lt;span style="font-size: x-small;"&gt;The purpose of psychology is to give us a completely different idea of things we know best. Instead of just starting with a gird and layout for your Web sites, add some psychology into the mix and see what can happen. We can manipulate people towards our intended purposes and goals.&lt;/span&gt;&lt;/li&gt;  &lt;/ul&gt;&lt;ul class="postend" style="margin-top: 3em; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 13px; line-height: 1.4; height: 1.5em; border-left-width: 6px; border-left-style: solid; border-left-color: #fba913; background-image: ; background-color: initial; background-position: 50% 100%; padding: 0.75em;"&gt;&lt;span style="font-size: x-small;"&gt;﻿&lt;/span&gt;&lt;span style="font-size: x-small;"&gt;﻿&lt;/span&gt;&lt;span style="font-size: x-small;"&gt;﻿&lt;/span&gt;   &lt;/ul&gt;&lt;p&gt; &lt;/p&gt;    &lt;p&gt; &lt;/p&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/6807664220</link><guid>http://aktionitems.tumblr.com/post/6807664220</guid><pubDate>Wed, 22 Jun 2011 19:56:25 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>Gestalt Principles Applied in Design </title><description>&lt;div class="posterous_autopost"&gt;&lt;p&gt;&lt;span style="color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;"&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;As I endeavor to upgrade my existing Graphic Design Skills to fill the Gap of UX Designer at Menoovr, I have landed myself at many a situtation and as stated in my previous posts been getting out of it thanks to a lot re-designing and feedback followed up with some good amount of reading (standing on the shoulder of others thingy :D).&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Here&amp;#8217;s one such reading exercise, hope you find it helpful. Please do drop a note when you get a chance and do &amp;#8220;menoovr&amp;#8221; me to many more articles to help better my Design Skills.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The article was originally published here: &lt;a href="http://goo.gl/xbZSW"&gt;&lt;a href="http://goo.gl/xbZSW"&gt;http://goo.gl/xbZSW&lt;/a&gt;&lt;/a&gt; and is just a reposting below. You are encouraged to use the link above and read it on SixRevisions.com. I am forever thankful to them for articles such as these and more.&lt;/p&gt;    &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-28_gestalt_lead_image.jpg" height="200" alt="Gestalt Principles Applied in Design" style="padding: 4px; border: 1px solid #cccccc;" width="550"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Web designers, like other artists and craftsmen, impose structure on the environment. We enforce order and beauty on the formless void that is our blank computer screen.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;We do it in different ways — creating an organized layout first, writing text and content first, or even basing a design concept on an image, a color palette, or something that visually trips your trigger, whether it’s a sunset or a Song Dynasty painting.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;span&gt; &lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-01_sunset.jpg" height="338" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="450"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-02_malin.jpg" height="434" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="450"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;a href="http://sixrevisions.com/resources/10-unusual-places-to-get-design-inspiration/" title="10 Unusual Places to Get Design Inspiration" style="color: #006699; text-decoration: none;"&gt;Wherever you gain your inspiration&lt;/a&gt;, it’s often not just the particular element that sparks your artistic impulse; it’s the &lt;strong&gt;totality of the element and its surroundings.&lt;/strong&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Grasping that &lt;strong&gt;totality concept&lt;/strong&gt; — both the individual element and the whole in which it exists are important both separately and together — is essential to understanding how gestaltism influences our design choices.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;We’ll cover &lt;strong&gt;6 principles&lt;/strong&gt; related to gestalt, in the context of design, and they are:&lt;/p&gt;  &lt;ul style="margin-top: 10px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; padding: 0px;"&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;Proximity&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;Similarity&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;Prägnanz (Figure-Ground)&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;Symmetry&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&amp;#8220;Common Fate&amp;#8221;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;Closure&lt;/li&gt;  &lt;/ul&gt;&lt;h3 style=""&gt;Gestaltism: A Matter of Perception&lt;/h3&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;I think it’s imperative that we should use psychological techniques more in our designs.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;I’m not saying design should be completely scientific or mathematical, but I do believe the best design comes when proven theory works in harmony with art.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The idea of the &amp;#8220;gestalt&amp;#8221; is a fairly old one, originating with early 20th century philosopher &lt;a href="http://en.wikipedia.org/wiki/Christian_von_Ehrenfels" title="Christian von Ehrenfels" style="color: #006699; text-decoration: none;"&gt;Christian von Ehrenfels&lt;/a&gt; along with his contemporary, psychiatrist &lt;a href="http://en.wikipedia.org/wiki/Max_Wertheimer" title="Max Wertheimer" style="color: #006699; text-decoration: none;"&gt;Max Wertheimer&lt;/a&gt;, among others.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;At its simplest, &lt;strong&gt;gestalt theory describes how the mind organizes visual data.&lt;/strong&gt; The stronger the clarity of form, the more effective the design.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Let’s start with an illustration. This is called the &amp;#8220;subjective triangle.&amp;#8221; What do you see when you look at the figure below?&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-03_subjectivetriangle.jpg" height="222" alt="Source: Dr. Russ Dewey." style="padding: 4px; border: 1px solid #cccccc;" width="230"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Source: &lt;a href="http://www.psywww.com/intropsych/ch04_senses/whole_is_other_than_the_sum_of_the_parts.html" title="The Whole is Other than the Sum of the Parts" style="color: #006699; text-decoration: none;"&gt;Dr. Russ Dewey&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;If you said &amp;#8220;a hamburger,&amp;#8221; go get some lunch and come back.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;If you said &amp;#8220;three Pac Man-looking things chomping on a triangle,&amp;#8221; then you’re on target.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Except where’s the triangle?&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The triangle is implied. It isn’t there, except as &lt;a href="http://sixrevisions.com/web_design/negative-space-in-webpage-layouts-a-guide/" style="color: #006699; text-decoration: none;"&gt;whitespace&lt;/a&gt;.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;But look at it and tell me the triangle isn’t there. Yes, it is.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;One of the bright minds of gestaltism, &lt;a href="http://en.wikipedia.org/wiki/Kurt_Koffka" title="Kurt Koffka" style="color: #006699; text-decoration: none;"&gt;Kurt Koffka&lt;/a&gt;, made the famous statement, &amp;#8220;The whole is other than the sum of its parts.&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;His statement is often mistranslated as the much more familiar &amp;#8220;The whole is greater than the sum of the parts.&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Mr. Koffka didn’t like that translation, and pointed out that in his statement, he means the whole exists &lt;strong&gt;independently&lt;/strong&gt; from the component parts.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The famous &amp;#8220;Dog Picture,&amp;#8221; shown below, illustrates a Dalmatian dog sniffing under a stand of trees. When you squint at it for a moment, you see the dog &amp;#8220;come together&amp;#8221; from the disparate black and white blobs of the picture.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-04_dog.jpg" height="409" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="512"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Source: &lt;a href="http://sites.google.com/site/tasfastas/apollo20-pseudospaceship2232222222222" title="GESTAL PSYCHOLOGY - INTRODUCTION" style="color: #006699; text-decoration: none;"&gt;José Pedro Gomes&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;You don’t say, &amp;#8220;Oh, I see the feet, and the legs, and the head, and the trees, and okay, now I see the entire picture.&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;You look at it for a moment and say, &amp;#8220;I see it, a spotted dog sniffing the ground near some trees.&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;You went from the initial &amp;#8220;What the heck?&amp;#8221; straight to &amp;#8220;Ah a spotted dog under trees&amp;#8221; — no stopping to list items and deduce from that list that you must be looking at a dog sniffing the ground near some trees.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;This is an illustration of the &lt;strong&gt;concept of totality&lt;/strong&gt; — you grasp the &amp;#8220;totality&amp;#8221; of something before worrying about the details. As Interactive Telecommunications professor &lt;a href="http://www.shirky.com/" style="color: #006699; text-decoration: none;"&gt;Clay Shirky&lt;/a&gt; puts it, &amp;#8220;you cannot understand all of the properties of water from studying its constituent atoms in isolation.&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;So “the whole is greater than the sum of the parts” misstatement is wrong. The whole is &lt;strong&gt;not greater&lt;/strong&gt; than the sum of its parts.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;We’ve seen this concept dozens of times with beautifully executed websites that have one glaring flaw — a poor graphical or typographical choice, bad use of spacing, a dysfunctional chunk of JavaScript, a dropped bracket in the CSS file that renders the whole thing less than what it should be, sometimes to the point of non-functionality.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The whole is &lt;strong&gt;different&lt;/strong&gt; than the sum of its parts; not greater, not less than, just different.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;We’ve seen this time and again as well, with sites constructed with &lt;a href="http://sixrevisions.com/design-showcase-inspiration/40-beautiful-examples-of-minimalism-in-web-design/" style="color: #006699; text-decoration: none;"&gt;simple design choices&lt;/a&gt; that work harmoniously and beautifully together.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The whole is important.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The parts of the whole are important.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The whole as it is comprised of its parts is important, and separate from the other two.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Let me stop before I start sounding like &lt;a href="http://thinkexist.com/quotes/yoda/" title="Yoda quotes" style="color: #006699; text-decoration: none;"&gt;Yoda&lt;/a&gt;.&lt;/p&gt;  &lt;h3 style=""&gt;Proximity&lt;/h3&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The concept underlying the concept of proximity is &lt;strong&gt;grouping.&lt;/strong&gt; When we have a group of objects, we tend to see them as forming a group.&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Proximity in Site Navigation&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;One basic concept of grouping in web design is with navigational links, where not only do we keep the navigation links together, but also group them internally, putting links to similar pages together, categorizing them into sub-categories, and so on.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The example below is from the site of a Lake Tahoe ski resort. Like most dropdown menus, it’s fairly simple at first glance, consisting of a single row of seven primary navigation link items (four are shown in the screenshot).&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-05_alpine_lake_tahoe.jpg" height="200" alt="Site source: Alpine Meadows" style="padding: 4px; border: 1px solid #cccccc;" width="550"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Site source: &lt;a href="http://www.skialpine.com/" style="color: #006699; text-decoration: none;"&gt;Alpine Meadows&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Hovering over a primary navigation link item reveals more sub-navigation links.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;When a user hovers over or clicks on one of the primary navigation link items and sees that it reveals a dropdown sub-navigation menu, he’ll &lt;strong&gt;expect the same thing&lt;/strong&gt; to happen with the next item.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;They look the same and they’re grouped together — they should act the same way. And if we’ve done our job, they will.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Nothing new here, I know, but it’s something we use frequently, and we didn’t need to know about proximity to pull it off. But now perhaps we know more about why this design pattern works so well.&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Proximity in Grouping Images&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The 2002 Europe Music Awards site illustrates a different use of grouping. The MTV and Europe Music Awards logos form a separate group in the top left corner, while the logos of the sponsors form a group in the bottom right corner.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-06_symmetry.jpg" height="240" alt="Source: Mads Soegaar" style="padding: 4px; border: 1px solid #cccccc;" width="323"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Source: &lt;a href="http://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.html" style="color: #006699; text-decoration: none;"&gt;Mads Soegaar&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The white space helps form the two groups, as do the two blue triangles in the corners. Note that the triangles are not present in the &amp;#8220;unoccupied&amp;#8221; corners, thus they reinforce the notion of the two groups.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Also note that the two organizational logos are larger and positioned top-left, thereby increasing their importance in relation to the cluster of smaller logos to the bottom-right.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The two clusters of logos not only form groups for design purposes, but for semantic purposes.&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Proximity in Web Forms&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The next example is of a fairly straightforward Web form from Yahoo!. Notice how the form is grouped into three segments: personal information, ID generation, and alternate ID provision.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-07_yahoo_web_form.png" height="433" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="550"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The form implies that first set of fields is the most important and the third is the the least important.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;They are grouped by headings (themselves ordered by number and set apart by color), and the fields themselves are arranged vertically, with the left sides of the field aligned with one another.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;All of this reinforces the relationships of the of three groups of information, sorted by importance. Proximity is used to indicate grouping and importance.&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Proximity in Icons&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Another aspect of proximity is the propensity to perceive items arranged on a line or curve to be related to one another.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Web designer Stu Nicholls created a nifty (albeit non-traditional) circular menu in 2008.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-08_nicholls.jpg" height="300" alt="[[ Source: Stu Nicholls. ]]" style="padding: 4px; border: 1px solid #cccccc;" width="356"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Source: &lt;a href="http://www.cssplay.co.uk/menus/circular.html" title="A circular menu" style="color: #006699; text-decoration: none;"&gt;Stu Nicholls&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Because of the circle that all eight icons sit on, and because of the light gray circles that compose the &amp;#8220;background&amp;#8221; of the menu, the icons are perceived to be part of a similar group.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;It also helps that the icons are thematically similar — with similar colors, sizes, and styles. In Nicholls’s live menu, hovering over an icon brings up a menu description inside the inner circle.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;strong&gt;&lt;em&gt;Are you grouping things correctly?&lt;/em&gt;&lt;/strong&gt; Are you using proximity to help imply importance and relationships?&lt;/p&gt;  &lt;h3 style=""&gt;Similarity&lt;/h3&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;We’ve already seen this illustrated above — an example of parts of a whole (totality) working together to achieve a specific goal.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;We group things perceptually if they appear similar to one another. This is also why so many designers prefer to use blue, underlined links, or at least have all the links appear distinct and the same as each other.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Similar appearance equates to similar function.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;In the screenshot of the Opera browser’s old Preferences dialog window, the menu items are grouped by color.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-09_opera_similarity.png" height="283" alt="Source: Mads Soegaard" style="padding: 4px; border: 1px solid #cccccc;" width="233"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Source: &lt;a href="http://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.html" style="color: #006699; text-decoration: none;"&gt;Mads Soegaard&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The gray background of the first four menu items group them together, and also sets them apart from the other items.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;They are also highlighted by the icons that sit beside the first item in each group.&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Inadvertent Dissimilarity&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Like everything in life, incorrectly applying the similarity principle can cause unwanted effects.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;During the 2008 US presidential campaign, People Magazine ran a cover photo of the McCain family, with then presidential candidate John McCain in the center.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-10_mccains_on_people.jpg" height="288" alt="Source: Melissa McEwan " style="padding: 4px; border: 1px solid #cccccc;" width="183"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Source: &lt;a href="http://shakespearessister.blogspot.com/2008/09/where-in-world-is-bridget-mccain.html" title="McCain Family Featured on People Magazine Cover" style="color: #006699; text-decoration: none;"&gt;Melissa McEwan&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The McCains’ adopted daughter Bridget, a young woman from Bangladesh, was apparently &amp;#8220;shoved into the corner,&amp;#8221; occupying the bottom left corner of the magazine cover.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Combined with the effect of the top line of the cover text — which, if extended to the left, essentially &amp;#8220;cuts&amp;#8221; Bridget out of the picture — the photo gave some observers the idea that the McCains (or rather, the McCain campaign) were trying to &lt;a href="http://www.boomantribune.com/story/2008/9/16/141542/157" style="color: #006699; text-decoration: none;"&gt;&amp;#8220;segregate&amp;#8221; Bridget&lt;/a&gt; from the rest of the far more homogeneous family group.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;One blogger, Melissa McEwan, &lt;a href="http://shakespearessister.blogspot.com/2008/09/where-in-world-is-bridget-mccain.html" title="Where in the World is Bridget McCain?" style="color: #006699; text-decoration: none;"&gt;noted&lt;/a&gt; that at the store she visits, the plastic holders that contain the magazines on the store displays blocked Bridget from view by potential buyers.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Truth be told, I’m no fan of John McCain, but I have no reason to believe that he does anything else except love and support his daughter.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The effect of the arrangement went unrealized, I’m sure, by McCain and the family members (who were on the other side of the camera and unable to see the effect of the arrangement until too late).&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;But because of the compositional choice of the photographer, art director, and the various editors involved in designing the cover, the image gave viewers the idea that the McCains were trying to hide the only member of their family that looked dissimilar physically, and caused John McCain, Bridget McCain, and the other family members some unasked-for grief.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;McEwan wrote of People, &amp;#8220;It doesn’t matter whether they intended to diminish Bridget on their cover, or merely failed to consider what message that would send. Either way, it’s a mess.&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;And a mess that an understanding of similarity could have prevented.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;strong&gt;&lt;em&gt;What elements of your designs are you unintentionally over- or under-emphasizing as a result of a misuse of the principle of similarity?&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;h3 style=""&gt;Prägnanz (Figure-Ground)&lt;/h3&gt;  &lt;blockquote style="margin-top: 10px; margin-right: 30px; margin-bottom: 10px; margin-left: 80px; color: #333333; font-style: italic; border-top-width: 1px; border-top-style: solid; border-top-color: #989898; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #989898; background-color: #e9e9e9; padding: 10px;"&gt;  &lt;p style="line-height: 20px; padding: 0px; margin: 0px;"&gt;Our perception of the figure-ground relationship allows us to organize what we see by how each object relates to others.&lt;/p&gt;  &lt;p style="line-height: 20px; padding: 0px; margin: 0px;"&gt;– &lt;a href="http://www.andyrutledge.com/gestalt-principles-1-figure-ground-relationship.php" title="Figure Ground Relationships" style="color: #006699; text-decoration: none;"&gt;Andy Rutledge&lt;/a&gt;&lt;/p&gt;  &lt;/blockquote&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The &lt;strong&gt;&amp;#8220;figure-ground&amp;#8221; principle&lt;/strong&gt; has to do with objects portrayed against a background.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;There’s a reason why design gurus started telling us sometime in 1998 to stop using busy tiled graphics for our backgrounds — because they took away from the foreground objects.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;This is Design 101. Foreground objects should be more prominent than their backgrounds.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;There’s more to the figure-ground principle than just using appropriately unobtrusive backgrounds. The contrast and the visual tension between the figure (foreground object) and the ground (background) makes for interesting graphics and logos.&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Examples of the &amp;#8220;Figure-Ground&amp;#8221; Principle&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Take, for example, the old Visit Norway logo shown below.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-11_visitnorway.png" height="200" alt="Source: Mads Soegaard." style="padding: 4px; border: 1px solid #cccccc;" width="200"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Source: &lt;a href="http://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.html" title="Gestalt principles of form perception" style="color: #006699; text-decoration: none;"&gt;Mads Soegaard&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The designers made use of both the foreground and background, creating three irregularly shaped objects (ocean waves, a tree branch, and a lump in a bird’s stomach — okay, I won’t swear to that last one) that combine to form the outline of a person with his or her arms outstretched.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Don’t see it? Think of the triangle illustrated above, and look again. If you still don’t see it, then you must have had the same trouble with those &lt;a href="http://snapshotsofgod.com/magiceye.htm" title="Seeing beyond the surface" style="color: #006699; text-decoration: none;"&gt;&amp;#8220;magic eye&amp;#8221; illustrations&lt;/a&gt;that I did; those things are all about figure-ground, as are many &lt;a href="http://www.appsychology.com/Book/Biological/Peceptionpics/vase.jpg" title="figure-ground vase" style="color: #006699; text-decoration: none;"&gt;optical illusions&lt;/a&gt;.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Or you can just find the two people in the Hope for African Children Initiative logo below. Hint: a child is looking up at a woman, presumably his mother. (That’s why Namibia seems to have grown some real estate on its western coastline.)&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-12_haci.png" height="187" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="229"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Linux users will quickly recognize the old Gnome Desktop Environment logo.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-13_gnome.jpg" height="205" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="184"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;It’s a &amp;#8220;G&amp;#8221;, yes indeed, but it’s also a footprint.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;And Macintosh fans know that the Mac logo shows not just a happy face — but a happy face in profile, presumably looking with delight into their computer screen.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-14_mac.jpg" height="246" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="305"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;On the other end, we can see how the figure-ground principle is horrendously violated in this &lt;a href="http://www.lightningbar.com/" style="color: #006699; text-decoration: none;"&gt;horse-training site&lt;/a&gt;. Usually I don’t hold up examples of sites doing things wrong, but since Vincent Flanders and &amp;#8220;Web Pages That Suck&amp;#8221; &lt;a href="http://www.webpagesthatsuck.com/horse.html" title="Horses - An Industry With Sucky Web Sites" style="color: #006699; text-decoration: none;"&gt;outed this site some time back&lt;/a&gt;, and the site proprietors left the problematic design in place anyway, I feel no compunction to show restraint here.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;For those of you who sensibly hesitate to click the link, the site designer uses an animated background image of a lightning strike that’s tiled all over the page. Eeek!&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-15_lighting.gif" height="211" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="179"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;It doesn’t take a sophisticated web designer to know that putting an obtrusive, visually aggressive image like that as your background takes away from your foreground objects.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Either those objects get lost in the background — which pretty much defeats the purpose of having anything in the foreground — or the foreground objects have to &amp;#8220;shout&amp;#8221; to be &amp;#8220;heard&amp;#8221; over the background &amp;#8220;noise&amp;#8221; usually by being very large and brightly colored to overcome the attempt of the background to dominate the design.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;In two years of teaching web design and construction to middle- and high-school students, this is the biggest single challenge I’ve had; &amp;#8220;weaning&amp;#8221; them off of using extremely &amp;#8220;loud&amp;#8221; and obtrusive background designs. Many of them would love that lightning strike, almost as much as they love those &amp;#8220;background&amp;#8221; images of &lt;a href="http://tinypic.com/view.php?pic=2lig21l&amp;amp;s=5" title="Waka Flocka Flame" style="color: #006699; text-decoration: none;"&gt;Waka Flocka Flame&lt;/a&gt;. I kid you not. I blame MySpace.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Rutledge points out that rounded buttons with gradient or other non-solid color backgrounds can be important in establishing them as calls to action.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Here’s Jacob Gube’s slick and clean &lt;a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/" style="color: #006699; text-decoration: none;"&gt;call-to-action button&lt;/a&gt; as an example.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-16_button.jpg" height="74" alt="http://www.lightningbar.com/" style="padding: 4px; border: 1px solid #cccccc;" width="261"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The rounded corners, borders, gradient color scheme, and resulting illusion of 3D &amp;#8220;depth&amp;#8221; set the button apart from its surroundings, inviting the user to perceive as something apart from the background and makes it easily identifiable as something that can be activated.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Lose the rounded corners, the borders, and especially the gradient color, and the button loses something of what makes it stand out from the background&lt;/p&gt;  &lt;blockquote style="margin-top: 10px; margin-right: 30px; margin-bottom: 10px; margin-left: 80px; color: #333333; font-style: italic; border-top-width: 1px; border-top-style: solid; border-top-color: #989898; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #989898; background-color: #e9e9e9; padding: 10px;"&gt;  &lt;p style="line-height: 20px; padding: 0px; margin: 0px;"&gt;Some of the most visually stimulating designs I’ve seen recently actually blur the lines between figure and ground elements, even interweaving the two. This is a classic example of understanding the intricacies of a rule; essentially once you have understood the rule completely you have a license to break it.&lt;/p&gt;  &lt;p style="line-height: 20px; padding: 0px; margin: 0px;"&gt;– &lt;a href="http://web-design.ihm.co.uk/news/fundamental-design-principles-the-gestalt-principles-of-perception-part-1/" title="Fundamental Design principles: The Gestalt Principles of Perception Part 1" style="color: #006699; text-decoration: none;"&gt;in.house.media&lt;/a&gt;&lt;/p&gt;  &lt;/blockquote&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;strong&gt;&lt;em&gt;Are your foreground objects working with your backgrounds to create a lovely, harmonious whole?&lt;/em&gt;&lt;/strong&gt; Are your foregrounds fighting for the users’ attention? Are the backgrounds serving as an aesthetically and functionally workable backdrop to contain and set off your foreground elements?&lt;/p&gt;  &lt;h3 style=""&gt;Symmetry&lt;/h3&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Basically, the principle of symmetry tells us that when we look at certain objects, we see them as symmetrical shapes that form around their center.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;You don’t have to get into advanced design to know that humans like symmetry, and find it aesthetically appealing.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;When your designs are asymmetrically, you know you’d better have a good reason for making your design &amp;#8220;askew.&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Symmetry occurs in nature, in math, in molecules, in everywhere.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Usually, symmetry to the average viewer means an object that is made up of two complementary halves.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;What designers sometimes fail to realize is that when a viewer sees two unconnected elements that are symmetrical, they subconsciously integrate them into a coherent whole.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Finland’s &lt;a href="http://www.csc.fi/english" style="color: #006699; text-decoration: none;"&gt;CSC&lt;/a&gt; (the nation’s Center for Science and Technology) has a very simple logo that illustrates the idea of symmetry in design.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-17_csc_logo.png" height="349" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="550"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Though the logo sports two separate elements pointing in different directions and having different colors, the logo is easily viewed as a single entity because of symmetry.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Unlike most graphics and designs that deliberately employ symmetry in their design aesthetic (and that’s pretty much all of them — even the most grungy and off-kilter sites are aware of the principle; if only to use it minimally to contrast against all the asymmetry in their work), this one is almost perfectly reflective in its two elements. The only real difference is in the colors used.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Most designers use at least a trace amount of asymmetry to give their designs some character. Some &lt;a href="http://sixrevisions.com/web_design/30-beautiful-examples-of-grunge-in-web-design/" style="color: #006699; text-decoration: none;"&gt;use considerably more&lt;/a&gt;, to dramatic and beautiful effect.&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Pepsi’s Famous Mid-2000s Logo&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;No longer in use in the US, the old Pepsi logo is an excellent example of near-perfect symmetry. Aside from the artistically &amp;#8220;randomized&amp;#8221; ice crystals, the logo is perfectly symmetrical both horizontally and vertically, with a wavy &amp;#8220;axis&amp;#8221; dividing the upper and lower halves.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-18_oldpepsi.jpg" height="177" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="200"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Even the 3D airbrush &amp;#8220;light and shadow&amp;#8221; effect is almost perfectly symmetrical, varying just enough to give the image a realistic appearance of depth. The &amp;#8220;ice&amp;#8221; and the airbrushing are excellent examples of how &amp;#8220;pops&amp;#8221; of asymmetry liven up a largely symmetrical design.&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Pepsi’s Asymmetrical Redesign&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Pepsi redesigned its logo in 2008, using a variant on the old logo (itself a variant on an even earlier one) that some felt diverged too strongly from the symmetry of the earlier offering, with the tilted, variable-width axis and the red area far larger than the blue.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-19_newpepsi.png" height="194" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="203"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;How do you feel about the newer design?&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Symmetrical = Successful?&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Bizcovering did &lt;a href="http://bizcovering.com/major-companies/10-symmetrical-logos/" style="color: #006699; text-decoration: none;"&gt;a feature&lt;/a&gt; on ten symmetrical (and successful) corporate logos in 2007. The article poses the question, &amp;#8220;All are symmetrical, perhaps this has something to do with their effectiveness?&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;What do you think?&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Asymmetry in Ransom Note Design&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;A more extreme example of asymmetry is the classic &amp;#8220;ransom note,&amp;#8221; which traditionally is made up from letters cut out of magazines, pasted onto a sheet of paper, and delivered to the victim during a thunderstorm with ominous music playing in the background. The whole thing stands for disorganization and a likelihood that the perpetrator isn’t concerned about delivering Aunt Gertrude home safe and sound.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-20_ransom.png" height="140" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="500"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Image generated by the &lt;a href="http://ransom.sytes.org/" title="Ransom Note Generator" style="color: #006699; text-decoration: none;"&gt;Ransom Note Generator&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Notice anything symmetrical about the lettering? Most of them line up quite nicely, which is unusual for mad kidnappers with no sense of balance and form. I think the folks at &lt;a href="http://ransom.sytes.org/" style="color: #006699; text-decoration: none;"&gt;Ransom Note Generator&lt;/a&gt; let their inner designer impose some unwarranted symmetry in their work.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Part of the reason why the ransom note is considered &amp;#8220;scary&amp;#8221; is because of its random, chaotic nature; asymmetry means action and the wildly asymmetrical nature of the letters implies action escalating into violence.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;strong&gt;&lt;em&gt;How’s the balance between symmetry and asymmetry on your sites?&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;h3 style=""&gt;&amp;#8220;Common Fate&amp;#8221;&lt;/h3&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;I think I watch too many crime shows on television, because the first time I came across this concept, an image popped into my mind of &lt;a href="http://en.wikipedia.org/wiki/Lenny_Briscoe" title="Lennie Briscoe" style="color: #006699; text-decoration: none;"&gt;some hardboiled New York cop&lt;/a&gt;slamming his fist down on a table and yelling, &amp;#8220;If you don’t roll on your brother, you’re gonna suffer the same fate he does! Is that what you want, both of you doing twenty up in Attica? Sharing a common fate?!?&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;If the idea unnerves you, then you probably watch the same shows I do, and you shouldn’t worry, you won’t go to jail by employing the principle of &amp;#8220;common fate.&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The idea of &amp;#8220;common fate&amp;#8221; is simple: We perceive items or objects moving (or appearing to move) in the same direction as related to each other, more so than elements that are stationary or appear to be moving in different directions. Those related items are sharing a &amp;#8220;common fate.&amp;#8221;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The cars in the photo below form two &amp;#8220;streams,&amp;#8221; the left &amp;#8220;stream&amp;#8221; moving from top to bottom of the image (essentially &amp;#8220;toward&amp;#8221; the viewer) and the right &amp;#8220;stream&amp;#8221; moving from bottom to top, &amp;#8220;away&amp;#8221; from the viewer.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-21_carlights.jpg" height="209" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="500"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Source:  &lt;a href="http://www.sxc.hu/photo/1108329" title="stock.xchng" style="color: #006699; text-decoration: none;"&gt;stock.xchng&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Although this is an entirely static image, movement is implied, and relationships immediately form.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;In our designs, elements that &amp;#8220;move&amp;#8221; with one another relate to one another, while elements that resist that common movement or move in a different direction, do not relate.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;This is a powerful, primal sensory cue among humans. Just think of the drivers’ reactions when a car comes down the lane in the opposite direction from everyone else. Consternation and chaos ensue within moments.&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Common Fate in Dropdown Menus&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Drop-down and sliding menus such as the one from &lt;a href="https://www.redbrickhealth.com/" style="color: #006699; text-decoration: none;"&gt;RedBrick Health&lt;/a&gt; shown below — especially the ones that &amp;#8220;slide&amp;#8221; as opposed to just appearing in the blink of an eye — appeal to the &amp;#8220;common fate&amp;#8221; principle.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;This main menu item has a slide-out sub-menu, so do the others. therefore the two items are related in our minds.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-22_redbrick_health.jpg" height="227" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="550"/&gt;&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Common Fate in Tooltips&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;a href="http://sixrevisions.com/css/css-only-tooltips/" title="Sexy Tooltips with Just CSS - sixrevisions.com" style="color: #006699; text-decoration: none;"&gt;Tooltips&lt;/a&gt; also form an important informational relationship. If your tooltips always contain secondary but pertinent information, it won’t take long for a site user to put together — subconsciously — the relationship between moving/hovering the cursor and bringing up new information. As Rutledge notes, &amp;#8220;[p]ointer-plus-information all moving together is a useful association.&amp;#8221;&lt;/p&gt;  &lt;h4 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; font-size: 14px; font-weight: bold; color: #000000; line-height: 14px;"&gt;Counter-Example of Common Fate&lt;/h4&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;This doesn’t just apply to moving elements, but also the orientation of designs. In my earlier days, I designed a site with two background color gradients inadvertently &amp;#8220;fighting&amp;#8221; with one another. The header gradient went from light to dark, left to right; the navigation bar immediately underneath went from light to dark, top to bottom. Individually, they worked well enough, but together, they clashed.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The horizontal &amp;#8220;movement&amp;#8221; of the header gradient didn’t go well with the vertical &amp;#8220;movement&amp;#8221; of the bottom gradient.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-23_gradientclash.jpg" height="103" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="545"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;The &amp;#8220;movement&amp;#8221; of the two gradients flow against one another. The effect violates &lt;a href="http://en.wikipedia.org/wiki/Feng_shui" title="Feng shui" style="color: #006699; text-decoration: none;"&gt;feng shui&lt;/a&gt; and &amp;#8220;common fate&amp;#8221; both.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;strong&gt;&lt;em&gt;Are there design elements in your work that fight instead of flow together?&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;  &lt;h3 style=""&gt;Closure&lt;/h3&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Closure means that we &amp;#8220;close&amp;#8221; objects that are themselves not complete; not only completing the figure in our perception, but perceiving the figure as having an extra element of aesthetic design; we look for a simple, recognizable pattern.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Take a look at the old IBM logo.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-24_ibm_logo.png" height="201" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="550"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;You recognize the letters as an I, a B, and an M, no problem there.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;But they aren’t letters at all; the whole thing is a compilation of bright blue horizontal lines arranged to create the perception of a set of letters.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Does it put you in mind of the old ASCII art that was so popular during the 70s and 80s? It does me.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Here’s a 1975 rendition of a Spanish conquistador, created by using punched cards and reprinted in a 1978 Dominican newspaper:&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-25_ascii_conquis.jpg" height="332" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="550"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Source: &lt;a href="http://en.wikipedia.org/wiki/File:Arambilet_ASCII_CARIBE_LAMA.jpg" style="color: #006699; text-decoration: none;"&gt;Wikipedia&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;One of my favorite examples of closure is depicted on the cover of Paul Thagard’s book called &lt;a href="http://www.amazon.com/gp/product/0262700921?ie=UTF8&amp;amp;tag=sixrevi-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=390957&amp;amp;creativeASIN=0262700921" style="color: #006699; text-decoration: none;"&gt;Coherence in Thought and Action&lt;/a&gt;.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-26_coherence_book.jpg" height="250" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="183"/&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;It’s a nifty three-dimensional cube hiding in among the &amp;#8220;spotlights&amp;#8221; of lighter red. They are, in reality, 24 dissimilar red shapes on a darker red background. Our perception fills in the blanks.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Another example hit the newspapers in the late 1990s, when the &lt;a href="http://en.wikipedia.org/wiki/Face_on_Mars" title="Cydonia (region of Mars)" style="color: #006699; text-decoration: none;"&gt;&amp;#8220;Face on Mars&amp;#8221;&lt;/a&gt;stirred the public imagination. Some people were put in mind of the monolith of &lt;a href="http://en.wikipedia.org/wiki/2001:_A_Space_Odyssey_(film)" title="2001: A Space Odyssey (film)" style="color: #006699; text-decoration: none;"&gt;2001: A Space Odyssey&lt;/a&gt;, wondering if aliens hadn’t left us some cyclopean artifact for our use if we could just find a way to get to it, while others thought about &lt;a href="http://en.wikipedia.org/wiki/War_of_the_Worlds_(radio)" title="The War of the Worlds (radio)" style="color: #006699; text-decoration: none;"&gt;War of the Worlds&lt;/a&gt;and stockpiled their bunkers with ammunition and MREs.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/2010/08/18-27_marsface.jpg" height="175" alt="" style="padding: 4px; border: 1px solid #cccccc;" width="200"/&gt;&lt;span class="figure-caption" style="display: block; font-size: 11px; color: #666666;"&gt;Source: &lt;a href="http://en.wikipedia.org/wiki/File:Martian_face_viking_cropped.jpg" style="color: #006699; text-decoration: none;"&gt;Wikipedia&lt;/a&gt;.&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;A closer look proved the &amp;#8220;Face&amp;#8221; was just a landform. Guess we didn’t need all those MREs after all.&lt;/p&gt;  &lt;h3 style=""&gt;Pulling It Together&lt;/h3&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;This article is just a quick look at the principles of gestalt as they apply to design. There is far, far more to the topic than can be addressed here. Do remember, though, that we introduced the concept of &amp;#8220;totality&amp;#8221; in the beginning of the article. Mindful of that concept, think back over the 6 principles we delineated.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;None of them stood apart from the other; each one employed other principles as well as standing on its own.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;For example, Nicholls’s circular menu depended as much on the laws of similarity and symmetry as that of proximity. Make the icons dramatically different from one another, for example, and the menu loses much of its functionality and aesthetic appeal.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Same with the &amp;#8220;triangle that isn’t there&amp;#8221; — it depends as much on the principle of closure as it does on figure-ground.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The RedBrick Health menu featured in this article not only employs the principle of &amp;#8220;common fate&amp;#8221; in its drop-down, but also the principle of similarity in its color choices.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;None of these principles stands alone, and all of them function &amp;#8220;in totality&amp;#8221; with one another.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;The concepts work with one another to achieve a totality of function, elegance, and aesthetic appeal.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Some of the best designers in the world know nothing of gestalt principles. &lt;strong&gt;They use them intuitively;&lt;/strong&gt; when designs look and feel right, usually they incorporate gestalt principles whether the designers knows the terminology or not.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;Gestalt principles aren’t artificial constructs that people have concocted to apply to design; they are attempts to describe and verbalize how we naturally perceive things.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;It’s arguable that in at least some sense, &amp;#8220;design talent&amp;#8221; is an ability to naturally — and perhaps even unconsciously — understand how human perception works, and how to create designs for websites, paintings, or wedding dresses that are artistically beautiful and functionally efficient by appealing to it.&lt;/p&gt;  &lt;p style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; line-height: 20px; padding: 0px;"&gt;It doesn’t matter if you use these principles by instinct or by deliberation; what matters is how they can help you make better designs.&lt;/p&gt;  &lt;h3 style=""&gt;Sources and Further Reading&lt;/h3&gt;  &lt;ul style="margin-top: 10px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; padding: 0px;"&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&lt;a href="http://web-design.ihm.co.uk/news/fundamental-design-principles-the-gestalt-principles-of-perception-part-1/" title="Fundamental Design principles: The Gestalt Principles of Perception Part 1" style="color: #006699; text-decoration: none;"&gt;Fundamental Design principles: &amp;#8220;The Gestalt Principles of Perception&amp;#8221;&lt;/a&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&lt;a href="http://www.vanseodesign.com/web-design/gestalt-principles-of-perception/" title="Gestalt Principles: How Are Your Designs Perceived?" style="color: #006699; text-decoration: none;"&gt;Gestalt Principles: How Are Your Designs Perceived?&lt;/a&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&lt;a href="http://www.interaction-design.org/encyclopedia/gestalt_principles_of_form_perception.html" title="Gestalt principles of form perception" style="color: #006699; text-decoration: none;"&gt;Gestalt principles of form perception&lt;/a&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&lt;a href="http://www.andyrutledge.com/gestalt-principles-1-figure-ground-relationship.php" title="Figure Ground Relationships" style="color: #006699; text-decoration: none;"&gt;Gestalt Principles of Perception&lt;/a&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&lt;a href="http://sixrevisions.com/web_design/Being%20Processed/Michael_Tuck_Gestalt_Web_Design/www.doc.gold.ac.uk/~hs201mjl/Presentation1.ppt" title="Gestalt theory and website design" style="color: #006699; text-decoration: none;"&gt;Gestalt theory and website design&lt;/a&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&lt;a href="http://www.digital-web.com/articles/principles_of_design/" title="The Principles of Design" style="color: #006699; text-decoration: none;"&gt;The Principles of Design&lt;/a&gt;&lt;/li&gt;  &lt;/ul&gt;&lt;h3 style=""&gt;Related Content&lt;/h3&gt;  &lt;ul style="margin-top: 10px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; padding: 0px;"&gt;&lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&lt;a href="http://sixrevisions.com/web_design/a-look-into-color-theory-in-web-design/" style="color: #006699; text-decoration: none;"&gt;A Look into Color Theory in Web Design&lt;/a&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&lt;a href="http://sixrevisions.com/web_design/reductionism-in-web-design/" style="color: #006699; text-decoration: none;"&gt;Reductionism in Web Design&lt;/a&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&lt;a href="http://sixrevisions.com/web_design/the-evolution-of-web-design/" style="color: #006699; text-decoration: none;"&gt;The Evolution of Web Design&lt;/a&gt;&lt;/li&gt;  &lt;li style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: ; background-color: initial; background-position: 0% 50%;"&gt;&lt;em&gt;Related categories&lt;/em&gt;: &lt;a href="http://sixrevisions.com/category/web_design/" style="color: #006699; text-decoration: none;"&gt;Web Design&lt;/a&gt; and &lt;a href="http://sixrevisions.com/category/graphics-design/" style="color: #006699; text-decoration: none;"&gt;Graphic Design&lt;/a&gt;&lt;/li&gt;  &lt;/ul&gt;&lt;h3 style=""&gt;&lt;span style="color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal;"&gt;  &lt;h3 style=""&gt;About the Author&lt;/h3&gt;  &lt;p class="about-author" style="margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 50px; display: block; height: 100px; border-top-width: 1px; border-top-style: solid; border-top-color: #e5e5e5; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5; background-color: #eeeeee; font-size: 12px; line-height: 20px; padding: 0px;"&gt;&lt;img src="http://images.sixrevisions.com/authors/michael_tuck_small.jpg" height="80" alt="" style="float: left; padding: 4px; margin: 5px; border: 1px solid #cccccc;" width="80"/&gt;&lt;strong&gt;Michael Tuck&lt;/strong&gt; is an educator, writer, and freelance web designer. He serves as an advisor to the &lt;a href="http://www.sitepoint.com/forums/forumdisplay.php?f=1" title="SitePoint Web Design Forum" style="color: #006699; text-decoration: none;"&gt;Web Design forum on SitePoint&lt;/a&gt;. When he isn’t teaching or designing sites, he is doing research for the &lt;a href="http://www.historycommons.org/" title="History Commons" style="color: #006699; text-decoration: none;"&gt;History Commons&lt;/a&gt;. You can contact him through his website, &lt;a href="http://www.iraqtimeline.com/maxdesign/" title="Black Max Web Design" style="color: #006699; text-decoration: none;"&gt;Black Max Web Design&lt;/a&gt;.&lt;/p&gt;  &lt;/span&gt;&lt;/h3&gt;  &lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5773248543</link><guid>http://aktionitems.tumblr.com/post/5773248543</guid><pubDate>Mon, 23 May 2011 14:50:45 -0400</pubDate><category>Graphic Design</category><category>Information Architechture</category><category>Information Design</category><category>Information Systems Design</category><category>Interaction Design</category><category>Logo Design</category><category>Mobile Application Design</category><category>UI</category><category>UI Design</category><category>User Experience</category><category>UX</category><category>UX Design</category><category>Web Application Design</category><dc:creator>itsadifferent</dc:creator></item><item><title>LinkedIn's Road to IPO - Infographic</title><description>&lt;p&gt;&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; &lt;div class="p_embed p_image_embed"&gt; &lt;img alt="Media_http7mshcdncomw_vxlih" height="2229" src="http://posterous.com/getfile/files.posterous.com/aktion/ebhmiziqhihaFDbgorhdBdwcFbaCmeIjEJfAbCokjvhfxeFifuJcBmBohoIH/media_http7mshcdncomw_vxlih.jpg.scaled500.jpg" width="500"/&gt;&lt;/div&gt;     &lt;div class="posterous_quote_citation"&gt;via &lt;a href="http://7.mshcdn.com/wp-content/uploads/2011/05/linkedin-ipo.jpg"&gt;7.mshcdn.com&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/p&gt;</description><link>http://aktionitems.tumblr.com/post/5768876056</link><guid>http://aktionitems.tumblr.com/post/5768876056</guid><pubDate>Mon, 23 May 2011 11:49:55 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>Launching Effectively: Just Launch It - A must read for all Startup Enthusiasts</title><description>&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; &lt;blockquote&gt;&lt;div&gt;  &lt;p&gt;&lt;strong&gt;Editor&amp;#8217;s Note: &lt;/strong&gt;&lt;em&gt;This is a guest post from &lt;a href="http://jessemaddox.com" title="Jesse Maddox" target="_blank"&gt;Jesse Maddox&lt;/a&gt;, the Founder &amp;amp; CEO of TripLingo. &lt;a href="http://www.triplingo.com/"&gt;&lt;span&gt;TripLingo creates a customized experience for learning languages&lt;/span&gt;&lt;/a&gt;, particularly for travelers. You can follow Jesse on twitter at &lt;a href="http://twitter.com/onwardly" title="@onwardly" target="_blank"&gt;@onwardly&lt;/a&gt; and &lt;a href="http://twitter.com/TripLingo" title="@TripLingo" target="_blank"&gt;@TripLingo&lt;/a&gt;. TripLingo was one of the first LaunchRock users. This is Part 3 of 3. &lt;a href="http://blog.launchrock.com/launching-effectively-think-before-you-launch" title="Think Before You Launch"&gt;Part 1&lt;/a&gt; discussed ways to structure your launch, and &lt;a href="http://blog.launchrock.com/launching-effectively-landing-page-content" title="Landing Page Content"&gt;Part 2&lt;/a&gt; covered page content.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;&lt;img src="https://img.skitch.com/20110516-qtkubmxettxpup7msfeaieru5j.png%20alt=" height="254" alt="" width="500"/&gt;&lt;/p&gt;  &lt;h3&gt;Lesson #8: Twitter sharing generates more views, but FB more signups&lt;/h3&gt;  &lt;p&gt;We’re not the first to realize this, but sharing on Twitter leads to lots of clicks at a much lower conversion rate. Sharing on FB led to fewer clicks but many more signups. The reason for this seems obvious- people trust recommendations from their friends (Facebook) more than they do “strangers” on Twitter. So what does this mean for you? I suggest using different copy for the Twitter and Facebook share buttons.&lt;/p&gt;  &lt;p&gt;Facebook is for personal relationships, so emphasize how the person thinks your product is cool (e.g. “Just signed up for an awesome new tool for travelers. Check out TripLingo.com to sign up for beta access (plus you can win a prize)!”&lt;/p&gt;  &lt;p&gt;Twitter, on the other hand, revolves around common interests. Here, you’ll want something that appeals to your target markets interests (e.g. “Awesome new website for travelers, check it out if you love travel!”)&lt;/p&gt;  &lt;p&gt;I’m no expert in this area, so I’d love to hear others’ comments on how to differentiate Facebook and Twitter content!&lt;/p&gt;  &lt;h3&gt;Lesson #9: Test the page before you blast your friends&lt;/h3&gt;  &lt;p&gt;This was just a dumb mistake that we made. Before we’d really done any proper testing to see what people thought of the page, we jumped the gun in our excitement and started sending it out to friends.&lt;/p&gt;  &lt;p&gt;The problem was twofold: 1) the page wasn’t optimized,  and 2) your friends are potentially your best bet of getting the snowball effect started. That is, people who know you personally are the ones most likely to send it out to all of their friends.&lt;/p&gt;  &lt;p&gt;That’s the initial launch you need to get the friends of your friends to sign up. If your page isn’t optimized beforehand, you’ll blow your biggest chance at going viral. Test before you send it out to all of your friends.&lt;/p&gt;  &lt;p&gt;Which brings me to…&lt;/p&gt;  &lt;h3&gt;Lesson #10: Get it started by reaching out to your friends on a personal level&lt;/h3&gt;  &lt;p&gt;Speaking of blasting your friends, don’t just draft a short email and beg them. For one, they’re your friends and you want to treat them as such. Second, you’re asking them to put their own reputation on the line by publicly telling their friends. Many people are very conscious about this, some aren’t. But you should understand that in some sense they are putting their reputation on the line by talking about you.&lt;/p&gt;  &lt;p&gt;When reaching out to your friends, tell them your story, what you’ve been up to, what your product does, and why you need their help. Be sure to give them clear steps of action. DON’T pressure them. If they want to help they will, if not there’s no point making them feel bad.&lt;/p&gt;  &lt;p&gt;Giving them clear steps of action is really important. You don’t want to just say “help me!”, you have to tell them exactly how they can help you. Here’s an example from TripLingo, where I told my friends how they can help at the end of the email:&lt;/p&gt;  &lt;blockquote&gt;  &lt;p&gt;If you feel so inclined, I could really use your help in 2 ways:&lt;/p&gt;  &lt;ul&gt;&lt;li&gt;Sign up to hear about our launch at TripLingo.com . (We&amp;#8217;re giving away $1K towards a flight anywhere in the world, so you could actually get something)&lt;/li&gt;  &lt;li&gt;Post a link to TripLingo on Facebook and Twitter (we provide links on the homepage)&lt;/li&gt;  &lt;/ul&gt;&lt;/blockquote&gt;  &lt;h3&gt;Lesson #11: Use Google Analytics and measure changes you make in terms of hits and signups&lt;/h3&gt;  &lt;p&gt;Being thorough with your metrics from the beginning is really important. Even if your marketing prowess is God’s gift to mankind, you and your team’s opinion is just a small data set. Combining this idea with the idea that you should rapidly iterate based on feedback, its important to test and monitor the performance of your landing page as you iterate. Luckily, LaunchRock makes this easy. Install Google Analytics from Day 1, and keep note of when you make changes to the page. You can then monitor conversion rates and figure out what’s working and what’s not working.&lt;/p&gt;  &lt;p&gt;On a related note, the key number you’re looking at is the “Viral Coefficient”. The viral coefficient answers one question: “For every person referred to your site, how many people do they refer?” If each person referred to your site refers one other person, then your Viral Coefficient is 1. You’ll have growth but it will be flat. If its above 1, then you’ll experience exponential growth (1 person refers 2 who refer 4 who refer 8…). Less than 1, and referrals will gradually sink until they disappear completely.&lt;/p&gt;  &lt;h3&gt;Your Turn&lt;/h3&gt;  &lt;p&gt;I hope the above and the previous posts have helped you think more clearly about how you approach and execute on your launch page. With the entrance of tools like LaunchRock and the generally explosive pace of innovation on the web in general, there is much change afoot. In addition, every product/company is different, and you’ll need to view each piece of input through the lens of the specific problem and market you’re addressing. But I hope this helps, and I’d love to hear any feedback in the comments!&lt;/p&gt;  &lt;/div&gt;&lt;/blockquote&gt;&lt;div class="posterous_quote_citation"&gt;via &lt;a href="http://blog.launchrock.com/launching-effectively-just-launch-it"&gt;blog.launchrock.com&lt;/a&gt;&lt;/div&gt; &lt;p&gt;Expect important info such as: What kind of &amp;#8220;Copy&amp;#8221; to use for Twitter vs Facebook and more importantly &amp;#8220;Why?&amp;#8221;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5614575511</link><guid>http://aktionitems.tumblr.com/post/5614575511</guid><pubDate>Wed, 18 May 2011 16:36:36 -0400</pubDate><category>Customer Conversion</category><category>Customer Driven Development</category><category>Lean Startup</category><category>Startup Advice</category><category>Startup Blogs</category><category>startup Inspiration</category><category>startups</category><dc:creator>itsadifferent</dc:creator></item><item><title>Living in SF Means... - The Bold Italic - San Francisco</title><description>&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; &lt;blockquote&gt;&lt;div&gt;  &lt;h3&gt;Living in San Francisco means coming over the Bay Bridge and having your heart race a little when you see the city’s skyline.&lt;/h3&gt;  &lt;p&gt;  Crossing the Golden Gate and smiling at the way the fog sits right on top of it. Snaking up the 101 and Candlestick Park being the greeting that tells you you’re almost home. It means visiting Middle America and being thought of as some kind of socialist gay hippie. It means traveling Europe and being considered one of the enlightened Americans. It means missing burritos, missing pho, missing Tapatio. It means missing Dolores Park, missing farmers’ markets, missing the ability to walk wherever you need to go. It means flying back from two and a half months in South America and getting a little teary-eyed watching  &lt;em&gt;  Doctor Doolittle  &lt;/em&gt;  , just because it’s set in San Francisco.  &lt;/p&gt;  &lt;/div&gt;&lt;/blockquote&gt;&lt;div class="posterous_quote_citation"&gt;via &lt;a href="http://thebolditalic.com/BrokeAssStuart/stories/950-living-in-sf-means"&gt;thebolditalic.com&lt;/a&gt;&lt;/div&gt; &lt;p&gt;So True!&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5613367333</link><guid>http://aktionitems.tumblr.com/post/5613367333</guid><pubDate>Wed, 18 May 2011 15:55:06 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>Infographic: Is It Time To Scale Back on Social Networking?</title><description>&lt;p&gt;&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; &lt;div class="p_embed p_image_embed"&gt; &lt;img alt="Media_httpprecloudfro_uhmhy" height="834" src="http://posterous.com/getfile/files.posterous.com/aktion/bqbBdacwhxxbDutFrCaaFfkmorsgcDBmzFgGJywFHomfBAGEigDobbJJuHtk/media_httpprecloudfro_uhmhy.png.scaled500.png" width="450"/&gt;&lt;/div&gt; &lt;div class="posterous_quote_citation"&gt;via &lt;a href="http://www.good.is/post/flowchart-is-it-time-to-delete-your-facebook-profile/"&gt;good.is&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/p&gt;</description><link>http://aktionitems.tumblr.com/post/5610755271</link><guid>http://aktionitems.tumblr.com/post/5610755271</guid><pubDate>Wed, 18 May 2011 13:46:23 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>Infographic | Understanding What's Behind the Fair Trade Label (Raw Image)</title><description>&lt;p&gt;&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; &lt;div class="p_embed p_image_embed"&gt; &lt;a href="http://posterous.com/getfile/files.posterous.com/aktion/BFbqeJflDfgkcrhyEpGllamcqxFbHrAlJdvonGGxiAsurIirAdjszzkhvHxz/media_httpawesomegood_iIoGn.jpg.scaled1000.jpg"&gt;&lt;img alt="Media_httpawesomegood_iiogn" height="326" src="http://posterous.com/getfile/files.posterous.com/aktion/BFbqeJflDfgkcrhyEpGllamcqxFbHrAlJdvonGGxiAsurIirAdjszzkhvHxz/media_httpawesomegood_iIoGn.jpg.scaled500.jpg" width="500"/&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="posterous_quote_citation"&gt;via &lt;a href="http://awesome.good.is/transparency/web/1104/fair-trade/flat.html"&gt;awesome.good.is&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/p&gt;</description><link>http://aktionitems.tumblr.com/post/5610714762</link><guid>http://aktionitems.tumblr.com/post/5610714762</guid><pubDate>Wed, 18 May 2011 13:44:32 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>Infographic | Educating the Workforce of the Future (Raw Image)</title><description>&lt;p&gt;&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; &lt;div class="p_embed p_image_embed"&gt; &lt;a href="http://posterous.com/getfile/files.posterous.com/aktion/nkisIFbkgAEzlCkrkwpuercHkazlEzCataxwscwewqDmoHpyjhaofpErBvBs/media_httpawesomegood_Axoob.jpg.scaled1000.jpg"&gt;&lt;img alt="Media_httpawesomegood_axoob" height="372" src="http://posterous.com/getfile/files.posterous.com/aktion/nkisIFbkgAEzlCkrkwpuercHkazlEzCataxwscwewqDmoHpyjhaofpErBvBs/media_httpawesomegood_Axoob.jpg.scaled500.jpg" width="500"/&gt;&lt;/a&gt; &lt;/div&gt;     &lt;div class="posterous_quote_citation"&gt;via &lt;a href="http://awesome.good.is/transparency/web/1105/educating-the-workforce/flat.html"&gt;awesome.good.is&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/p&gt;</description><link>http://aktionitems.tumblr.com/post/5610666209</link><guid>http://aktionitems.tumblr.com/post/5610666209</guid><pubDate>Wed, 18 May 2011 13:42:19 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>That's Version ∞. First launch version 0.1.</title><description>&lt;div class="posterous_autopost"&gt;&lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;Inspiration is like milk. It expires! - SebastianMarshall.com&lt;/h3&gt;  &lt;p&gt;This is absolutely true and one that pushes me to look for inspiration very frequently on a multitude of things. Especially while working on a startup there are a gazillion things that can boost you and equal or more gazillion things that can bring you down. The best remedy for this is inspiration. As I started this week and was trying to learn about how to improve our landing page &amp;amp; launch strategy (yes we did launch on Apr 17 @ Startup Weekend San Jose,but are re-launching soon :)) I ended up at Derek Sivers&amp;#8217; amazing blog post and wanted to repost it here for anyone and everyone looking for inspiration in general and startup inspiration in particular.&lt;/p&gt;    &lt;p&gt;Do visit Derek&amp;#8217;s Blog @ sivers.org, catch the original post here -&amp;gt; &lt;a href="http://sivers.org/infinity"&gt;&lt;a href="http://sivers.org/infinity"&gt;http://sivers.org/infinity&lt;/a&gt;&lt;/a&gt;&lt;/p&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;Version ∞ &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;I hear lots of business plans.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;Most of them are trying to do a ton of things.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;EXAMPLE: “It&amp;#8217;s a social networking e-commerce portal for live music, where everyone creates a profile to enter all their dates, if they&amp;#8217;re a musician or venue, or their available dates if they&amp;#8217;re a music fan. Then we connect the fans with artists&amp;#8217; dates. Then we can sell the tickets for the events, and give a digital download preview of the music. After the show, the artist uploads the video from the night, and people can purchase the video of the show they were at, and connect with other people who attended that same show to create tribes of people, who will recommend other music you may like if you like that. Oh and it will have a dating component, and real-time chat.”&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;(It sounds like I&amp;#8217;m exaggerating but this is unfortunately a very typical example.)&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;I have to say, “OK. You know software version numbers? Mac OS version 10.4? 10.5? What you just described is version infinity. That&amp;#8217;s everything it will ever do in the future. First focus on launching version 0.1.”&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;What&amp;#8217;s the one crucial part of that giant plan? What&amp;#8217;s the one killer feature that nobody else is doing? Get it launched with just that. Then add the rest later.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;The Hedgehog Concept&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;The book “Good to Great” studied hundreds of companies that started out as good, then at some point in their history became great.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;They found that all of these companies had the “Hedgehog Concept”:focusing on the one thing they do best, and letting go of the rest.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;(A fox is smart, with many tricks. A hedgehog only knows one trick: curl into a ball with its spikes out. But the fox&amp;#8217;s many tricks are no match for the hedgehog&amp;#8217;s one. A fox can&amp;#8217;t eat a hedgehog. Many companies are trying to be the fox. The book says the winners are like the hedgehog.)&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;Got a complex business idea? Break it down into its ingredients, and let the specialists do what they do best.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;Video aspect? Let YouTube handle that part. E-Commerce aspect? Use Amazon&amp;#8217;s system. Payments? PayPal. Social networking? Facebook.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;Don&amp;#8217;t reinvent any of these wheels. Focus on what&amp;#8217;s left - what hasn&amp;#8217;t been done.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;h3 style="margin-top: 1.5em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; padding: 0px;"&gt;&lt;span style="font-size: small; color: #000000;"&gt;&lt;span style="color: #000000; font-family: Lucida Sans, Lucida Grande, sans-serif;"&gt;&lt;span&gt;Specialize at that one thing, and become that go-to company that nobody can beat in your niche.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;  &lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5550557917</link><guid>http://aktionitems.tumblr.com/post/5550557917</guid><pubDate>Mon, 16 May 2011 15:11:07 -0400</pubDate><category>Agile</category><category>good web design</category><category>Lean Startups</category><category>Mobile Application Design</category><category>Mobile Application Development</category><category>New Product Development</category><category>Product Management</category><category>Sacramento Startups</category><category>Silicon Valley Startups</category><category>Startup Advice</category><category>Startup Blogs</category><category>startup Inspiration</category><category>startups</category><category>Web Application Development</category><category>Web Design</category><category>Web development</category><category>web optimization</category><dc:creator>itsadifferent</dc:creator></item><item><title>What are the UX/UI considerations for expanding text fields in iOS/Android app design?</title><description>&lt;div class="posterous_autopost"&gt;  &lt;div style="font-family: arial, sans-serif;"&gt;Hello!&lt;/div&gt;    &lt;div style="font-family: arial, sans-serif;"&gt;As mentioned in my previous blog post, I have taken up the role of UX Designer/Developer for Menoovr to fill the Gap and keep the momentum going.&lt;/div&gt;  &lt;p&gt;&lt;/p&gt;  &lt;div style="font-family: arial, sans-serif;"&gt;Since then I have discovered and rediscovered the UI/UX Designer in me and while doing so run into umpteen problems/roadblocks.&lt;/div&gt;    &lt;div style="font-family: arial, sans-serif;"&gt;Here&amp;#8217;s the newest one -&lt;/div&gt;  &lt;p&gt;&lt;/p&gt;  &lt;div style="font-family: arial, sans-serif;"&gt;The following question was raised by me on Quora (&lt;span style="font-family: lucida grande, tahoma, verdana, arial, sans-serif; font-size: 11px; line-height: 14px;"&gt;&lt;a href="http://qr.ae/EvSn" rel="nofollow" target="_blank" style="color: #3b5998; text-decoration: none;"&gt;&lt;a href="http://qr.ae/EvSn"&gt;http://qr.ae/EvSn&lt;/a&gt;&lt;/a&gt;) : &lt;/span&gt;&lt;/div&gt;    &lt;div style="font-family: arial, sans-serif;"&gt;&lt;span style="font-size: medium;"&gt;&lt;span style="font-family: lucida grande, tahoma, verdana, arial, sans-serif; line-height: 14px;"&gt; &lt;/span&gt;&lt;span style=""&gt;What ar&lt;/span&gt;&lt;span style=""&gt;e the background graphic/s considerations for expanding text fields in iPhone applications?&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;p&gt;&lt;/p&gt;  &lt;div style="font-family: arial, sans-serif;"&gt;&lt;span style="color: #161f21; font-family: Helvetica Neue, Helvetica, Arial, default;"&gt;&lt;span style=""&gt;I have created background UI Assets for text fields but there is a good chance that the height might not be sufficient for lengthy text inputs even on wrapping them.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="font-family: arial, sans-serif;"&gt;&lt;span style="color: #161f21; font-family: Helvetica Neue, Helvetica, Arial, default;"&gt;&lt;span style=""&gt;It would be great if you could point me in the right direction to pre-emptively resolve this problem and incorporate the advice to all my UI Assets.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;  &lt;div style="font-family: arial, sans-serif;"&gt;&lt;span style="color: #161f21; font-family: Helvetica Neue, Helvetica, Arial, default;"&gt;&lt;span style=""&gt;I look forward to your response.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;    &lt;div style="font-family: arial, sans-serif;"&gt;&lt;span style="font-family: Helvetica Neue, Helvetica, Arial, default;"&gt;&lt;span style=""&gt;&lt;span style="color: #828282; font-family: Verdana; font-size: 12px; border-collapse: separate; letter-spacing: normal; line-height: normal;"&gt;&lt;span style="color: #000000;"&gt;  &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;p style="margin-top: 8px; margin-bottom: 0px;"&gt;Cheers,&lt;/p&gt;    &lt;p style="margin-top: 8px; margin-bottom: 0px;"&gt;&lt;span style="color: #000000;"&gt;Akshay &lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 8px; margin-bottom: 0px;"&gt;&lt;span style="color: #000000;"&gt;Founder/Interim UX Designer, Menoovr&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 8px; margin-bottom: 0px;"&gt;&lt;span style="color: #000000;"&gt;Menoovr.com, blog.menoovr.com, aktionitems.com&lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 8px; margin-bottom: 0px;"&gt;&lt;span style="color: #000000;"&gt;@menoovr, @chillaxsingh &lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 8px; margin-bottom: 0px;"&gt;&lt;span style="color: #000000;"&gt;5622GOMNVR &lt;/span&gt;&lt;/p&gt;  &lt;p style="margin-top: 8px; margin-bottom: 0px;"&gt;&lt;span style="color: #000000;"&gt;&lt;a href="http://menoovr.wufoo.com/forms/vip-feedback-machine/" rel="nofollow" style="color: #000000; text-decoration: underline;"&gt;&lt;a href="http://menoovr.wufoo.com/forms/vip-feedback-machine/"&gt;http://menoovr.wufoo.com/forms/vip-feedback-machine/&lt;/a&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;    &lt;/div&gt;  &lt;p&gt; &lt;/p&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5477094691</link><guid>http://aktionitems.tumblr.com/post/5477094691</guid><pubDate>Sat, 14 May 2011 07:36:59 -0400</pubDate><category>Android Application Design</category><category>Branding</category><category>Devian Art</category><category>Dribbble</category><category>Graphic Design</category><category>Hacker News</category><category>Identity Design</category><category>iOS Application Design</category><category>Mobile Application Design</category><category>Mobile Application Development</category><category>New Product Development</category><category>Product Management</category><category>Product Marketing</category><category>Questions</category><category>Quora</category><category>Stack Overflow</category><category>UI</category><category>UX</category><category>Web Applicatio Design</category><category>Web Application Development</category><dc:creator>itsadifferent</dc:creator></item><item><title>Why We Need Storytellers at the Heart of Product Development?</title><description>&lt;div class="posterous_autopost"&gt;&lt;p&gt;I started this week thinking about UX as I spent almost 35 hours this weekend thinking &amp;amp; re-thinking our product design until my brains went numb. Having taken the role of iterim UX Ninja (more a Grass Hopper for now) to avoid additional costs for our Boot Strapped Startup, this has become a key component of my day (&amp;amp; night) living in a de ja vu of &amp;#8220;How will we mesmerize our users?&amp;#8221;.  As a kid I spent most of my time drawing, painting, caricaturing or simply origami. Till the age of 16 I was hyper actively indulged in art but then I cut loose. Although, I did continue to doodle here and there and flaunt my skills in Biology Courses it was like hearsay. Even with college, where I got my hands on shiny new computers (initially at school and later at home) where I went back to my roots even without tools like Photoshop or Editors like Dream Weaver, continuing to create art using just MS Paint &amp;amp; word. When Copy writing became a hobby as I used witty Ad Lingo in my presentations, reports and poster designs it still did not have the same feeling as I did when I was a kid. But now it&amp;#8217;s back &amp;amp; I &amp;#8216;m Luvin It! Celebrating this feeling I ran into this article and wanted to share it with you. Relive your creative edge! Have a great week ahead!&lt;/p&gt;    &lt;p&gt;The original article can be found &lt;a href="http://uxmag.com/strategy/why-we-need-storytellers-at-the-heart-of-product-development" target="_blank"&gt;here&lt;/a&gt; and was written by &lt;span style="color: #999999; font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 13px;"&gt;&lt;a href="http://uxmag.com/authors/sarah-doody" style=""&gt;SARAH DOODY&lt;/a&gt; .&lt;/span&gt;  &lt;/p&gt;    &lt;p&gt;&lt;span style="font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; line-height: 22px;"&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;There&amp;#8217;s an interesting question &lt;a href="http://www.quora.com/If-you-had-to-pick-between-an-amazing-product-designer-or-an-amazing-engineer-to-build-a-new-company-around-which-would-you-pick-and-why?q=if+you+had+to+pick" target="_blank" style="text-decoration: underline; color: #006699; background-image: none; background-color: initial;"&gt;on Quora&lt;/a&gt; right now:&lt;/p&gt;  &lt;blockquote style="padding-top: 0px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; font-weight: normal; line-height: 20px; font-style: italic; margin: 0px;"&gt;  &lt;p style="line-height: 20px; font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; font-weight: normal; padding: 0px; margin: 0px;"&gt;If you had to pick between an amazing product designer or an amazing engineer to build a new company around, which would you pick and why?&lt;/p&gt;  &lt;/blockquote&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;This question reflects a painful problem that is common at both small startups and large corporate organizations. Far too often, teams focus on execution before defining the product opportunity and unique value proposition. The result is a familiar set of symptoms including scope creep, missed deadlines, overspent budgets, frustrated teams and, ultimately, confused users. The root cause of these symptoms is the fact that execution focuses on the &lt;em&gt;how&lt;/em&gt; and &lt;em&gt;what&lt;/em&gt; of a product. But in a world where consumers are inundated with choices, products that want to be noticed and adopted must be rooted in the &lt;em&gt;why&lt;/em&gt;.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;A product is more than an idea, it&amp;#8217;s more than a website, and it&amp;#8217;s more than a transaction or list of functionalities. A product should provide an experience or service that adds value to someone&amp;#8217;s life through fulfilling a need or satisfying a desire. The ultimate question then becomes: who identifies that value? After the executive or stakeholder identifies the initial idea, who in the organization ensures that the product and experience deliver value to the user? Maybe it isn&amp;#8217;t the product manager, marketer, technologist, or designer; perhaps what we need is a new role: the &lt;em&gt;product storyteller&lt;/em&gt;.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;Who are the product storytellers? Part matchmaker, marketer, technologist, and artist, the product storytellers ask questions, find answers, and figure out how to distill a vision or idea into a product story. They develop a plot, identify the people, and shape the product around the specific values it should offer consumers. Product storytellers think about the whole, and they see the big picture. But they also can go deep because they understand that the product&amp;#8217;s true value lies in the details of its interactions and every touchpoint that a consumer has with it.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;The first goal of a product storyteller is to facilitate collaboration and co-creation. Today, many companies have their product and marketing groups disconnected from each other. &lt;a href="http://uxmag.com/archive/marketing-and-brand" class="archive-tag" target="_blank" style="text-decoration: none; color: #333333; background-image: none; background-color: #eeeeee; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px;"&gt;Marketing&lt;/a&gt; decisions are often made at the executive level—much higher than where product decisions are made. The result is that marketing tells one story, and the product tells a different story. In the end, consumers are left to put together the conflicting messages and try to determine why they should engage with the product. A product storyteller should be positioned in the company to help break down the walls between all groups, facilitate the development of a single story, &lt;a href="http://uxmag.com/archive/team-dynamics" class="archive-tag" target="_blank" style="text-decoration: none; color: #333333; background-image: none; background-color: #eeeeee; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px;"&gt;foster collaboration&lt;/a&gt; between groups, and ensure that every interaction a consumer has with a product or brand maps back to that story.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;Not only do product storytellers identify the intended product value, they also share and evangelize this story throughout their organizations. This is important because it ensures that the entire team understands the why behind what they are doing. A common understanding of the product story allows a team to incubate a shared vision. This vision turns into passion, and people with both passion and vision are more likely to produce products that others want to use. Without a firm understanding of the &lt;em&gt;why&lt;/em&gt;, the team risks becoming task focused, losing sight of the big picture, and deflating any sense of empowerment or excitement that once existed. When this happens, consumers and the team feel the effects. Consumers experience a disconnected product and message and, as a result, don&amp;#8217;t have a clear perception of its value. Organizations and teams feel the effects through slow, little, or no product traction with consumers.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;If one of the primary factors in consumer arousal, interest, and adoption of new products is the ability of the product to answer the question, &amp;#8220;Why would I use this?&amp;#8221; then why do so many teams either let execution come before defining the product value or allow multiple groups to do this independently? The answer is simple: the process of identifying a product opportunity and value statement is not easy and the skillset required is still coming of age.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;In his book, &lt;a href="http://www.amazon.com/gp/product/1594481717/ref=as_li_ss_tl?ie=UTF8&amp;amp;tag=uxma0e-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=390957&amp;amp;creativeASIN=1594481717" target="_blank" style="text-decoration: underline; color: #006699; background-image: none; background-color: initial;"&gt;&lt;em&gt;A Whole New Mind: Why Right-Brainers Will Rule The Future&lt;/em&gt;&lt;/a&gt;, Daniel Pink explains that we&amp;#8217;re in the &amp;#8220;Conceptual Age&amp;#8221; and that skills that were revered in the Industrial Age and Information Age are not as integral to where we are as a society today. Pink writes:&lt;/p&gt;  &lt;blockquote style="padding-top: 0px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; font-weight: normal; line-height: 20px; font-style: italic; margin: 0px;"&gt;  &lt;p style="line-height: 20px; font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; font-weight: normal; padding: 0px; margin: 0px;"&gt;We&amp;#8217;ve progressed from a society of farmers to a society of factory workers to a society of knowledge workers. And now we&amp;#8217;re progressing yet again—to a society of creators and empathizers, of pattern recognizers and meaning makers. We&amp;#8217;ve moved from an economy built on people&amp;#8217;s backs to an economy built on people&amp;#8217;s left-brains to what is emerging today: an economy and society built more and more on people&amp;#8217;s right-brains.&lt;/p&gt;  &lt;/blockquote&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;Who are the right-brain thinkers? Through years of research, Pink has identified six aptitudes for the Conceptual Age: design, story, symphony, empathy, play, and meaning. Most relevant to us is the aptitude of &lt;em&gt;story&lt;/em&gt;. Crafting stories is not about assembling facts. Instead, according to Pink, people who understand story have &amp;#8220;the ability to place these facts in context and to deliver them with emotional impact.&amp;#8221; The impact to story in business is that, &amp;#8220;like design, it is becoming a key way for individuals and entrepreneurs to distinguish their goods and services in a crowded marketplace.&amp;#8221; If you want your product to be heard by consumers, it must be rooted in a story that consumers can &lt;a href="http://uxmag.com/archive/emotion" class="archive-tag" target="_blank" style="text-decoration: none; color: #333333; background-image: none; background-color: #eeeeee; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px;"&gt;emotionally&lt;/a&gt; connect with.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;The challenge today is that we face a shortage of storytellers because our current organizational structures and cultures are not optimized for the activities involved in storytelling. First, as I&amp;#8217;ve already discussed, ownership of product value is not clearly defined and instead is distributed across or shared between teams. The result is a series of communication disconnects that produce a product experience and message that is not in line with the original vision—like a childhood game of &amp;#8220;Telephone.&amp;#8221; But the second, and more interesting, reason for the shortage of storytellers is that the individuals who may have the skills to develop the story are not in the right environments.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;Marty Cagan, a product management and product strategy expert, addresses this issue in his book &lt;a href="http://www.amazon.com/gp/product/0981690408/ref=as_li_ss_tl?ie=UTF8&amp;amp;tag=uxma0e-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=390957&amp;amp;creativeASIN=0981690408" target="_blank" style="text-decoration: underline; color: #006699; background-image: none; background-color: initial;"&gt;&lt;em&gt;Inspired: How To Create Products That Customers Love&lt;/em&gt;&lt;/a&gt;. Cagan notes that there are two key responsibilities of the product manager: &amp;#8220;assess product opportunities, and define the product to be built.&amp;#8221; However, he asserts that product managers often become &amp;#8220;consumed in the details and pressures of producing detailed specs rather than looking at the market opportunity and discovering a winning strategy and roadmap.&amp;#8221; The reason for this is that product management is often placed within the engineering organization. Ultimately, an engineering organization is focused on execution and that culture is not optimized for the process of discovery, curiosity, and play, all of which are fundamental to those who engage in storytelling.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;Product storytellers should be at the intersection of product, marketing, and technology to help ensure that what&amp;#8217;s being created clearly maps back to a product story that identifies the plot, people, and perceived value to the consumer. Before a technologist writes a line of code, or a marketer writes a line of copy, or a designer creates a single &lt;a href="http://uxmag.com/archive/wireframes" class="archive-tag" target="_blank" style="text-decoration: none; color: #333333; background-image: none; background-color: #eeeeee; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px;"&gt;wireframe&lt;/a&gt; or design, you have to establish the story that your product is going to tell.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;The role of a product storyteller is not meant to take away from the founder, executive, marketer, designer, or technologist. As well, the development of product strategy and vision shouldn&amp;#8217;t be contained in a silo belonging to the product storyteller. But someone does need to own it. Now more than ever, cross-role collaboration is critical to product conception, incubation, and development. The product storyteller synthesizes rather than analyzes, sees the big picture rather than becoming stuck in the details, and ensures that all product &lt;a href="http://uxmag.com/archive/interaction-design" class="archive-tag" target="_blank" style="text-decoration: none; color: #333333; background-image: none; background-color: #eeeeee; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px;"&gt;interactions&lt;/a&gt; and touchpoints form a cohesive and value-based consumer experience.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;So whether you are at a small start up or a large organization, whether you are a founder, executive, technologist, designer, manager, or marketer, ask yourself this: do you know your product&amp;#8217;s story? And perhaps more importantly, who creates your product story?&lt;/p&gt;  &lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5343305581</link><guid>http://aktionitems.tumblr.com/post/5343305581</guid><pubDate>Mon, 09 May 2011 19:05:13 -0400</pubDate><category>Android</category><category>Branding</category><category>Design</category><category>HTML5</category><category>Identity Design</category><category>Information Design</category><category>iOS</category><category>iPad</category><category>iPhone</category><category>Mobile Application Design</category><category>New Product Development</category><category>Product Development</category><category>Product Management</category><category>UI Design</category><category>User Experience</category><category>UX</category><category>UX Design</category><category>Web development</category><dc:creator>itsadifferent</dc:creator></item><item><title>Mobile Marketing - The Shizzle!</title><description>&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; &lt;blockquote&gt;&lt;div&gt;                      &lt;div&gt;      &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt;«&amp;#160;April Fools 2011 On The Web infographic&lt;/a&gt; |   &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt;Main&lt;/a&gt;  | &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt;Do You Need a Social Media Detox? [infographic]&amp;#160;»&lt;/a&gt;         &lt;/div&gt;          &lt;div&gt;        &lt;div&gt;  &lt;div&gt;    &lt;div&gt;&lt;span&gt;Friday&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Apr&lt;/span&gt;&lt;span&gt;01&lt;/span&gt;&lt;span&gt;2011&lt;/span&gt;&lt;/div&gt;        &lt;div&gt;      &lt;h3&gt;        &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt;Microsoft&amp;#8217;s Growth of Mobile Marketing&lt;/a&gt;          &lt;/h3&gt;    &lt;div&gt;&lt;span&gt;   Friday, April 1, 2011 at 6:00AM&lt;/span&gt; &lt;div&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt; &lt;p&gt;Permalink &lt;/p&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;           &lt;div&gt;          &lt;div&gt;&lt;div&gt;&lt;a href="http://tag.microsoft.com/Libraries/Blog/mobile-marketing-and-advertising-landscape.sflb.ashx" target="_blank"&gt;&lt;img src="http://www.coolinfographics.com/storage/post-images/mobile-marketing-and-advertising-landscape.jpg?__SQUARESPACE_CACHEVERSION=1303237155359" height="4376" alt="" width="400"/&gt;&lt;/a&gt;&lt;p&gt;&lt;a href="http://tag.microsoft.com/Libraries/Blog/mobile-marketing-and-advertising-landscape.sflb.ashx" target="_blank"&gt;&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;  &lt;p&gt;I love to see the big companies experimenting with new media like infographics!  &lt;a href="http://tag.microsoft.com/community/tag-blog-item/11-03-21/The_Growth_of_Mobile_Marketing_and_Tagging.aspx"&gt;The Growth of Mobile Marketing and Tagging&lt;/a&gt; was published by &lt;a href="http://tag.microsoft.com/"&gt;Microsoft Tag&lt;/a&gt; last week, and explores the data behind mobile devices.&lt;/p&gt;  &lt;blockquote&gt;  &lt;p&gt;&lt;em&gt;Sure, it seems like everyone’s got a cell phone – but what are the hard numbers? How many people have smart phones, and what demographic is the most active group in mobile socialization? (Surprise — it’s actually not teenagers!) Find out the statistics on the present (and future!) of mobile marketing in our new infographic&lt;/em&gt;&lt;/p&gt;  &lt;/blockquote&gt;  &lt;p&gt;They also broke the graphics down into individual pieces (roughly) and created a presentation version for anyone that wants to use it on SlideShare:&lt;/p&gt;    &lt;div style="text-align: center;"&gt;&lt;strong style="display: block; margin: 12px 0 4px;"&gt;&lt;a href="http://www.slideshare.net/MicrosoftTag/the-growth-of-mobile-marketing-and-tagging" title="The growth of mobile marketing and tagging "&gt;The growth of mobile marketing and tagging &lt;/a&gt;&lt;/strong&gt;   &lt;div style="padding-top: 5px; padding-right: 0px; padding-bottom: 12px; padding-left: 0px; text-align: center;"&gt;View more &lt;a href="http://www.slideshare.net/"&gt;presentations&lt;/a&gt; from &lt;a href="http://www.slideshare.net/MicrosoftTag"&gt;Microsoft Tag&lt;/a&gt;&lt;/div&gt;  &lt;/div&gt;  &lt;p style="text-align: center;"&gt; &lt;/p&gt;  &lt;p style="text-align: left;"&gt;Thanks Elliott for send me a link!&lt;/p&gt;                &lt;div&gt;    &lt;div&gt;&lt;strong&gt;Update&lt;/strong&gt; on Friday, April 1, 2011 at 11:04AM by    &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" title="Registered Commenter"&gt;  &lt;img title="Registered Commenter" src="http://www.coolinfographics.com/universal/images/core-resources/icons/smalllight/user-registered.png" height="14" alt="Registered Commenter" width="14"/&gt;&lt;p&gt;Randy  &lt;/p&gt;&lt;/a&gt;            &lt;/div&gt;    &lt;div&gt;    &lt;p&gt;The designer was Andrew Martinolich from &lt;a href="http://www.distilled.co.uk/"&gt;&lt;span&gt;&lt;a href="http://www.distilled.co.uk"&gt;http://www.distilled.co.uk&lt;/a&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;      &lt;/div&gt;    &lt;/div&gt;        &lt;/div&gt;        &lt;/div&gt;    &lt;div&gt;  &lt;div&gt;&lt;div&gt;  &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt; &lt;p&gt;Randy&lt;/p&gt;&lt;/a&gt;&lt;/div&gt; |  &lt;div&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt; &lt;p&gt;5 Comments&lt;/p&gt;&lt;/a&gt;&lt;/div&gt; |  &lt;div&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt; &lt;p&gt;Share Article &lt;/p&gt;&lt;/a&gt;&lt;/div&gt; |  &lt;div&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt; &lt;p&gt;Email Article &lt;/p&gt;&lt;/a&gt;&lt;/div&gt; |  &lt;div&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt; &lt;p&gt;Print Article &lt;/p&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;  &lt;div&gt;&lt;div&gt;tagged &lt;div&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" rel="tag"&gt; &lt;p&gt;Data&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;, &lt;div&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" rel="tag"&gt; &lt;p&gt;Microsoft&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;, &lt;div&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" rel="tag"&gt; &lt;p&gt;Phone&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;, &lt;div&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" rel="tag"&gt; &lt;p&gt;iphone&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;, &lt;div&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" rel="tag"&gt; &lt;p&gt;mobile&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;  &lt;/div&gt;  &lt;div&gt;&lt;span&gt;      &lt;/span&gt; &lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;diggs&lt;/span&gt;&lt;a&gt;digg&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;  &lt;a href="http://www.google.com/buzz/post" title="Post to Google Buzz" style="text-decoration: none;"&gt;&lt;span&gt;15&lt;/span&gt;&lt;/a&gt;  &lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;/div&gt;  &lt;/div&gt;      &lt;/div&gt;  &lt;p&gt;&lt;/p&gt;&lt;/div&gt;            &lt;/div&gt;    &lt;p&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt;&lt;img title="Print" src="http://www.coolinfographics.com/universal/images/core-resources/icons/smalllight/print.png" height="14" alt="Print" width="14"/&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt;View Printer Friendly Version&lt;/a&gt;&lt;/p&gt;      &lt;p&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt;&lt;img title="Email" src="http://www.coolinfographics.com/universal/images/core-resources/icons/smalllight/email.png" height="14" alt="Email" width="14"/&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#"&gt;Email Article to Friend&lt;/a&gt;&lt;/p&gt;                &lt;div&gt;  &lt;div&gt;    &lt;h3&gt;Reader Comments  (5) &lt;/h3&gt;        &lt;div&gt;  &lt;div&gt;    &lt;div&gt;    Very interesting stuff! One particular decision of the artist jumped out at me&amp;#8212;the decision to depict &amp;#8220;Women aged 35 to 54&amp;#8221; as a woman and a child. It doesn&amp;#8217;t say &amp;#8220;Mothers aged 35 to 54,&amp;#8221; but it implies that women and mothers are one and the same, even though there are plenty of childless women in that demographic. I seriously doubt that if the demographic in question was &amp;#8220;Men aged 35 to 54&amp;#8221; there would have been a picture of a man with a child. I just find it interesting that the artist chose this particular depiction for that demographic.    &lt;/div&gt;  &lt;div&gt;    April 1, 2011 |   &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" title="Unregistered Commenter"&gt;  &lt;img title="Unregistered Commenter" src="http://www.coolinfographics.com/universal/images/core-resources/icons/smalllight/user-unregistered.png" height="14" alt="Unregistered Commenter" width="14"/&gt;&lt;p&gt;Jessica    &lt;/p&gt;&lt;/a&gt;                      &lt;/div&gt;    &lt;/div&gt;  &lt;/div&gt;      &lt;div&gt;  &lt;div&gt;    &lt;div&gt;    Is it just me or does that first pie chart add to 127%? What a horrible misuse of a pie chart!&lt;p&gt;Some other strange things:&lt;br/&gt;1) I don&amp;#8217;t think I like using clocks like pie charts.&lt;br/&gt;2) I don&amp;#8217;t think anyone uses their mobile phone for &amp;#8220;dining&amp;#8221; - perhaps to locate places to eat or make reservations&amp;#8230;&lt;br/&gt;3) Trying to make a bar chart out of the Facebook &amp;#8220;f&amp;#8221; gets an &amp;#8220;F&amp;#8221; for a grade from me.    &lt;/p&gt;&lt;/div&gt;  &lt;div&gt;    April 4, 2011 |   &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" title="Unregistered Commenter"&gt;  &lt;img title="Unregistered Commenter" src="http://www.coolinfographics.com/universal/images/core-resources/icons/smalllight/user-unregistered.png" height="14" alt="Unregistered Commenter" width="14"/&gt;&lt;p&gt;Anti-Pie Chart    &lt;/p&gt;&lt;/a&gt;                      &lt;/div&gt;    &lt;/div&gt;  &lt;/div&gt;      &lt;div&gt;  &lt;div&gt;    &lt;div&gt;    @anti-pie-chart&lt;p&gt;in the first pie chart, the 27% is a subset of those mobiles that are sms enabled. in fact, all of smartphones are sms enabled. you can see the frame of the same colour.    &lt;/p&gt;&lt;/div&gt;  &lt;div&gt;    April 6, 2011 |   &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" title="Unregistered Commenter"&gt;  &lt;img title="Unregistered Commenter" src="http://www.coolinfographics.com/universal/images/core-resources/icons/smalllight/user-unregistered.png" height="14" alt="Unregistered Commenter" width="14"/&gt;&lt;p&gt;ebbre    &lt;/p&gt;&lt;/a&gt;                      &lt;/div&gt;    &lt;/div&gt;  &lt;/div&gt;      &lt;div&gt;  &lt;div&gt;    &lt;div&gt;    nice post , well mobile marketing is the better way to gain and earn profit ,it is basically use of the mobile medium as a means of marketing communication.    &lt;/div&gt;  &lt;div&gt;    April 9, 2011 |   &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" title="Unregistered Commenter"&gt;  &lt;img title="Unregistered Commenter" src="http://www.coolinfographics.com/universal/images/core-resources/icons/smalllight/user-unregistered.png" height="14" alt="Unregistered Commenter" width="14"/&gt;&lt;p&gt;Sara Williams    &lt;/p&gt;&lt;/a&gt;                      &lt;/div&gt;    &lt;/div&gt;  &lt;/div&gt;      &lt;div&gt;  &lt;div&gt;    &lt;div&gt;    As marketers we have to understand these new types of consumers and how best to reach them, TXTimpact mobile marketing provides a business with his or her cell phone number in exchange for special offers or alerts delivered via text message. &lt;a href="http://www.txtimpact.com" rel="nofollow" target="new"&gt;&lt;a href="http://www.txtimpact.com"&gt;http://www.txtimpact.com&lt;/a&gt;&lt;/a&gt;    &lt;/div&gt;  &lt;div&gt;    April 15, 2011 |   &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html#" title="Unregistered Commenter"&gt;  &lt;img title="Unregistered Commenter" src="http://www.coolinfographics.com/universal/images/core-resources/icons/smalllight/user-unregistered.png" height="14" alt="Unregistered Commenter" width="14"/&gt;&lt;p&gt;mobile marketing    &lt;/p&gt;&lt;/a&gt;                      &lt;/div&gt;    &lt;/div&gt;  &lt;/div&gt;                &lt;/div&gt;  &lt;/div&gt;      &lt;/div&gt;&lt;/blockquote&gt;&lt;div class="posterous_quote_citation"&gt;via &lt;a href="http://www.coolinfographics.com/blog/2011/4/1/microsofts-growth-of-mobile-marketing.html"&gt;coolinfographics.com&lt;/a&gt;&lt;/div&gt; &lt;p&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5146455771</link><guid>http://aktionitems.tumblr.com/post/5146455771</guid><pubDate>Mon, 02 May 2011 20:19:54 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>You Are Solving The Wrong Problem</title><description>&lt;div class="posterous_autopost"&gt;&lt;p&gt;My first blog post for the Month of May came to me while I was in search of some inspiration to stay calm and composed and let the Agile Way do its thing for our efforts at Menoovr.&lt;/p&gt;  &lt;p&gt;When I decided to pursue menoovr as a business after receiving raving fan reviews at Startup Weekend San Jose 2011 that ended on Apr 17,2011  met with my friends at Karthavya and discussed the project. As members of a fraternity that believes in Good Customer Service and having experience in Customer Expectation Management in India, they duly asked me when does this need to be completed by.&lt;/p&gt;  &lt;p&gt;I had the option of telling my team that we needed to be &amp;#8220;done&amp;#8221; by this date and over a course of time see that deliverable missed and/or frustration/friction fly around, but I didn&amp;#8217;t do that as I have but many a times in my career seen it happen and decided to pursue the Agile way.&lt;/p&gt;  &lt;p&gt;The agile way or to be more precise the SCRUM way says cut a slack of 40% during iteration one and 20% at iteration two allowing for learning curves and infrastructure setup especially when working with very new technologies. But to do that for an aggressive person like me involves some learning curve. When you are on such a learning curve you sometimes need inspiration. This one is mine, I hope it inspires you too.&lt;/p&gt;  &lt;p&gt;The blog post is &amp;#8220;as is&amp;#8221; from the article &amp;#8220;You Are Solving The Wrong Problem&amp;#8221; by &lt;a href="http://www.azarask.in/blog/" target="_blank"&gt;Aza Raskin&lt;/a&gt; posted on UX Magaznine. To view it at UX Magazine&amp;#8217;s web site please &lt;a href="http://uxmag.com/strategy/you-are-solving-the-wrong-problem#" target="_blank"&gt;click here.&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;span style="font-family: Georgia, Times New Roman, Times, serif; font-size: 14px; line-height: 22px;"&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;There is some problem you are trying to solve. In your life, at work, in a design. You are probably solving the wrong problem. &lt;a href="http://en.wikipedia.org/wiki/Paul_MacCready" target="_blank" style="text-decoration: underline; color: #006699; background-image: none; background-color: initial;"&gt;Paul MacCready&lt;/a&gt;, considered to be one of the best mechanical engineers of the 20th century, said it best: &amp;#8220;The problem is we don&amp;#8217;t understand the problem.&amp;#8221;&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;&lt;strong&gt;Story time&lt;/strong&gt;.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;It&amp;#8217;s 1959, a time of change. Disney releases their seminal film Sleeping Beauty, Fidel Castro becomes the premier of Cuba, and Eisenhower makes Hawaii an official state. That year, a British industry magnate by the name of&lt;a href="http://www.raes.org.uk/cmspage.asp?cmsitemid=SG_hum_pow_kremer" target="_blank" style="text-decoration: underline; color: #006699; background-image: none; background-color: initial;"&gt;Henry Kremer&lt;/a&gt; has a vision that leaves a haunting question: Can an airplane fly powered only by the pilot&amp;#8217;s body power? Like Da Vinci, Kremer believed it was possible and decided to push his dream into reality. He offered the staggering sum of £50,000 for the first person to build a plane that could fly a figure eight around two markers one half-mile apart. Further, he offered £100,000 for the first person to fly across the channel. In modern US dollars, that&amp;#8217;s the equivalent of $1.3 million and $2.5 million. It was the &lt;a href="http://www.xprize.org/" target="_blank" style="text-decoration: underline; color: #006699; background-image: none; background-color: initial;"&gt;X-Prize&lt;/a&gt; of its day.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;&lt;img src="http://uxmag.com/uploads/raskinwrongproblem/2.jpg" height="319" alt="Paul MacCready holding a Speed Ring, a device he invented for competitive glider flying." style="" width="400"/&gt;&lt;br/&gt;&lt;sup&gt;&lt;em&gt;Paul MacCready holding a &amp;#8220;Speed Ring,&amp;#8221; a device he invented for competitive glider flying.&lt;/em&gt;&lt;/sup&gt;&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;A decade went by. Dozens of teams tried and failed to build an airplane that could meet the requirements. It looked impossible. Another decade threatened to go by before our hero, MacCready, decided to get involved. He looked at the problem, how the existing solutions failed, and how people iterated their airplanes. He came to the startling realization that people were solving the wrong problem. &amp;#8220;The problem is,&amp;#8221; he said, &amp;#8220;that we don&amp;#8217;t understand the problem.&amp;#8221;&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;MacCready&amp;#8217;s insight was that everyone working on solving human-powered flight would spend upwards of a year building an airplane on conjecture and theory without the grounding of empirical tests. Triumphantly, they&amp;#8217;d complete their plane and wheel it out for a test flight. Minutes latter, a years worth of work would smash into the ground. Even in successful flights, a couple hundred meters latter the flight would end with the pilot physically exhausted. With that single new data point, the team would work for another year to rebuild, retest, relearn. Progress was slow for obvious reasons, but that was to be expected in pursuit of such a difficult vision. That&amp;#8217;s just how it was.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;The problem was the problem. Paul realized that what we needed to be solved was not, in fact, human powered flight. That was a red-herring. The problem was the process itself, and along with it the blind pursuit of a goal without a deeper understanding how to tackle deeply difficult challenges. He came up with a new problem that he set out to solve: how can you build a plane that could be rebuilt in hours not months. And he did. He built a plane with Mylar, aluminum tubing, and wire.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;&lt;img src="http://uxmag.com/uploads/raskinwrongproblem/3.png" height="381" alt="" style="" width="475"/&gt;&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;The first airplane didn&amp;#8217;t work. It was too flimsy. But, because the problem he set out to solve was creating a plane he could fix in hours, he was able to quickly iterate. Sometimes he would fly three or four different planes in a single day. The rebuild, retest, relearn cycle went from months and years to hours and days.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;Eighteen years had passed since Henry Kremer opened his wallet for his vision. &lt;span class="sel_1304357934634"&gt;Nobody could turn that vision into an airplane. Paul MacCready got involved and changed the understanding&lt;/span&gt; of the problem to be solved. Half a year later later, MacCready&amp;#8217;s &lt;a href="http://en.wikipedia.org/wiki/Gossamer_Condor" style="text-decoration: underline; color: #006699; background-image: none; background-color: initial;"&gt;Gossamer Condor&lt;/a&gt; flew 2,172 meters to win the prize. A bit over a year after that, the &lt;a href="http://en.wikipedia.org/wiki/Gossamer_Albatross" target="_blank" style="text-decoration: underline; color: #006699; background-image: none; background-color: initial;"&gt;Gossamer Albatross&lt;/a&gt; flew across the channel.&lt;/p&gt;  &lt;p style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; line-height: 1.4em; margin: 0px;"&gt;What&amp;#8217;s the take-away? When you are solving a difficult problem re-ask the problem so that your solution helps you learn faster. Find a faster way to fail, recover, and try again. If the problem you are trying to solve involves creating a magnum opus, you are solving the wrong problem.&lt;/p&gt;  &lt;/span&gt;&lt;/p&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5136986463</link><guid>http://aktionitems.tumblr.com/post/5136986463</guid><pubDate>Mon, 02 May 2011 14:31:52 -0400</pubDate><category>Agile</category><category>Agile in Non Software Parlance</category><category>Agile Movement</category><category>Aza Raskin</category><category>Empirical Process</category><category>Engineering</category><category>Lean Startups</category><category>Mobile Application Development</category><category>New Product Development</category><category>Problem Solving</category><category>Product Management</category><category>Scrum</category><category>Startup Life</category><category>startups</category><category>UI</category><category>UX</category><dc:creator>itsadifferent</dc:creator></item><item><title>The Salesman</title><description>&lt;div class="posterous_autopost"&gt;&lt;p&gt;AK to Mom: What&amp;#8217;s the fondest Childhood memory you have of me?&lt;/p&gt;  &lt;p&gt;Mom: Selling Idlis at 2.5 yrs of age! It was like you were born for it, I gave you idli&amp;#8217;s and before I could tell you what to do you were on the stage pitching and selling!&lt;/p&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5068071322</link><guid>http://aktionitems.tumblr.com/post/5068071322</guid><pubDate>Sat, 30 Apr 2011 08:47:18 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>My Favorite Article of the Week - Subject: Airbnb by Paul Graham</title><description>&lt;p&gt;&lt;div class="posterous_autopost"&gt;&lt;/div&gt;&lt;/p&gt;</description><link>http://aktionitems.tumblr.com/post/5066785934</link><guid>http://aktionitems.tumblr.com/post/5066785934</guid><pubDate>Sat, 30 Apr 2011 07:02:05 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>Revenue, Personified - An Excellent Article on tuning to the "Right User Group"</title><description>&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; In this excellent article from Cindy Alvarez (Cindyalvarez.com) Cindy explains why it&amp;#8217;s not just important to ask what %age of your visitors are getting converted to customers but to which bucket do they belong and using the data to tune your landing pages to attract more from that group. &lt;p&gt;&lt;/p&gt; Read on and let me know if any of you have implemented this or have a different opinion :)&lt;p&gt;&lt;/p&gt;        &lt;div&gt;  		  			  		&lt;p&gt;Revenue seems like the one part of the AARRR metrics that shouldn’t need explaining.  More money = better, right?  It hardly takes a rocket scientist to know that.&lt;/p&gt;  &lt;p&gt;But as you’ve probably figured out by now, my personal bias is towards starting with metrics where you can immediately translate them into a natural-language statement (“this means X customer type is more likely to pay us”).&lt;/p&gt;  &lt;p&gt;So instead of talking about customer lifetime value or average revenue per user, I’m going to talk about revenue in terms of two simple questions you should be asking to start with:&lt;/p&gt;  &lt;ul&gt;&lt;li&gt;What percentage of Activated customers have given us money, even once?&lt;/li&gt;  &lt;li&gt;What types of customers were more likely to give us money?&lt;/li&gt;  &lt;/ul&gt;&lt;p&gt;These are both fairly short-term questions, but what I like about them is that they can immediately narrow where you should focus on improving next.&lt;/p&gt;  &lt;p&gt;(Everyone&lt;em&gt; ought&lt;/em&gt; to be improving their customer lifetime value, but that’s about as vague as your New Year’s Resolution to lose 10 pounds.  And about as likely to succeed, unless you break it down.)&lt;/p&gt;  &lt;p&gt;So let’s look at some examples.&lt;/p&gt;  &lt;h3&gt;What percentage of Activated customers have given us money, even once?&lt;/h3&gt;  &lt;p&gt;Let’s look at fake-Amazon.com:&lt;/p&gt;  &lt;p&gt;You’d have defined Activated customers as the people who were had reached the potential to get value — in this case, they found a product that was interesting enough for them to view in detail.  This is your potential pool from which to extract Revenues.&lt;/p&gt;  &lt;p&gt;How many of those people give you money?&lt;br/&gt;&lt;img src="https://img.skitch.com/20110428-c913gee4hm4yjb4ybbt3mi5se3.jpg" height="173" alt="" width="472"/&gt;&lt;/p&gt;  &lt;p&gt;In this example, 2.2% of your potential pool is giving you money.   So now the obvious question is, how can I get more of this potential pool of pre-qualified, full-of-intent, people to give us money?&lt;/p&gt;  &lt;p&gt;I’d expect that it’s quite common for someone to view a product and not proceed with purchase — you could be just browsing, or perhaps you were just curious about that electronic toenail polisher.  But here I’d hone in on the big dropoff between “Added to Cart” and “Completed Purchase” — and try to figure out why via customer interviews, user testing, or a KISSinsights survey.&lt;/p&gt;  &lt;p&gt;If I could win back just 5% of those “Added to Cart” people, that’s more than 150 additional purchases.  Assuming a $20 average sale, that’s more than $3,000 additional revenue per day, and the solution is probably just fixing something that you should’ve fixed &lt;em&gt;anyways.&lt;/em&gt;&lt;/p&gt;  &lt;p&gt;For a second example, let’s look at fake-Netflix.com:&lt;br/&gt;&lt;img src="https://img.skitch.com/20110428-famm3w7qga6b55aebj3dipuu7q.jpg" height="189" alt="" width="480"/&gt;&lt;/p&gt;  &lt;p&gt;This would probably signal to me that my focus belongs on getting more Acquired users, versus trying to improve upon either of these steps.&lt;/p&gt;  &lt;h3&gt;What types of customers were more likely to give us money?&lt;/h3&gt;  &lt;p&gt;Most of us are targeting more than one type of customer.  I strongly suggest collecting that information — either via the registration form, or some required post-signup configuration — and using it to confirm where your dollars are coming from.&lt;/p&gt;  &lt;p&gt;In this example, suppose you were selling a website service, and asked your customers what type of site they maintained:&lt;br/&gt;&lt;img src="https://img.skitch.com/20110428-e3htguupdge6rmc4i5n5tffjf3.jpg" height="293" alt="" width="500"/&gt;&lt;/p&gt;  &lt;p&gt;The overall percentage of upgraders — 2.8% is interesting — but a lot less interesting than the fact that people running e-commerce sites are &lt;em&gt;dramatically&lt;/em&gt; more likely to pay you than other types of customers.&lt;/p&gt;  &lt;p&gt;This tells me that, rather than trying to create a “generic” marketing homepage that appeals to all customers, you should try tailoring your marketing site to specifically appeal to e-commerce customers.&lt;/p&gt;  &lt;p&gt;Once you’ve experimented and improved some of the more obvious areas, you’ll feel a lot more comfortable tackling the more complex “lifecycle” metrics (and these can only help those, as well).&lt;/p&gt;  &lt;p&gt;Popularity: 100% &lt;span&gt;[&lt;a href="http://alexking.org/projects/wordpress/popularity-contest" title="What does this mean?"&gt;?&lt;/a&gt;]&lt;/span&gt;&lt;/p&gt;  &lt;div&gt;  	&lt;p&gt;&lt;a href="http://feeds.feedburner.com/TheExperienceIsTheProductBlog" rel="alternate" type="application/rss+xml"&gt;&lt;img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" height="16" alt="" width="16" style="vertical-align: middle; border: 0;"/&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt; &lt;a href="http://feeds.feedburner.com/TheExperienceIsTheProductBlog" rel="alternate" type="application/rss+xml"&gt;You should add this blog to your   RSS feed.&lt;/a&gt;&lt;/p&gt;  &lt;/div&gt;  		&lt;p&gt;  		Trackback: &lt;a href="http://www.cindyalvarez.com/data-driven/revenue-personified/trackback/--"&gt;&lt;a href="http://www.cindyalvarez.com/data-driven/revenue-personified/trackback/--"&gt;http://www.cindyalvarez.com/data-driven/revenue-personified/trackback/&amp;#8212;&lt;/a&gt;&lt;/a&gt;&amp;gt;			  								  									    		  &lt;br/&gt;&lt;/p&gt;     &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5053985984</link><guid>http://aktionitems.tumblr.com/post/5053985984</guid><pubDate>Fri, 29 Apr 2011 19:46:17 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>5 Simple Tips To Help You Increase User Sign Ups</title><description>&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; &lt;div class="p_embed p_image_embed"&gt; &lt;a href="http://posterous.com/getfile/files.posterous.com/aktion/ltgCzigEEACkindgjIbIAtnsAbxjtxEGCwqiEJhplnpwGlmBouqluIzbfbmI/media_httpblogkissmet_aCaJf.jpg.scaled1000.jpg"&gt;&lt;img alt="Media_httpblogkissmet_acajf" height="386" src="http://posterous.com/getfile/files.posterous.com/aktion/ltgCzigEEACkindgjIbIAtnsAbxjtxEGCwqiEJhplnpwGlmBouqluIzbfbmI/media_httpblogkissmet_aCaJf.jpg.scaled500.jpg" width="500"/&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="posterous_quote_citation"&gt;via &lt;a href="http://blog.kissmetrics.com/increase-user-sign-ups/"&gt;blog.kissmetrics.com&lt;/a&gt;&lt;/div&gt; &lt;p&gt;KISSmetrics as always providing great insight and value posts for the startup community just like it&amp;#8217;s founder (@hnshah. hitenism.com).&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5044915412</link><guid>http://aktionitems.tumblr.com/post/5044915412</guid><pubDate>Fri, 29 Apr 2011 13:23:38 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>Food!Drink!Dishoom</title><description>&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; &lt;div class="p_embed p_image_embed"&gt; &lt;img alt="Media_httpdishoomcomw_okaen" height="420" src="http://posterous.com/getfile/files.posterous.com/aktion/nEhtstqCJIyAzyuuoBDbevlbmlnvorobhEqgvBxgoHeFBhygohjukqIsenmz/media_httpdishoomcomw_okAEn.jpg.scaled500.jpg" width="425"/&gt;&lt;/div&gt; &lt;div class="posterous_quote_citation"&gt;via &lt;a href="http://dishoom.com/menu/"&gt;dishoom.com&lt;/a&gt;&lt;/div&gt; &lt;p&gt;As a foodie I am always on the look out for great places to try out around the globe and on most occasions I am drawn to websites that have this info. But this is the first time I was drawn to a restaurant site for its great design that is as cool as the unique dishes they have listed. Next time I am in Bombay (Mumbai for some) I am definitely going to Bombay Cafe&amp;#8230;.firstly to congratulate the team on Dishoom and then try out their awesome menu :D&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://aktionitems.tumblr.com/post/5021913766</link><guid>http://aktionitems.tumblr.com/post/5021913766</guid><pubDate>Thu, 28 Apr 2011 17:48:11 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item><item><title>How do colours affect purchases?</title><description>&lt;p&gt;&lt;div class="posterous_autopost"&gt;&lt;div class="posterous_bookmarklet_entry"&gt; &lt;a href="http://www.litmanlive.me/how-do-colours-affect-purchases"&gt;&lt;img class="posterous_download_image" src="http://posterous.com/getfile/files.posterous.com/litmanlive/qF3wsGR4X7gRJJlEx7uRnmG1ZcWueLNRtcLQgXMGKFLmMkCE3N9qfAwkLMHc/color-purchases-lrg.png.scaled.500.jpg" border="0" width="500"/&gt;&lt;/a&gt;    &lt;div class="posterous_quote_citation"&gt;via &lt;a href="http://www.litmanlive.me/how-do-colours-affect-purchases"&gt;litmanlive.me&lt;/a&gt;&lt;/div&gt; &lt;/div&gt;&lt;/div&gt;&lt;/p&gt;</description><link>http://aktionitems.tumblr.com/post/4996448168</link><guid>http://aktionitems.tumblr.com/post/4996448168</guid><pubDate>Wed, 27 Apr 2011 19:14:46 -0400</pubDate><dc:creator>itsadifferent</dc:creator></item></channel></rss>
