<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Simon Whatley &#187; Design</title>
	<atom:link href="http://www.simonwhatley.co.uk/tag/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.simonwhatley.co.uk</link>
	<description>The opposite of every great idea is another great idea</description>
	<lastBuildDate>Wed, 02 Nov 2011 09:28:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>IBM&#8217;s Design Principles</title>
		<link>http://www.simonwhatley.co.uk/ibm-design-principles</link>
		<comments>http://www.simonwhatley.co.uk/ibm-design-principles#comments</comments>
		<pubDate>Wed, 02 Nov 2011 09:28:34 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[design principles]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[Human-computer interaction]]></category>
		<category><![CDATA[IBM]]></category>
		<category><![CDATA[Software design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User interface]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://www.simonwhatley.co.uk/?p=4924</guid>
		<description><![CDATA[Software can be designed to simplify tasks and to create a positive overall experience for users. Thoroughly understanding the goals of users and stakeholders and designing software with those goals in mind are the best approaches to successfully delivering products that will delight customers.]]></description>
			<content:encoded><![CDATA[<p>Software can be designed to simplify tasks and to create a positive overall experience for users. Thoroughly understanding the goals of users and stakeholders and designing software with those goals in mind are the best approaches to successfully delivering products that will delight customers.</p>
<p>The following checklist identifies core principles and best practices to assist software designers and developers to produce software that stands out in the marketplace.</p>
<ol>
<li>
		<strong>Concepts from the product&#8217;s subject domain (for example, systems management) should be central and apparent in the software design</strong> &#8211; The relationships among user interface objects in products should be accurate, so that users can rely on their previous experience in the domain when learning and using the software.
	</li>
<li>
		<strong>Keep it simple</strong> &#8211; Give easy access to the features that most users will need most of the time; features used less often or by only a subset of users are placed less prominently.
	</li>
<li>
		<strong>Optimise the design for the most frequent or important tasks</strong> &#8211; Understanding how users will use the software you are designing is critically important. Designers should use that understanding to anticipate the information, task flows, and features that users require at key points within the user experience.
	</li>
<li>
		<strong>Make the interface accessible and visible to users</strong> &#8211; Design your Web site or application so that users can view and easily access objects or information within the interface. Choices should be visible to users rather than hidden with cryptic key sequences. When objects and choices are immediately visible, users learn and complete work tasks efficiently.
	</li>
<li>
		<strong>Use proper default values when supporting complex tasks</strong> &#8211; Use good defaults so that users can complete tasks relatively easily and quickly rather overwhelming them with choices.
	</li>
<li>
		<strong>Be flexible</strong> &#8211; Let users customise the application to meet their unique needs. For example, specialised users could be given a way to make secondary choices more prominent in the product. Also, don&#8217;t limit users by artificially restricting their choices to a &#8220;correct&#8221; sequence. Flexibility is also enhanced by letting users select options in various sequences and in letting them modify default values.
	</li>
<li>
		<strong>Keep your users informed and in control by providing informative and timely feedback tailored to the current situation</strong> &#8211; For example, progress indicators let users know that their system is healthy and is carrying out their request. At a minimum, alert users when they take actions that will result in the loss of data. (Ideally, such choices would be disabled or even eliminated when they are inappropriate in a particular situation.) All the information included in the feedback should be meaningful to the average user.
	</li>
<li>
		<strong>Things that look the same should behave in the same way, and an action should always produce the same result</strong> &#8211; Avoid modes that change the effects of actions. Where modes are unavoidable, make them clear to the user and easy to change.
	</li>
<li>
		<strong>Provide the ability to undo and redo actions</strong> &#8211; Applications must provide users with the ability to freely explore applications (which includes the ability to make mistakes) without fearing permanent damage.
	</li>
<li>
		<strong>Make your application predictable by using industry standard user interface conventions wherever possible</strong> &#8211; For example, users should be able to use standard selection models and keyboard equivalents like Ctrl+C and Shift+→ (to copy the currently selected object and extend the current selection one unit to the right, respectively) everywhere they work with data. Use a common set of design patterns and guidelines so that users don&#8217;t have to relearn how to perform common tasks.
	</li>
<li>
		<strong>Always keep your target users in mind as the product is designed</strong> &#8211; Developing personas and identifying and defining the roles your users fulfil can help you understand how various roles will use your product. Designs based on typical workflows and the other software that users might use in conjunction with yours will delight users.
	</li>
<li>
		<strong>Avoid adding features just so they can be ticked off a list</strong> &#8211; Remember that every additional feature equals a set of choices added to what is likely already a wide array of choices. Too many choices can overwhelm users.
	</li>
<li>
		<strong>Design your user interface so that it can be localised for other geographies without redesigning the interface</strong> &#8211; For example, don&#8217;t crowd form controls too tightly so they can accommodate longer German translations.
	</li>
<li>
		<strong>Consider persons with disabilities when designing your applications</strong> &#8211; Many users of your product may have impaired vision or physical limitations that affect their ability to use a mouse or a joystick.
	</li>
<li>
		<strong>Design the application so that contextual help is available to users when they need it</strong> &#8211; Users should not have to refer to Help constantly to complete their tasks.
	</li>
<li>
		<strong>Bring objects to life through good visual design</strong> &#8211; The goal of visual design in the user interface is to surface to the user in a cohesive manner all aspects of the design principles. Visual design should support the user model and communicate the function of that model without ambiguities. Visual design should not be the &#8220;icing on the cake&#8221; but rather an integral part of the design process. The final result should be an intuitive and familiar representation that is second nature to users.
	</li>
<li>
		<strong>Create user interfaces that promote clarity and visual simplicity</strong> &#8211; The following visual design principles help create that effect:</p>
<ul>
<li>
				<strong>Subtractive design</strong> &#8211; Reduce clutter by eliminating any visual element that doesn&#8217;t contribute directly to visual communication.
			</li>
<li>
				<strong>Visual hierarchy</strong> &#8211; Understand the importance of users&#8217; tasks and establish a visual hierarchy of these tasks. An important object can be given visual prominence. Relative position and contrast in colour and size can be used to convey task importance.
			</li>
<li>
				<strong>Affordance</strong> &#8211; When users can easily determine the action that should be taken with an object, that object displays good affordance. Objects with good affordance usually mimic actual objects.
			</li>
<li>
				<strong>Visual scheme</strong> &#8211; Design a visual scheme that maps to the user model and lets the user customise the interface. Do not eliminate extra space in your image just to save space. Use white space to provide visual &#8220;breathing room.&#8221;
			</li>
</ul>
</li>
</ol>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.simonwhatley.co.uk/ibm-design-principles/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>11 Laws and Principles to Use in Design</title>
		<link>http://www.simonwhatley.co.uk/11-laws-and-principles-to-use-in-design</link>
		<comments>http://www.simonwhatley.co.uk/11-laws-and-principles-to-use-in-design#comments</comments>
		<pubDate>Wed, 10 Aug 2011 12:53:20 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Fibonacci]]></category>
		<category><![CDATA[Fibonacci numbers]]></category>
		<category><![CDATA[Fibonacci Sequence]]></category>
		<category><![CDATA[Fibonacci spiral]]></category>
		<category><![CDATA[Fitts' Law]]></category>
		<category><![CDATA[Gestalt]]></category>
		<category><![CDATA[Gestalt psychology]]></category>
		<category><![CDATA[Golden Ratio]]></category>
		<category><![CDATA[Hick's law]]></category>
		<category><![CDATA[Human-computer interaction]]></category>
		<category><![CDATA[Magical Number 7]]></category>
		<category><![CDATA[Miller's Law]]></category>
		<category><![CDATA[Occam's Razor]]></category>
		<category><![CDATA[Pareto principle]]></category>
		<category><![CDATA[Prägnanz]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[Rule of Thirds]]></category>

		<guid isPermaLink="false">http://www.simonwhatley.co.uk/?p=4577</guid>
		<description><![CDATA[Design elements, laws and principles, garnered over centuries of observation, describe fundamental ideas about the practice of good visual design that are assumed to be the basis of all intentional visual design strategies. The elements form the 'vocabulary' of the design, while the laws and principles constitute the broader structural aspects of its composition. David Hume described these as "the constant and universal principles of human nature." Awareness of the elements, laws and principles in design is the first step in creating successful visual compositions. While these universal design elements, laws and principles may not always be absolutes, understanding them can help you achieve success in a multitude of fields including graphic, industrial design and experience design, architecture and fine art.]]></description>
			<content:encoded><![CDATA[<p>Design elements, laws and principles, garnered over centuries of observation, describe fundamental ideas about the practice of good visual design that are assumed to be the basis of all intentional visual design strategies. The elements form the &#8216;vocabulary&#8217; of the design, while the laws and principles constitute the broader structural aspects of its composition. David Hume described these as &#8220;the constant and universal principles of human nature.&#8221; Awareness of the elements, laws and principles in design is the first step in creating successful visual compositions. While these universal design elements, laws and principles may not always be absolutes, understanding them can help you achieve success in a multitude of fields including graphic, industrial design and experience design, architecture and fine art.</p>
<p>Products designed with appreciation for these natural principles will tend to be better received and more easily utilised by the general public. But what are some of these elements, laws and principles? Below is a list of 11 to whet your appetite.</p>
<p><strong>Occam&#8217;s Razor</strong></p>
<p>Occam’s razor (also spelled Ockham’s razor) states that the explanation of any phenomenon should make as few assumptions as possible. The principle is often expressed in Latin as the <em>lex parsimoniae</em> (law of succinctness): all things being equal, the simplest solution tends to be the best one. One consequence of this methodology is the idea that the simplest or most obvious explanation of several competing ones is the one that should be preferred until it is proven wrong.</p>
<p>But how does this relate to design? 37Signals&#8217; book <a href="http://gettingreal.37signals.com/" title="37Signals' Getting Real" target="_blank" rel="nofollow">Getting Real</a> provides a good overview: deliver just what customers need and eliminate anything they don’t. Start with the interface, the real screens that people are going to use. Begin with what the customer actually experiences and builds backwards from there. This lets you get the interface right before you get the software wrong. It&#8217;s about keeping things simple, iterating the design and lowering the cost of change; it is about launching, tweaking and constantly improving.</p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p><strong>Hick&#8217;s Law</strong></p>
<p>Hick&#8217;s Law, or the Hick–Hyman Law, describes the time it takes for a person to make a decision as a result of the possible choices he or she has. The Hick&#8217;s Law assesses cognitive information capacity in choice reaction experiments. The amount of time taken to process a certain amount of bits in the Hick&#8217;s Law is known as the rate of gain of information.</p>
<p>Hick&#8217;s Law can be expressed with the following equation:</p>
<img src='http://s.wordpress.com/latex.php?latex=T%20%3D%20b%20%5Ccdot%20%5Clog_%7B2%7D%28n%20%2B%201%29&#038;bg=ffffff&#038;fg=000000&#038;s=0' alt='T = b \cdot \log_{2}(n + 1)' title='T = b \cdot \log_{2}(n + 1)' class='latex' />
<p>This law has implications in areas such as website navigation and getting people to take action. Since the time it takes to make a decision increases as the number of alternatives increases, the more options you offer, the less likely any one of those options will be taken.</p>
<p>Hick&#8217;s Law can be visualised with the following image:</p>
<p><img src="http://www.simonwhatley.co.uk/blog/wp-content/uploads/2011/08/hicks-law-300x300.png" alt="" title="Hick&#039;s Law" width="300" height="300" class="aligncenter size-medium wp-image-4633" /></p>
<p>The conclusion from Hick&#8217;s law is to provide less options or present only those options that are necessary or required to complete the given task. Instead of a long list of menu options, think about how you can group them into as few high level choices as possible. Present those few options in common places like navigation and only present more options as someone digs deeper into one level of categorisation. 6 – 8 main navigational links is a general guide.</p>
<p><strong>Fitts&#8217; Law</strong></p>
<p>Fitts&#8217; Law is a model of human movement in human–computer interaction and ergonomics, which states that the speed and accuracy with which a user can select an on-screen object depends on the size of the object and how far the user has to move the pointer. Fitts&#8217; Law is used to model the act of pointing, either by physically touching an object with a hand or finger, or virtually, by pointing to an object on a computer monitor using a pointing device.</p>
<p>Fitts&#8217; Law can be visualised with the following image:</p>
<p><a href="http://www.simonwhatley.co.uk/blog/wp-content/uploads/2011/08/fitts-law.png"><img src="http://www.simonwhatley.co.uk/blog/wp-content/uploads/2011/08/fitts-law-300x134.png" alt="" title="Fitts&#039; Law" width="300" height="134" class="aligncenter size-medium wp-image-4620" /></a></p>
<p>Fitts&#8217; Law is expressed with the following equation:</p>
<img src='http://s.wordpress.com/latex.php?latex=T%20%3D%20a%20%2B%20b%20%5Clog_2%20%5CBigg%281%2B%5Cfrac%7BD%7D%7BW%7D%5CBigg%29&#038;bg=ffffff&#038;fg=000000&#038;s=0' alt='T = a + b \log_2 \Bigg(1+\frac{D}{W}\Bigg)' title='T = a + b \log_2 \Bigg(1+\frac{D}{W}\Bigg)' class='latex' />
<p><em>Where: T = Time, a = start/stop time, b = speed of device, D = distance, and W = width of target, or allowable error of tolerance.</em></p>
<p>Fitts&#8217; Law has implications for designers: features that require user interaction (e.g., links and buttons) should be as large as practically possible given display constraints and that frequently used features should be grouped near one another to minimise the distance that the user has to move the cursor to activate them.</p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p><strong>Gestalt</strong></p>
<p>Gestalt psychology is a theory of mind and brain positing that the operational principle of the brain is holistic, parallel, and analogue, with self-organising tendencies. </p>
<p>The Gestalt effect is the form-generating capability of our senses, particularly with respect to the visual recognition of figures and whole forms instead of just a collection of simple lines and curves. </p>
<p>The key principles of Gestalt systems are emergence, reification, multi-stability and invariance.</p>
<ul>
<li><em>Emergence</em> &#8211; the process of complex pattern formation from simpler rules. </li>
<li><em>Reification</em> &#8211; the constructive or generative aspect of perception, by which the experienced percept contains more explicit spatial information than the sensory stimulus on which it is based.</li>
<li><em>Multi-stability</em> &#8211; the tendency of ambiguous perceptual experiences to pop back and forth unstably between two or more alternative interpretations.</li>
<li><em>Invariance</em> &#8211; the property of perception whereby simple geometrical objects are recognised independent of rotation, translation, and scale; as well as several other variations such as elastic deformations, different lighting, and different component features. </li>
</ul>
<p><strong>Pr&auml;gnanz</strong></p>
<p>Pr&auml;gnanz is the fundamental principle of perceptual segregation proposed by Gestalt psychologists. It states that during visual perception, the best, simplest and most stable shape of any possibilities will be perceived. </p>
<p>Pr&auml;gnanz is defined by six laws:</p>
<ol>
<li><em>Law of Closure</em> – the mind may experience elements it does not perceive through sensation, in order to complete a regular figure (that is, to increase regularity).</li>
<li><em>Law of Similarity</em> – the mind groups similar elements into collective entities or totalities. These similarities may depend upon relationships of form, colour, size or brightness.</li>
<li><em>Law of Proximity</em> – spatial or temporal grouping of elements may induce the mind to perceive a collective or totality.</li>
<li><em>Law of Symmetry</em> (figure ground relationships) – symmetrical images are perceived collectively, even in spite of distance.</li>
<li><em>Law of Continuity</em> – the mind continues visual, auditory and kinetic patterns.</li>
<li><em>Law of Common Fate</em> – elements with the same moving direction are perceived as a collective or unit.</li>
</ol>
<p>These laws can and should be used in user interface design. The laws of similarity and proximity can, for example, be used as guides for placing radio buttons.</p>
<p><strong>Miller&#8217;s Law</strong></p>
<p>Miller&#8217;s Law is based upon theories of communication. The law instructs us to suspend judgment about what someone is saying so we can first understand them without imbuing their message with our own personal interpretations.</p>
<p><strong>The Magical Number 7, Plus or Minus Two</strong></p>
<p>This law, also known as Miller&#8217;s Law, argues that the number of objects, or chunks, an average human can hold in working memory is 7&#177;2. Later research on short-term memory and working memory revealed that memory span is not a constant even when measured in terms of a number of chunks. The number of chunks a human can recall immediately after presentation depends on the category of chunks used (e.g., memory span is around seven for digits, around six for letters, and around five for words), and even on features of the chunks within a category. For instance, memory span is lower for long words than it is for short words. In general, memory span for verbal contents (digits, letters, words, etc.) strongly depends on the time it takes to speak the contents aloud.</p>
<p><strong>Fibonacci Sequence</strong></p>
<p>The Fibonacci Sequence is a list of numbers is created by repeatedly adding the sums of the last two digits. It begins with 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144 and so on. What is fascinating is that this sequence appears repeatedly in nature, in tree branches, leaves on stems, in a wide variety of plants and the reproduction pattern of honeybees.</p>
<p>The Fibonacci sequence can be described as the function:</p>
<img src='http://s.wordpress.com/latex.php?latex=F%28n%29%20%3D%20%28a%5En%20-%20b%5En%29%2F%28a%20-%20b%29&#038;bg=ffffff&#038;fg=000000&#038;s=0' alt='F(n) = (a^n - b^n)/(a - b)' title='F(n) = (a^n - b^n)/(a - b)' class='latex' />
<p>This is not the easiest function to punch out on your calculator but the concept is simple enough. You can easily determine the next or previous number in the sequence with a little old fashioned glance at the Fibonacci string.</p>
<p>The Fibonacci Sequence is often visualised in design with the following diagram:</p>
<p><img src="http://www.simonwhatley.co.uk/blog/wp-content/uploads/2011/08/fibonacci-blocks-300x189.png" alt="" title="Fibonacci block" width="300" height="189" class="aligncenter size-medium wp-image-4602" /></p>
<p>The Fibonacci Sequence is closely related to the Golden Ratio.</p>
<p><strong>Golden Ratio</strong></p>
<p>The Golden Ratio is a term used in both mathematics and art. Two quantities are said to be in the golden ratio if the ratio of the sum of the quantities to the larger quantity is equal to the ratio of the larger quantity to the smaller one. The golden ratio is an irrational mathematical constant, approximately 1.6180339887. Other names frequently used for the golden ratio are the golden section and the golden mean.</p>
<p>The following figure can be used to express the geometric relationship that defines the constant:</p>
<p><img src="http://www.simonwhatley.co.uk/blog/wp-content/uploads/2011/08/golden-ratio-300x173.png" alt="" title="Golden Ratio" width="300" height="173" class="aligncenter size-medium wp-image-4599" /></p>
<p>But for those of you who are mathematically inclined, this is the ratio expressed algebraically:</p>
<img src='http://s.wordpress.com/latex.php?latex=%5Cfrac%7Ba%2Bb%7D%7Ba%7D%20%3D%20%5Cfrac%7Ba%7D%7Bb%7D%20%5Cequiv%20%5Cvarphi%5C%2C.&#038;bg=ffffff&#038;fg=000000&#038;s=0' alt='\frac{a+b}{a} = \frac{a}{b} \equiv \varphi\,.' title='\frac{a+b}{a} = \frac{a}{b} \equiv \varphi\,.' class='latex' />
<p>The Golden Ratio describes the most aesthetically pleasing proportionate shapes and designs. A Fibonacci spiral, created by drawing circular arcs connecting the opposite corners of squares in the Fibonacci tiling (this one uses squares of sizes 1, 1, 2, 3, 5, 8, 13, 21, and 34), can be used to plan your design.</p>
<p><img src="http://www.simonwhatley.co.uk/blog/wp-content/uploads/2011/08/fibonacci-spiral-300x189.png" alt="" title="Fibonacci spiral" width="300" height="189" class="aligncenter size-medium wp-image-4603" /></p>
<p>As a designer, you can use this ratio to place the elements on your pages to create mini golden ratio rectangles, which will be pleasing to the eye. It can be used for captions, text flowing beside images, advertising space and navigation buttons and menus. It is worth bearing this ratio in mind when creating rectangles for your pages.</p>
<p>You can read more about the <a href="http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/" title="Applying the Devine Proportion to Web Design - Golden Ratio" target="_blank" rel="nofollow">Golden Ratio</a> on the Smashing Magazine website.</p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p><strong>Rule of Thirds</strong></p>
<p>The Rule of Thirds is a compositional rule of thumb in visual arts such as painting, photography and design. The rule states that an image should be imagined as divided into nine equal parts by two equally-spaced horizontal lines and two equally-spaced vertical lines, and that important compositional elements should be placed along these lines or the four intersections. Proponents of the technique claim that aligning a subject with these points creates more tension, energy and interest in the composition than simply centering the subject would.</p>
<p><img src="http://www.simonwhatley.co.uk/blog/wp-content/uploads/2011/08/rule-of-thirds-300x240.png" alt="" title="Rule of Thirds" width="300" height="240" class="aligncenter size-medium wp-image-4641" /></p>
<p>In most cases it is neither possible nor useful to use all four points to highlight the most important functions or navigation options in a design. However, you can use some of them (usually one or two) to properly place the most important message or functionality of the site. The left upper corner is usually the strongest one, since users scan web-sites according to the F-shape.</p>
<p>You can read more about the <a href="http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/" title="Applying the Devine Proportion to Web Design - Rule of Thirds" target="_blank" rel="nofollow">Rule of Thirds</a> on the Smashing Magazine website.</p>
<p><strong>Pareto Principle</strong></p>
<p>The Pareto Principle, also known as the &#8220;80-20 rule&#8221; and the &#8220;Law of the Vital Few&#8221;, states that, for many events, roughly 80% of the effects come from 20% of the causes.</p>
<p><img src="http://www.simonwhatley.co.uk/blog/wp-content/uploads/2011/08/80-20-rule-300x300.png" alt="" title="80/20 Rule" width="300" height="300" class="aligncenter size-medium wp-image-4650" /></p>
<p>Use the 80-20 rule to focus your resources in order to realise greater results. Identify what 20 percent of a products features are used 80 percent of the time and concentrate design and testing efforts on those resources. Or identify what critical 20 percent of a product&#8217;s features are responsible for 80 percent of the revenue and concentrate on that.</p>
<p>The 80-20 rule can help you decide what to redesign, what parts of a product or your time to downplay, what to throw away, or where to invest your scarce resources. It can help you resist efforts to correct and optimize designs beyond the critical 20 percent as more would yield diminishing returns.</p>
<p><strong>Have you have discovered other guidelines that can be incorporated into your successful design strategy?</strong> If so, please feel free to post a comment.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.simonwhatley.co.uk/11-laws-and-principles-to-use-in-design/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Ten Principles of Inclusive Web Design</title>
		<link>http://www.simonwhatley.co.uk/the-ten-principles-of-inclusive-web-design</link>
		<comments>http://www.simonwhatley.co.uk/the-ten-principles-of-inclusive-web-design#comments</comments>
		<pubDate>Fri, 01 Jul 2011 15:24:02 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[cognition]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[inclusive design]]></category>
		<category><![CDATA[inclusive web]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[sandi Wassmer]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User-centered design]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://www.simonwhatley.co.uk/?p=4262</guid>
		<description><![CDATA[Inclusive design is well established in architecture and industrial design and the principles that apply to these disciplines are equally relevant on the web. It’s people that your website engages with, not technologies, so a user-centered approach is fundamental.]]></description>
			<content:encoded><![CDATA[<p>Inclusive design is well established in architecture and industrial design and the principles that apply to these disciplines are equally relevant on the web. It’s people that your website engages with, not technologies, so a user-centered approach is fundamental.</p>
<p>Inclusive design is where innovation and imagination flourish. Meeting the needs of the widest variety of people does not inhibit creativity. It opens our minds and inspires excellence.</p>
<p>In her article in <a href="http://www.netmagazine.com/features/10-principles-inclusive-web-design" title="Sandi Wassmer's latest article in .net magazine" target="_blank" rel="nofollow"">.net magazine</a>, <a href="https://twitter.com/sandiwassmer" title="Sandi Wassmer on Twitter" target="_blank" rel="nofollow">Sandi Wassmer</a> of Copious explains the ten principles for inclusive web design an overview of which is listed below:</p>
<ol>
<li><strong>Equitable</strong> &#8211; Be welcoming, don&#8217;t discriminate and engage with people. Create different user experiences and make certain they have equally valuable outcomes. Aesthetics matter.</li>
<li><strong>Flexible</strong> &#8211; Provide options. Think who, how, why, what, where and when people will be using your website. Make sure there is choice for diverse users and maintain device independence.</li>
<li><strong>Straightforward</strong> &#8211; Be obvious and not ambiguous. Make sure your website&#8217;s features add value, not complexity. Remember, good design is as little design as possible.</li>
<li><strong>Perceptible</strong> &#8211; Don&#8217;t assume anything. Make sure your website&#8217;s purpose is clear, its content, structure and sequence are meaningful and convey information to all of the senses.</li>
<li><strong>Informative</strong> &#8211; Make sure people know where they are on your website and provide ways for them to find what they&#8217;re looking for. Be timely, predictable, uncomplicated and precise.</li>
<li><strong>Preventative</strong> &#8211; Provide easy to follow instructions and gently guide users in interacting with your website. Help them to minimise errors when submitting data, through well considered form design.</li>
<li><strong>Tolerant</strong> &#8211; Handle errors respectfully and indicate precisely what the error is, where it is and how to fix it. Remember to let people know the outcome.</li>
<li><strong>Effortless</strong> &#8211; Don&#8217;t make demands or place restrictions on your users. People should not have to work or think hard to find what they want on your website. Ensure it can be used efficiently and effectively.</li>
<li><strong>Accommodating</strong> &#8211; Be approachable, uncluttered and give people room to manoeuvre. Make sure that your website is unobtrusive and can be accessed by different devices of all shapes and sizes.</li>
<li><strong>Consistent</strong> &#8211; Follow standards, guidelines, conventions and best practices. Provide a familiar environment with memorable functionality.</li>
</ol>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p>With different devices, configurations, browsers, personal settings and assistive technologies, and no agreement on how to achieve interoperability, web builders must do their best to accommodate the diverse ways people access the internet. Building with this in mind will ensure your visitors have a quality experience.</p>
<p>Inclusive design enables us to create great, meaningful, on-brand internet experiences for the widest audience possible. However, inclusive design is also a new way of thinking, and its overarching aims may not mirror those of your organisation or clients. Change takes time, so you may not be able to do everything at once. If you just start thinking about accessibility and plan your projects with users in mind, you’ll be on the right path. There will be trade-offs and tough decisions, but this is where inclusive design really comes to the fore. It challenges us to hone our craft and fosters real creativity and innovation.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.simonwhatley.co.uk/the-ten-principles-of-inclusive-web-design/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>6 Rules for Designing Amazing Apps</title>
		<link>http://www.simonwhatley.co.uk/6-rules-for-designing-amazing-apps</link>
		<comments>http://www.simonwhatley.co.uk/6-rules-for-designing-amazing-apps#comments</comments>
		<pubDate>Tue, 14 Jun 2011 15:06:47 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Brian Fling]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://www.simonwhatley.co.uk/?p=4237</guid>
		<description><![CDATA[Mobile design is an entirely new breed of design says Brian Fling; you need to think of your app as a great book; it has a clear beginning, middle and end.]]></description>
			<content:encoded><![CDATA[<p>Mobile design is an entirely new breed of design says <a href="" title="Brian Fling" target="_blank" rel="nofollow">Brian Fling</a>; you need to think of your app as a great book; it has a clear beginning, middle and end.</p>
<p>Fling identifies 6 rules for designing apps that we should follow:</p>
<ol>
<li><strong>Understand the medium</strong> &#8211; Get to know the difference between mobile and other mediums.</li>
<li><strong>Get your data dialled</strong> &#8211; Data is the new content and it comes from everywhere.</li>
<li><strong>Be the master of context</strong> &#8211; Dive into context, it is the easiest way to level up to awesomeness.</li>
<li><strong>Design for interaction</strong> &#8211; A gift for pixel perfection and a psychology degree can come in handy.</li>
<li><strong>Focus on the details</strong> &#8211; Small screens don&#8217;t make things easier. They make things a lot harder.</li>
<li><strong>Allow ample time</strong> &#8211; It takes a lot longer than you might think.</li>
</ol>
<p>Fling&#8217;s <a href="http://www.slideshare.net/fling/6-rules-to-designing-amazing-mobile-apps-media-2011" title="Brian Fling - 6 Rules for Designing Amazing Apps" target="_blank" rel="nofollow">presentation at @media 2011</a> can be found on Slideshare. It&#8217;s long, but certainly worth a viewing.</p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.simonwhatley.co.uk/6-rules-for-designing-amazing-apps/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Steve Jobs: Get Rid of the Crappy Stuff</title>
		<link>http://www.simonwhatley.co.uk/steve-jobs-get-rid-of-the-crappy-stuff</link>
		<comments>http://www.simonwhatley.co.uk/steve-jobs-get-rid-of-the-crappy-stuff#comments</comments>
		<pubDate>Wed, 25 May 2011 21:14:21 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[ideas]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[products]]></category>
		<category><![CDATA[Steve Jobs]]></category>

		<guid isPermaLink="false">http://www.simonwhatley.co.uk/4167</guid>
		<description><![CDATA[People think focus means saying yes to the thing you've got to focus on. But that's not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I'm actually as proud of the things we haven't done as the things I have done. Innovation is saying 'no' to 1,000 things.]]></description>
			<content:encoded><![CDATA[<p>&#8220;People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I&#8217;m actually as proud of the things we haven&#8217;t done as the things I have done. Innovation is saying &#8216;no&#8217; to 1,000 things.&#8221;</p>
<p>Steve Jobs on product development, from &#8220;<a href="http://blogs.forbes.com/carminegallo/2011/05/16/steve-jobs-get-rid-of-the-crappy-stuff/" title="Steve Jobs: Get Rid of the Crappy Stuff" target="_blank" rel="nofollow">Steve Jobs: Get Rid of the Crappy Stuff</a>&#8221; in Forbes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.simonwhatley.co.uk/steve-jobs-get-rid-of-the-crappy-stuff/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Cathedral and the Bizarre</title>
		<link>http://www.simonwhatley.co.uk/the-cathedral-and-the-bizarre</link>
		<comments>http://www.simonwhatley.co.uk/the-cathedral-and-the-bizarre#comments</comments>
		<pubDate>Wed, 18 May 2011 07:56:29 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[bottom-up]]></category>
		<category><![CDATA[engineering]]></category>
		<category><![CDATA[Eric S. Raymond]]></category>
		<category><![CDATA[fetchmail]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[methods]]></category>
		<category><![CDATA[observation]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[top-down]]></category>

		<guid isPermaLink="false">http://www.simonwhatley.co.uk/?p=4134</guid>
		<description><![CDATA[The Cathedral and the Bazaar is an essay by Eric S. Raymond on software engineering methods, based on his observations of the Linux kernel development process and his experiences managing an open source project, fetchmail. It examines the struggle between top-down and bottom-up design.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.simonwhatley.co.uk/blog/wp-content/uploads/2011/05/Cathedral-and-the-Bazaar-book-cover-194x300.jpg" alt="" title="The cathedral and the bizarre" width="194" height="300" class="alignleft size-medium wp-image-4137" />The Cathedral and the Bazaar is an essay by Eric S. Raymond on software engineering methods, based on his observations of the Linux kernel development process and his experiences managing an open source project, fetchmail. It examines the struggle between top-down and bottom-up design.</p>
<p>The essay contrasts two different free software development models: <em>The Cathedral model</em>, in which source code is available with each software release, but code developed between releases is restricted to an exclusive group of software developers; and, <em>The Bazaar model</em>, in which the code is developed over the Internet in view of the public.</p>
<p>The essay helped convince most existing open source and free software projects to adopt Bazaar-style open development models, fully or partially</p>
<p><strong>Raymond posits that there are 19 guidelines for creating good open source software:</strong></p>
<ol>
<li>Every good work of software starts by scratching a developer&#8217;s personal itch.</li>
<li>Good programmers know what to write. Great ones know what to rewrite (and reuse).</li>
<li>Plan to throw one away; you will, anyhow.</li>
<li>If you have the right attitude, interesting problems will find you.</li>
<li>When you lose interest in a program, your last duty to it is to hand it off to a competent successor.</li>
<li>Treating your users as co-developers is your least-hassle route to rapid code improvement and effective debugging.</li>
<li>Release early. Release often. And listen to your customers.</li>
<li>Given a large enough beta-tester and co-developer base, almost every problem will be characterized quickly and the fix obvious to someone.</li>
<li>Smart data structures and dumb code works a lot better than the other way around.</li>
<li>If you treat your beta-testers as if they&#8217;re your most valuable resource, they will respond by becoming your most valuable resource.</li>
<li>The next best thing to having good ideas is recognizing good ideas from your users. Sometimes the latter is better.</li>
<li>Often, the most striking and innovative solutions come from realizing that your concept of the problem was wrong.</li>
<li>Perfection (in design) is achieved not when there is nothing more to add, but rather when there is nothing more to take away.</li>
<li>Any tool should be useful in the expected way, but a truly great tool lends itself to uses you never expected.</li>
<li>When writing gateway software of any kind, take pains to disturb the data stream as little as possible &#8211; and never throw away information unless the recipient forces you to!</li>
<li>When your language is nowhere near Turing-complete, syntactic sugar can be your friend.</li>
<li>A security system is only as secure as its secret. Beware of pseudo-secrets.</li>
<li>To solve an interesting problem, start by finding a problem that is interesting to you.</li>
<li>Provided the development coordinator has a communications medium at least as good as the Internet, and knows how to lead without coercion, many heads are inevitably better than one.</li>
</ol>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.simonwhatley.co.uk/the-cathedral-and-the-bizarre/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Make Design Thinking Part of the Innovation Drill</title>
		<link>http://www.simonwhatley.co.uk/how-to-make-design-thinking-part-of-the-innovation-drill</link>
		<comments>http://www.simonwhatley.co.uk/how-to-make-design-thinking-part-of-the-innovation-drill#comments</comments>
		<pubDate>Mon, 09 May 2011 11:50:55 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Design Thinking]]></category>
		<category><![CDATA[human-centred]]></category>
		<category><![CDATA[IDEO]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[Tim Brown]]></category>

		<guid isPermaLink="false">http://www.simonwhatley.co.uk/?p=4083</guid>
		<description><![CDATA[The myth of creative genius is resilient: We believe that great ideas pop fully formed out of brilliant minds, in feats of imagination well beyond the abilities of mere mortals. But Design Thinking is neither a sudden breakthrough nor the lightning strike of genius; it is the result of hard work augmented by a creative human-centered discovery process, followed by iterative cycles of prototyping, testing, and refinement.]]></description>
			<content:encoded><![CDATA[<p>The myth of creative genius is resilient: We believe that great ideas pop fully formed out of brilliant minds, in feats of imagination well beyond the abilities of mere mortals. But Design Thinking is neither a sudden breakthrough nor the lightning strike of genius; it is the result of hard work augmented by a creative human-centered discovery process, followed by iterative cycles of prototyping, testing, and refinement.</p>
<p>The design process is best described metaphorically as a system of spaces rather than a predefined series of orderly steps. The spaces demarcate different sorts of related activities that together form the continuum of innovation. Design thinking can feel chaotic to those experiencing it for the first time. But over the life of a project participants come to see that the process makes sense and achieves results, even though its architecture differs from the linear, milestone-based processes typical of other kinds of business activities.</p>
<p>Design projects must ultimately pass through three spaces. These include &#8220;inspiration&#8221;, for the circumstances (be they a problem, an opportunity, or both) that motivate the search for solutions; &#8220;ideation&#8221;, for the process of generating, developing, and testing ideas that may lead to solutions; and &#8220;implementation&#8221;, for the charting of a path to market. Projects will loop back through these spaces – particularly the first two – more than once as ideas are refined and new directions taken.</p>
<p>In an <a href="http://www.ideo.com/images/uploads/thoughts/IDEO_HBR_Design_Thinking.pdf">article for the Harvard Business Review</a> in June, 2008, <a href="http://www.ideo.com/people/tim-brown" title="" target="_blank" rel="nofollow">Tim Brown of IDEO</a> describes what is needed to make Design Thinking part of the innovation drill.</p>
<ul>
<li><strong>Begin at the beginning.</strong> Involve design thinkers at the very start of the innovation process, before any direction has been set. Design thinking will help you explore more ideas more quickly than you could otherwise.</li>
<li><strong>Take a human-centered approach.</strong> Along with business and technology considerations, innovation should factor in human behavior, needs, and preferences. Human-centered design thinking – especially when it includes research based on direct observation – will capture unexpected insights and produce innovation that more precisely reflects what consumers want.</li>
<li><strong>Try early and often.</strong> Create an expectation of rapid experimentation and prototyping. Encourage teams to create a prototype in the first week of a project. Measure progress with a metric such as average time to first prototype or number of consumers exposed to prototypes during the life of a program.</li>
<li><strong>Seek outside help.</strong> Expand the innovation ecosystem by looking for opportunities to co-create with customers and consumers. Exploit social networks to enlarge the effective scale of your innovation team.</li>
<li><strong>Blend big and small projects.</strong> Manage a portfolio of innovation that stretches from shorter-term incremental ideas to longer-term revolutionary ones. Expect business units to drive and fund incremental innovation, but be willing to initiate revolutionary innovation from the top.</li>
<li><strong>Budget to the pace of innovation.</strong> Design thinking happens quickly, yet the route to market can be unpredictable. Don’t constrain the pace at which you can innovate by relying on cumbersome budgeting cycles. Be prepared to rethink your funding approach as projects proceed and teams learn more about opportunities.</li>
<li><strong>Find talent any way you can.</strong> Look to hire from interdisciplinary programs like the <a href="http://dschool.stanford.edu/" title="stanford Institute of Design" target="_blank" rel="nofollow">Institute of Design at Stanford</a>, progressive business schools like <a href="http://www.rotman.utoronto.ca/index.html" title="Rotman School of Management" target="_blank" rel="nofollow">Rotman in Toronto</a> and the <a href="http://www.ucl.ac.uk/uclic/" title="UCL Interaction Centre" target="_blank" rel="nofollow">Human-Computer Interaction</a> and <a href="http://www.ucl.ac.uk/anthropology/digital-anthropology/" title="UCL Digital Anthropology" target="_blank" rel="nofollow">Digital Anthropology</a> courses at UCL in London. People with more conventional design backgrounds can push solutions far beyond your expectations. You may even be able to train non-designers with the right attributes to excel in design-thinking roles.</li>
<li><strong>Design for the cycle.</strong> In many businesses people move every 12 to 18 months. But design projects may take longer than that to get from day one through implementation. Plan assignments so that design thinkers go from inspiration to ideation to implementation. Experiencing the full cycle builds better judgment and creates great long-term benefits for the organisation.</li>
</ul>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.simonwhatley.co.uk/how-to-make-design-thinking-part-of-the-innovation-drill/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Design Thinker&#8217;s Personality Profile</title>
		<link>http://www.simonwhatley.co.uk/a-design-thinkers-personality-profile</link>
		<comments>http://www.simonwhatley.co.uk/a-design-thinkers-personality-profile#comments</comments>
		<pubDate>Thu, 05 May 2011 08:40:28 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Design Thinking]]></category>
		<category><![CDATA[Harvard Business Review]]></category>
		<category><![CDATA[HBR]]></category>
		<category><![CDATA[IDEO]]></category>
		<category><![CDATA[Industrial design]]></category>
		<category><![CDATA[integrative thinking]]></category>
		<category><![CDATA[management]]></category>
		<category><![CDATA[problem solving]]></category>
		<category><![CDATA[Roger Martin]]></category>
		<category><![CDATA[The Opposable Mind]]></category>
		<category><![CDATA[Tim Brown]]></category>
		<category><![CDATA[visual arts]]></category>

		<guid isPermaLink="false">http://www.simonwhatley.co.uk/?p=4066</guid>
		<description><![CDATA[Contrary to popular opinion, you don’t need weird shoes or a black turtleneck to be a design thinker. Nor are design thinkers necessarily created only by design schools, even though most professionals have had some kind of design training. Many people outside professional design have a natural aptitude for design thinking, which the right development and experiences can unlock.]]></description>
			<content:encoded><![CDATA[<p>Contrary to popular opinion, you don’t need weird shoes or a black turtleneck to be a design thinker. Nor are design thinkers necessarily created only by design schools, even though most professionals have had some kind of design training. Many people outside professional design have a natural aptitude for design thinking, which the right development and experiences can unlock.</p>
<blockquote><p>Thinking like a designer can transform the way you develop products, services, processes – and even strategy.</p></blockquote>
<p>In an <a href="http://www.ideo.com/images/uploads/thoughts/IDEO_HBR_Design_Thinking.pdf" title="Harvard Business Review: Tim Brown on Design Thinking" target="_blank" rel="nofollow">article for the Harvard Business Review</a> in June, 2008, <a href="http://www.ideo.com/people/tim-brown" title="Tim Brown of IDEO" target="_blank" rel="nofollow">Tim Brown of IDEO</a> outlined some characteristics to look for in design thinkers:</p>
<ul>
<li><strong>Empathy.</strong> They can imagine the world from multiple perspectives – those of colleagues, clients, end users, and customers (current and prospective). By taking a &#8220;people first&#8221; approach, design thinkers can imagine solutions that are inherently desirable and meet explicit or latent needs. Great design thinkers observe the world in minute detail. They notice things that others do not and use their insights to inspire innovation.</li>
<li><strong>Integrative thinking.</strong> They not only rely on analytical processes (those that produce either/or choices) but also exhibit the ability to see all of the salient – and sometimes contradictory – aspects of a confounding problem and create novel solutions that go beyond and dramatically improve on existing alternatives. (See <a href="http://www.amazon.com/Opposable-Mind-Successful-Integrative-Thinking/dp/1422118924" title="Roger Martin’s The Opposable Mind: How Successful Leaders Win Through Integrative Thinking" target="_blank" rel="nofollow">Roger Martin’s The Opposable Mind: How Successful Leaders Win Through Integrative Thinking.</a>)</li>
<li><strong>Optimism.</strong> They assume that no matter how challenging the constraints of a given problem, at least one potential solution is better than the existing alternatives.</li>
<li><strong>Experimentalism.</strong> Significant innovations don’t come from incremental tweaks. Design thinkers pose questions and explore constraints in creative ways that proceed in entirely new directions.</li>
<li><strong>Collaboration.</strong> The increasing complexity of products, services, and experiences has replaced the myth of the lone creative genius with the reality of the enthusiastic interdisciplinary collaborator. The best design thinkers don’t simply work alongside other disciplines; many of them have significant experience in more than one. They can be engineers <em>and</em> marketers, anthropologists <em>and</em> industrial designers, architects <em>and</em> psychologists.</li>
</ul>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.simonwhatley.co.uk/a-design-thinkers-personality-profile/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design Principles: The Philosophy of UX</title>
		<link>http://www.simonwhatley.co.uk/design-principles-the-philosophy-of-ux</link>
		<comments>http://www.simonwhatley.co.uk/design-principles-the-philosophy-of-ux#comments</comments>
		<pubDate>Tue, 03 May 2011 13:33:21 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[modes of persuasion]]></category>
		<category><![CDATA[philosophy]]></category>
		<category><![CDATA[principles]]></category>
		<category><![CDATA[rhetorical triangle]]></category>
		<category><![CDATA[Whitney Hess]]></category>

		<guid isPermaLink="false">http://www.simonwhatley.co.uk/?p=4043</guid>
		<description><![CDATA[The visual principles of harmony, unity, contrast, emphasis, variety, balance, proportion, pattern and direction (and others) are widely recognised and practiced, even when they aren’t formally articulated. But creating a good design doesn’t automatically mean creating a good experience. In order for us to cultivate positive experiences for our users, we need to establish a set of guiding principles for experience design.]]></description>
			<content:encoded><![CDATA[<p>The visual principles of harmony, unity, contrast, emphasis, variety, balance, proportion, pattern and direction (and others) are widely recognised and practiced, even when they aren’t formally articulated. But creating a good design doesn’t automatically mean creating a good experience. In order for us to cultivate positive experiences for our users, we need to establish a set of guiding principles for experience design. Guiding principles are the broad philosophy or fundamental beliefs that steer an organisation, team or individual’s decision making, irrespective of the project goals, constraints, or resources. </p>
<p>In <a href="http://whitneyhess.com/blog/" title="Whitney Hess" target="_blank" rel="nofollow">Whitney Hess</a>&#8216; <em>Design Principles: The Philosophy of UX</em> presentation at <a href="http://aneventapart.com/2011/boston/" title="An Event Apart in Boston, 2011" target="_blank" rel="nofollow">An Event Apart in Boston, 2011</a>, she shared a universally-applicable set of experience design principles that we should all strive to follow, and will explore how you can create and use your own guiding principles to take your site or product to the next level. </p>
<p>Jeremy Keith provides a <a href="http://adactio.com/journal/4535/" title="Jeremy Keith's overview of Whitney Hess' Design Principles: The Philosophy of UX">handy overview from the talk</a> as does <a href="http://www.lukew.com/ff/entry.asp?1312" title="Luke Wroblewski's overview of Whitney Hess' Design Principles: The Philosophy of UX" target="_blank" rel="nofollow">Luke Wroblewski</a>, some of which is summarised below:</p>
<h2>Universal User Experience Principles</h2>
<ol>
<li><strong>Stay out of people’s way.</strong> The <a href="http://www.tumblr.com/" title="Tumblr homepage" target="_blank" rel="nofollow">Tumblr homepage</a> does this. You can find out more about Tumblr further down the page, but it doesn’t assume that’s what you want to have thrust in your face. Instead the primary content is all about getting started with Tumblr straight away.</li>
<li><strong>Create a hierarchy that matches people’s needs.</strong> This is about prioritisation. <a href="https://www.mint.com/" title="Mint.com" target="_blank" rel="nofollow">Mint.com</a> uses different font sizes to match the hierarchy of importance on its “ways to save” page. Give the most crucial elements the greatest prominence. Use hierarchy to help people process information.</li>
<li><strong>Limit distractions.</strong> Don’t put pregnancy test kits next to condoms. On the web, <a href="http://www.wanderfly.com/" title="Wanderfly" target="_blank" rel="nofollow">Wanderfly</a> does this right: one single path, completely self-contained. Multi-tasking is a myth. Let people focus on one task. Design for consecutive tasks, not concurrent.</li>
<li><strong>Provide strong information scent.</strong> <a href="http://www.quora.com/" title="Quora" target="_blank" rel="nofollow">Quora</a> does a great job at this with its suggested search options. It’s actively helping you choose the right one. People don’t like to guess haphazardly, they like to follow their nose.</li>
<li><strong>Provide signposts and cues.</strong> Labelling is important. The <a href="http://www.neimanmarcus.com/" title="Neiman Marcus" target="_blank" rel="nofollow">Neiman Marcus</a> e-commerce site does this right. It’s always clear where you are: the navigation is highlighted. You’d think that in 2011 this would be standard but you’d be surprised. Never let people get lost, especially on the web where there’s a limitless number of paths. Show people where they came from and where they’re going.</li>
<li><strong>Provide context.</strong> A sign that says &#8220;Back in 30 minutes&#8221; isn’t helpful if you’re in a hurry—you don’t know when the sign was put up. On the web, <a href="http://www.airbnb.com/" title="AirBnB" target="_blank" rel="nofollow">AirBnB</a> provides everything you need to know on a listing page, all in one place. It’s self-contained and everything is communicated up-front.</li>
<li><strong>Use constraints appropriately.</strong> Preventing error is a lot better than recovering from it. If you know there are restrictions ahead of time, stop people from going down that route in the first place.</li>
<li><strong>Make actions reversible.</strong> <a href="http://www.rememberthemilk.com/" title="Remember The Milk" target="_blank" rel="nofollow">Remember The Milk</a> provides an “undo?” link with almost every action. There’s no such thing as perfect design; people will make errors, so you should have a contingency plan. Undo is probably the most powerful control you can provide to people.</li>
<li><strong>Provide feedback.</strong> How do you know when you’re asthma inhaler is empty? You don’t. You won’t find out until the worst moment. On the Web, loading indicators provide useful feedback. Tell people that a task is underway. Design is a conversation, not a monologue.</li>
<li><strong>Make a good first impression.</strong> <a href="http://vimeo.com/" title="Vimeo" target="_blank" rel="nofollow">Vimeo</a> has one of the best first-time user experiences: &#8220;Welcome. You’re new, aren’t you?&#8221; Establish the rules, set expectations about the relationship you’re about to initiate on your site.</li>
</ol>
<p>The basis for all of these principles are Aristotle’s <a href="http://en.wikipedia.org/wiki/Modes_of_persuasion" title="Aristotle's modes of persuasion" target="_blank" rel="nofollow">modes of persuasion</a>: ethos (ethical appeal), pathos (emotional appeal) and logos (rational appeal)—the rhetorical triangle.</p>
<h2>Your Own Principles</h2>
<p>Are universal principles enough? Every product has its own goals. So you might need to create your own to guide you toward the right experience for your service. Companies like <a href="http://www.google.com/corporate/tenthings.html" title="Ten principles that contribute to a Googley user experience" target="_blank" rel="nofollow">Google</a>, <a href="http://www.facebook.com/principles.php" title="Facebook's principles">Facebook</a>, <a href="http://www.microsoft.com/about/corporatecitizenship/en-us/our-focus/operating-responsibly/windows-principles.aspx" title="Microsoft Window's principles" target="_blank" rel="nofollow">Microsoft</a>, and others have their own design principles. Without principles we don’t know what we are trying to achieve.</p>
<p>Remember, user experience is the establishment of a philosophy of how to treat people; help people make their lives better.</p>
<p><a href="http://www.slideshare.net/whitneyhess/design-principles-the-philosophy-of-ux" title="Slideshare: Design Principles - The Philosophy of UX" target="_blank" rel="nofollow">Whitney&#8217;s presentation</a> can be found on Slideshare.</p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.simonwhatley.co.uk/design-principles-the-philosophy-of-ux/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Dimensions of a Good Experience</title>
		<link>http://www.simonwhatley.co.uk/the-dimensions-of-a-good-experience</link>
		<comments>http://www.simonwhatley.co.uk/the-dimensions-of-a-good-experience#comments</comments>
		<pubDate>Wed, 06 Apr 2011 09:21:42 +0000</pubDate>
		<dc:creator>Simon</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Alexa Andrzejewski]]></category>
		<category><![CDATA[An Event Apart]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[desirable]]></category>
		<category><![CDATA[evaluation]]></category>
		<category><![CDATA[experience design]]></category>
		<category><![CDATA[Foodspotting]]></category>
		<category><![CDATA[Good City Form]]></category>
		<category><![CDATA[heuristics]]></category>
		<category><![CDATA[interactive experiences]]></category>
		<category><![CDATA[Kevin Lynch]]></category>
		<category><![CDATA[principles]]></category>
		<category><![CDATA[urban design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[usable]]></category>
		<category><![CDATA[useful]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://www.simonwhatley.co.uk/?p=3995</guid>
		<description><![CDATA[Good designs are useful, usable and desirable. But what is a good experience? While crafting the experience of her own startup, Foodspotting, Alexa Andrzejewski found answers in urban design. Asking the same question about urban experiences, Kevin Lynch, author of Good City Form, extracted a set of dimensions for evaluating experiences. By applying these principles to interactive experiences, you can identify what kind of experience you’re creating for users: Is it adaptable? Does it tell a story? Are there signs of life? You’ll leave with a set of guidelines that, unlike traditional heuristics, will enable you to evaluate the experiential qualities of your designs.]]></description>
			<content:encoded><![CDATA[<p>Good designs are useful, usable and desirable. But what is a good experience? While crafting the experience of her own startup, <a href="http://www.foodspotting.com/" title="Foodspotting" target="_blank" "rel="nofollow">Foodspotting</a>, <a href="http://flavors.me/ladylexy" title="Alexa Andrzejewski" target="_blank" rel="nofollow">Alexa Andrzejewski</a> found answers in urban design. Asking the same question about urban experiences, Kevin Lynch, author of <a href="http://www.amazon.com/Good-City-Form-Kevin-Lynch/dp/0262620464/" title="Kevin Lynch - Good City Form" target="_blank" rel="nofollow">Good City Form</a>, extracted a set of dimensions for evaluating experiences. By applying these principles to interactive experiences, you can identify what kind of experience you’re creating for users: Is it adaptable? Does it tell a story? Are there signs of life? You’ll leave with a set of guidelines that, unlike traditional heuristics, will enable you to evaluate the experiential qualities of your designs.</p>
<p>In her <em>The Dimensions of a Good Experience</em> presentation at <a href="http://aneventapart.com/2011/seattle/" title="An Event Apart in Seattle, 2011" target="_blank" rel="nofollow">An Event Apart in Seattle, 2011</a>, Andrzejewski shared ten principles from urban design that provide unique lenses for evaluating and thinking about mobile and Web user experience designs. </p>
<p>Luke Wroblewski provides a <a href="http://www.lukew.com/ff/entry.asp?1294" title="Luke Wroblewski's notes on Alexa Andrzejewski's The Dimensions of a Good Experience">handy overview from the talk</a>; my take on his overview is summarised below:</p>
<ol>
<li><strong>Sense of Meaning</strong> &#8212; Does the design tell a story? How is the form a reflection of its values? Can people read and understand the environment? Visual cues in the environment can communicate meaning. For example, there’s a lot of meaning in the way that Japanese signs are structured. This enables you to read the environment. What story are we trying to tell in our information architecture (<abbr title="information architecture">IA</abbr>) through its structural design?</li>
<li><strong>Sense of Place</strong> &#8212; Does the design leave a lasting impression on the user&#8217;s senses? Is it memorable [in a good way]? Focus on those key moments. What should they remember? What story do you want to tell the user and how can you use the language of design to reinforce that story? Show a user a home page that&#8217;s unfamiliar to them and ask if they understand the value of the product or service. How well are you communicating?</li>
<li><strong>Sense of Structure</strong> &#8212; Does the design afford the user a sense of structure? Can they understand that structure? Can the user create an accurate mental model of what they&#8217;re looking at? When things fit together, a user will feel comfortable and in control.</li>
<li><strong>Sense of Unfolding</strong> &#8212; Does the design get better the more a user explores? Are they &#8216;delighted&#8217; by the what&#8217;s unfolding before them? Is the first time experience tempered so as not to be overwhelming? How can you get the user to leave wanting more?</li>
<li><strong>Sense of Transparency</strong> &#8212; Does the design give a glimmer of what&#8217;s inside? This is not absolute as different groups demand different levels of transparency.</li>
<li><strong>Sense of Fit</strong> &#8212; Does the design anticipate and facilitate the desired needs of the user so that it makes them feel positive? Observe the user throughout the site. Find the drop-off points and fix them. Ask the users questions.</li>
<li><strong>Sense of Adaptability</strong> &#8212; Does the design afford the user the ability to adapt their surroundings to reach a more comfortable fit? Again, observe your users and learn from their adaptations.</li>
<li><strong>Sense of Access</strong> &#8212; Does the design provide a range of choices to the user? How much and what range of choices are presented to a user at any given time? Is it too many or too few? Carry out some A/B tests to find out.</li>
<li><strong>Sense of Responsibility</strong> &#8212; Does the design engender a <a href="/the-four-cs-of-community" title="The Four C's of Community">sense of community</a>, ownership and responsibility with/to your users? Holding people accountable will <a href="/keep-your-web-20-community-happy" title="Keep Your Community Happy">encourage good behaviour</a>. How can you increase your users&#8217; sense of responsibility to the community or website you&#8217;re trying to build?</li>
<li><strong>Sense of Certainty</strong> &#8212; Does the design promote trust? What are the systems of control? Do these reinforce trust? Does your website behave in predictable ways? This is particularly important if your users aren&#8217;t actually in control. Examine what makes your users anxious and mitigate against those anxieties. Make your users feel confident.</li>
</ol>
<p>You need to examine the user experience you&#8217;re creating through each of the lenses above. By doing so you will improve the experience for all your users.</p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-6475233631580417";
/* 468x60 Basic */
google_ad_slot = "7117418273";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.simonwhatley.co.uk/the-dimensions-of-a-good-experience/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

