<?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>Cennydd Bowles &#187; creativity</title>
	<atom:link href="http://www.cennydd.co.uk/category/creativity/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cennydd.co.uk</link>
	<description>Digital product designer and writer</description>
	<lastBuildDate>Mon, 30 Jan 2012 12:52:13 +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>Simple Harmonic Motion</title>
		<link>http://www.cennydd.co.uk/2011/simple-harmonic-motion/</link>
		<comments>http://www.cennydd.co.uk/2011/simple-harmonic-motion/#comments</comments>
		<pubDate>Wed, 22 Jun 2011 23:27:01 +0000</pubDate>
		<dc:creator>Cennydd Bowles</dc:creator>
				<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.cennydd.co.uk/?p=2754</guid>
		<description><![CDATA[Knowledge work is a pendulum. Think. Do. Think. Do. You can use other labels – act/reflect, execute/measure – but gravity is the same everywhere.]]></description>
			<content:encoded><![CDATA[<p>Knowledge work is a pendulum. Think. Do. Think. Do. You can use other labels – act/reflect, execute/measure – but gravity is the same everywhere.</p>
<p><img src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2011/06/think-do-1.png" alt="" title="Graph showing displacement of pendulum" width="450" height="200" class="aligncenter size-full wp-image-2755" /></p>
<p>Oscillation is a natural part of every system, of course, but let’s look closer. Here’s the speed at which a pendulum travels, superimposed on its motion.<br />
<aside>The mathematically-minded will recognise this as the modulus of the first derivative: |d(sin &theta;)/d&theta;|, i.e. |cos &theta;|.</aside>
<p><img src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2011/06/think-do-2.png" alt="" title="Graph showing speed of pendulum superimposed on its displacement" width="450" height="200" class="aligncenter size-full wp-image-2756" /></p>
<p>At the point of largest displacement &ndash; when you’re deepest in a particular phase &ndash; you’re actually at a standstill. Only when swinging from one phase to the other do you reach your top speed.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cennydd.co.uk/2011/simple-harmonic-motion/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The role of taste in design</title>
		<link>http://www.cennydd.co.uk/2011/the-role-of-taste-in-design/</link>
		<comments>http://www.cennydd.co.uk/2011/the-role-of-taste-in-design/#comments</comments>
		<pubDate>Sat, 05 Feb 2011 11:20:32 +0000</pubDate>
		<dc:creator>Cennydd Bowles</dc:creator>
				<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.cennydd.co.uk/?p=2513</guid>
		<description><![CDATA[My theory is that "taste" is simply the ability to draw on patterns and experience to help us choose better candidates for analysis.]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2011/02/bishops1.jpg" alt="Chess pieces - bishops" title="Chess pieces - bishops" width="540" height="351" class="aligncenter size-full wp-image-2567" /></p>
<p>While other teenagers chased the opposite sex and drank their parents’ cider, I played chess. <a href="http://en.wikipedia.org/wiki/Bobby_Fischer">Bobby Fischer</a> was my <a href="http://en.wikipedia.org/wiki/Holden_Caulfield">Holden Caulfield</a>; a gifted but flawed antihero. At university, my chess career dropped off as I caught up on the excitement I’d missed, but the mark was made, and I still play from time to time. I’ve even played a few Grandmasters, with little success.</p>
<p>Most people think that Grandmasters are stronger players because they “see further ahead”. It’s true that they examine branches of play more deeply than the average player, but the difference is slight. A couple of moves perhaps, but not enough to explain the gulf in skill.</p>
<p>Instead, the main difference is that strong players instinctively select good moves to analyse in the first place. Somehow, masters screen out bad moves without the need for deep analysis. Ask these players to explain this process and they struggle – all they can say is that they intuitively knew certain moves were more promising than others. It’s as if skilled players have developed “taste” for chess moves.</p>
<p>Psychologist <a href="http://en.wikipedia.org/wiki/Adriaan_de_Groot">Adriaan de Groot</a>’s studies show that the process of playing chess is more akin to the design process than to mathematical reasoning. Both chess and design revolve around visual memory and spatial reasoning. Both involve a phase of orientation, exploration, investigation and validation. And both have enormous branching factors. The permutations of design are limited only by constraints and imagination, while the number of chess games of just three moves each numbers over nine million. De Groot explains that the discernment showed by skilled players is closely related to pattern matching. Grandmasters are thought to have learned up to 100,000 chess patterns and moves, which helps them to develop a feel for the right move in the circumstances.</p>
<p>So what role does taste play in the design process? My theory is that, as in chess, &#8220;taste&#8221; is simply the ability to draw on patterns and experience to help us choose better candidates for analysis. As such, good taste improves efficiency. An experienced designer doesn&#8217;t waste time on clearly ineffective solutions: typographically poor designs, bad colour choice, or unusable interaction metaphors. It follows that taste is learned, not innate. Experience, exposure, and practice give us patterns that suggest which solutions might fit which problems.</p>
<p>There are, however, more cautionary interpretations. Some critics and philosophers contend that taste is merely an exercise in reinforcing social hierarchy: the upper class has taste, the middle class aspires to it, and the lower class lacks it. According to this theory, “taste” is a value judgment about what is beautiful, desirable and proper in the world. </p>
<p>This leads us to the troubling thought that perhaps professional designers perpetuate their existence by claiming that only they possess taste. To avoid this elitist trap, we must expose ourselves to variety in design. This means embracing the low brow with the aristocratic, the kitsch with the refined, the masculine and the feminine. We should let go of the notion that only a designer can produce a tasteful solution, and revel in the ingenuity of the hack and the quick fix.</p>
<p>Whatever the definition, taste alone isn’t sufficient for good design. Give a Grandmaster two hours to play a game and they’ll play substantially better than if you give them five minutes. Promising solutions must still be examined thoroughly.  This analysis – visual prediction, updating our approaches as we find flaws or learn more about the features of the problem – is the heart of the design process. Anyone who claims that taste alone justifies their design is misguided if not arrogant.</p>
<h3>Postscript</h3>
<p>Several years after graduation, I grew nostalgic for the tick of the chess clock and joined a local league. A strange thing had happened. My grade, the quantification of chess skill, had leapt from a mediocre 79 to a respectable 125 (1700 USCF, for American readers). Yet I’d not practised, kept up to date with opening theory, or played more than a handful of one-sided casual games. How, in ten years of lapsed play, had I become a better chess player?</p>
<p>Now I know. I became a designer.</p>
<p>Further reading: </p>
<ul>
<li><a href="http://www.inkblurt.com/2009/02/09/the-challenge-of-taste-in-design/">The Challenge of Taste in Design</a></li>
<li><a href="http://www.kickerstudio.com/blog/2010/11/style-in-interaction-design/">Style in Interaction Design</a></li>
<li><a href="http://www.graphpaper.com/2006/09-04_class-and-web-design-part-1-the-class-struggle">Class and Web Design</a></li>
<li>Photo credit: <a href="http://www.flickr.com/photos/76635893@N00/3194546971/">All Glass Photo</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.cennydd.co.uk/2011/the-role-of-taste-in-design/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Beauty in web design, part 3</title>
		<link>http://www.cennydd.co.uk/2010/beauty-in-web-design-part-3/</link>
		<comments>http://www.cennydd.co.uk/2010/beauty-in-web-design-part-3/#comments</comments>
		<pubDate>Sun, 21 Mar 2010 13:56:18 +0000</pubDate>
		<dc:creator>Cennydd Bowles</dc:creator>
				<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.cennydd.co.uk/?p=1965</guid>
		<description><![CDATA[Six principles to guide beautiful web design.]]></description>
			<content:encoded><![CDATA[<p><em>The final part of a 3-part essay, based on my presentation at <a href="http://www.sxsw.com/interactive">SXSW Interactive</a>.</em></p>
<p>In <a href="http://www.cennydd.co.uk/2010/beauty-in-web-design-part-1/">Part 1</a> we saw that the web presents an ideal vehicle for beauty, and in <a href="http://www.cennydd.co.uk/2010/beauty-in-web-design-part-2/">Part 2</a> I argued that beautiful design is <em>reflective</em>, exploring message and meaning. How can we use this knowledge to create beautiful websites?</p>
<h2>Making the web beautiful</h2>
<p><img class="big" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/webroof.jpg" alt="Meshlike roof of the British Museum" title="Meshlike roof of the British Museum" width="700" height="467" class="alignnone size-full wp-image-2045" /></p>
<p>We are certainly making progress, and perhaps I’m being harsh on a field still in its infancy. The web is only 7,000 days old, after all. Technological improvements such as new authoring tools, better screen resolutions, more bandwidth and technical convergence will free us to experiment. </p>
<p>We&#8217;re already seeing fresh visceral approaches courtesy of developments such as <a href="http://www.css3.info/">CSS3</a>, typographic tools like <a href="http://www.typekit.com">Typekit</a> and <a href="http://www.fontdeck.com">Fontdeck</a>, <a href="http://en.wikipedia.org/wiki/Canvas_element">Canvas</a> and <a href="http://www.w3.org/Graphics/SVG/"><abbr title="Scalable Vector Graphics">SVG</abbr></a>. Even the death of <a href="http://en.wikipedia.org/wiki/Web_colors#Web-safe_colors">web-safe colours</a> freed us to try new visceral design techniques. Better understanding of usability, better design patterns and better web education has also freed us to try new behavioural approaches, such as the horizontal, keyboard-driven navigation on <a href="http://www.thinkingforaliving.org/">Thinking For A Living</a>. It&#8217;s too early to know whether these paradigms will stick, but it&#8217;s heartening to see previously locked-in approaches challenged.</p>
<p>However, the key to creating beautiful websites that our users actually <em>love</em>, rather than merely tolerate, is to think at the reflective level.</p>
<h3>1. Get emotional</h3>
<p>Appealing to emotion is an important way to create reflective design. It means we must understand <em>people</em>, not merely user tasks. What makes them tick? What would they never dream of asking for? How can we improve their life beyond this one visit? The focus is therefore on experience, not just usability. These days I see calling a website &#8216;easy to use&#8217; as like praising a restaurant for serving edible food. It should be a given, not an exception.</p>
<p>One way to engender emotion is through stories – an area where what we patronisingly call ‘old media’ is streets ahead. Advertisers, writers and film makers have long known the power of narrative and created emotional content to reinforce their message. Content strategists in particular should therefore take centre stage in our quest for emotion, using not just text but other content types. Some of the most emotionally resonant content on the web today is photographic, such as <a href="http://www.pictorymag.com/">Pictory</a> or the <a href="http://www.boston.com/bigpicture/">Boston Globe Big Picture</a>.</p>
<h3>2. Think bigger</h3>
<p>User and business form the classic duality of design. We&#8217;re well accustomed to solving for the needs of both, making compromises and tradeoffs where appropriate. I now believe this model overlooks a third piece of the puzzle: <a href="http://www.adaptivepath.com/blog/2010/03/01/product-experience-goes-beyond-user-experience/">the ecosystem</a>. We should design systems that are good for the surrounding web and for society.</p>
<p>Many experienced designers already consider this intuitively through their work, but there’s benefit in explicitly considering these issues in our design process. Are we trying to make a genuine difference, or just churning out more wireframes to keep the client happy?</p>
<h3>3. Lead</h3>
<p>When did you last see a statue of a committee? The classics of design have typically been created by one person with strong vision and the technical and political skills required to execute upon it. In film, this is known as the <a href="http://en.wikipedia.org/wiki/Auteur_theory">auteur theory</a>: the director is regarded as the custodian of the creative vision and the final product is his or her realisation of it. At the least we need to appoint leaders who formulate and communicate a vision for the site.</p>
<p>Assuming leadership can be difficult in real business contexts and can foster problematic attitudes, but without strong leadership, clear vision and faithful execution, we have no hope of creating beauty.</p>
<h3>4. Think long term</h3>
<p>It’s relatively easy to make something viscerally attractive, but how can we maintain interest after the initial lust wears off? Just as in a romantic relationship, we should consider long-term seduction. The odd surprise can be rewarding, bringing joy in unexpected moments of the experience. By varying things we prevent over-familiarity and the contempt that this can breed.</p>
<p>Possible approaches include rewarding people who explore to deep areas of the system – a tactic frequently used by game designers – or something as simple as unannounced free shipping on your tenth order. <a href="http://www.google.com/logos/index.html">Google&#8217;s holiday logos</a> provide a real example of how the tiniest detail can keep users interested.</p>
<h3>5. Notice everyday beauty</h3>
<p>My mother, a retired teacher, told me recently of the ‘golden moment’ in education. It’s the point you always remember, when you discovered something and suddenly your worldview was shifted – that “one way valve to a new way of seeing” again. Educational theory suggests that to create golden moments, you must recognise them for yourself. So notice the world. Where’s the beauty around you?</p>
<p>As we previously discussed, there&#8217;s beauty all around us: art, writing, architecture, music, products, nature. We should breathe it in and learn from it. It may even be that inspiration lies close to home. Perhaps web standards specialists could take inspiration from developments in the Flash world, and vice versa. Maybe designers can be inspired by developers. We should be aware and scan the horizon to find our own golden moments.</p>
<h3>6. Be brave</h3>
<p>Finally, since reflective design is about meaning and message, we needn&#8217;t fear making statements. We should stand for something and convey ideals through our work: both ours and those of our clients. Surprisingly, the web design community seems reluctant to do this. At last year&#8217;s <a href="http://www.iasummit.org">IA Summit</a>, <a href="http://www.jjg.net">Jesse James Garrett</a> asked <a href="http://www.cennydd.co.uk/2009/ia-summit-days-2-and-3/">why there are no schools of UX thought</a>. Why indeed are there no major schools of web design thought? Our movements and sub-communities are, instead, almost entirely technique-driven. To me, it&#8217;s sad that we&#8217;re more interested in endlessly debating topics such as HTML5 v Flash, rather than exploring the important philosophical approaches that drive our work.</p>
<h2>Caveats</h2>
<p>There are of course some dangers to these approaches. The demands of client work mean we&#8217;d be unwise to blindly apply these rules, and there are some difficult questions left unanswered. The most important is whether beauty is always appropriate. I suspect not. When I’m filing a tax return, I don’t want the system to speak about who I am; I just want it to work. When getting the job done is more important than enjoying it, beauty is cruft. Better for designers to let the task and usability have priority.</p>
<p>Reflective design shouldn’t become dogma. Fortunately, when we take time to truly understand users and what they want, it soon becomes clear when it&#8217;s appropriate to strive for beauty in design.</p>
<h2>Hero design</h2>
<p>It would be easy to misinterpret our discussion of leadership and bravery and overestimate our authority. Designers aren&#8217;t heroes; instead we must serve our industry, our clients and our users faithfully, discarding ego. Too frequently, I see design that is more about impressing other designers than solving the problem and making the web better. There’s no beauty in hero design, only narcissism.</p>
<p>That said, I think web designers should appreciate that we can play an important role in society. We’re lucky enough to work on the coalface of the most exciting innovation of modern times. We’re on the brink of wonderful things. So yes, we’ve underachieved, but given the evolution of beauty and the tools now available to us, the web is an ideal vehicle for beautiful design. We&#8217;re the generation to turn that promise into action. </p>
<p>I hope in five years to look back on this essay and laugh. If we work hard, aim for reflective design, and believe in the power of the web, I’m convinced we can create our own beautiful design landmarks.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cennydd.co.uk/2010/beauty-in-web-design-part-3/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Beauty in web design, part 2</title>
		<link>http://www.cennydd.co.uk/2010/beauty-in-web-design-part-2/</link>
		<comments>http://www.cennydd.co.uk/2010/beauty-in-web-design-part-2/#comments</comments>
		<pubDate>Sun, 21 Mar 2010 05:49:51 +0000</pubDate>
		<dc:creator>Cennydd Bowles</dc:creator>
				<category><![CDATA[articles]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.cennydd.co.uk/?p=1962</guid>
		<description><![CDATA[Beauty comes in three forms: universal, sociocultural and subjective. To aim for it, we can employ three modes of design: visceral, behavioural and reflective.]]></description>
			<content:encoded><![CDATA[<p><em>The second part of a 3-part essay, based on my presentation at <a href="http://www.sxsw.com/interactive">SXSW Interactive</a>. </em></p>
<h2>Three types of beauty</h2>
<p>In <a href="http://www.cennydd.co.uk/2010/beauty-in-web-design-part-1/">Part 1</a> we saw that the web presents an ideal vehicle for beauty. But how will we know it when we see it? What is beauty anyway? I consider beauty to be presented in three main modes: universal, sociocultural and subjective.</p>
<h3>Universal beauty</h3>
<p><img class="alignleft size-full wp-image-1996" style="margin: 0 15px 10px 0;" title="averageness" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/averageness.jpg" alt="" width="250" height="334" />Universal beauty is based on timeless, globally accepted principles. It seems to hit at some innate response within us all, as demonstrated by the concept of human ‘averageness’. Here, we see a composite image of dozens of female faces created by <a href="http://www.faceresearch.org/">Face Research</a>. We might expect to see average attractiveness as a result, but this prototype is certainly more attractive than average. One theory is that prototypicality shows the mate has no defects and thus is likely to produce healthy offspring. Another theory claims that average faces are pleasing because the brain finds them easier to process. (Perhaps the average face is Plato’s ideal Form in the flesh).</p>
<p>Designing for universal beauty involves careful consideration of the fundamental aesthetic principles of design, such as <a href="http://en.wikipedia.org/wiki/Symmetry">symmetry</a>, <a href="http://en.wikipedia.org/wiki/Harmony">harmony</a>, the <a href="http://en.wikipedia.org/wiki/Rule_of_thirds">rule of thirds</a> and the <a href="http://en.wikipedia.org/wiki/Golden_ratio">golden ratio</a>.</p>
<h3>Sociocultural beauty</h3>
<p>Sociocultural beauty is governed by the preferences of a particular time or place. This is most clearly seen in sexual attitudes.</p>
<p><img class="big" title="rubensmodel" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/rubensmodel.jpg" alt="" width="700" height="428" /></p>
<p>Here we see <a href="http://www.peterpaulrubens.org/Venus-at-a-Mirror-c.-1615.html">Rubens’ Venus</a> and a modern runway model: a clear depiction of changing sociocultural attitudes to beauty.<br />
<aside>Please forgive these rather sexist examples. Since throughout history nothing has been studied for its beauty as much as the female form, it makes for clear illustration.</aside>
<p> However, there are more subtle examples: fashion, music trends and even philosophical interpretations of the world all go in and out of style, regardless of their inherent universal beauty.</p>
<h3>Subjective beauty</h3>
<p>Subjective beauty is the wholly personal encapsulation of one’s likes and dislikes. If you <a href="http://www.youtube.com/watch?v=2ImZTwYwCug">like big butts and cannot lie</a>, you’re merely exercising your right to a subjective opinion on beauty. While Rubens&#8217; work is reflective of the Baroque era, it also reveals his subjective preference for larger models.</p>
<p>These three types of beauty are hierarchical. Subjective beauty can overrule sociocultural beauty: we can individually find beauty in things that society considers out of fashion. Sociocultural beauty can in turn overrule universal beauty: universally beautiful things may simply not be <em>en vogue</em> in a particular time or place.</p>
<h2>Three modes of design</h2>
<p>So how can we design for these types of beauty? Don Norman&#8217;s book <a href="http://www.amazon.co.uk/gp/product/0465051367?ie=UTF8&amp;tag=cennybowleonu-21&amp;linkCode=as2&amp;camp=1634&amp;creative=19450&amp;creativeASIN=0465051367">Emotional Design</a> gives a deep exploration of the role of emotion &amp; beauty in design. Adapting an <a href="http://en.wikipedia.org/wiki/Attitude_%28psychology%29">established model of cognitive processing</a>, Norman claims design typically falls into one of three dominant modes.</p>
<h3>Visceral design</h3>
<p><img class="big" title="Visceral design - screenshot from Smashing Magazine" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/visceral.jpg" alt="Visceral design - screenshot from Smashing Magazine" width="700" height="525" /></p>
<p>Visceral design is aimed at our gut. We experience a visceral reaction when we bite into a sweet apple, see a stunning sunset or hear a harmonious chord – it&#8217;s entirely sensory, before the brain has a chance to shape the feeling. A positive visceral response is often called <em>attraction</em> – it’s what draws bees to flowers, or babies to a beautiful face.</p>
<p>To design for visceral response, we should concentrate on immediate properties of a system: <a href="http://en.wikipedia.org/wiki/Shape">shape</a>, <a href="http://en.wikipedia.org/wiki/Color">colour</a> and <a href="http://en.wikipedia.org/wiki/Configuration_%28geometry%29">form</a>. These can make the instant impact required for a visceral reaction – we know, for instance, that visceral response to a website can occur in fractions of a second.</p>
<p>Visceral design was an early frontier of exploration for the web, once the technology was sufficiently mature. This early landrush of artistic, highly visual sites was helped by the advent of visually-oriented authoring tools such as <a href="http://www.adobe.com/products/dreamweaver/">Dreamweaver</a>, which helped graphic specialists make the leap into the web arena with familiar <abbr title="user interfaces">UIs</abbr>.</p>
<p>It is easy to belittle visceral design as ‘eye candy’, but without this immediate attraction, sites struggle to succeed in other modes of design. That said, visceral design’s clear failing is that it rewards attraction over usability and real beauty. <a href="http://commandshift3.com/">Command-Shift-3</a>, which describes itself as the <a href="http://www.hotornot.com">HotOrNot</a> of web design, has all the depth of a wet T-shirt contest. Since we can’t use the sites it features, we must judge solely on aesthetics. Visceral sites often win awards (since awards are rarely concerned with use) and appear in those &lsquo;Top 20&rsquo; lists we all know and dread.</p>
<h3>Behavioural design</h3>
<p><img class="big" title="Behavioural design - example from Facebook.com" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/behavioural.jpg" alt="Behavioural design - example from Facebook.com" width="700" height="525" /></p>
<p>Behavioural design is concerned with use. Does the system work? Is it easy to perform my tasks? Does it sustain <a href="http://en.wikipedia.org/wiki/Flow_%28psychology%29">flow</a>, or make us suffer constant interruptions by not doing what we expect? To achieve successful behavioural design, we can call on our nearest ergonomist or usability specialist. She will ensure our design has appropriate dimensions, is well mapped to user mental models, is forgiving of improper use, sends <a href="http://www.jnd.org/dn.mss/affordances_and.html">clear messages about function</a>, and so on.</p>
<p>No one can deny that the web usability movement has been successful. However, understanding the user&#8217;s tasks and crafting a site around them isn&#8217;t sufficient to bring us genuine beauty. The reason is that behavioural design doesn’t always trump visceral design. Social psychologists have found, for instance, that women prefer prototypically attractive men (square jaws, broad shoulders etc) for one-night stands and flings, but they choose more feminine, ‘nicer’ men for commitment: the so-called “<a href="http://www.nytimes.com/2003/12/02/health/psychology/02CADS.html">cads and dads</a>” theory. This pattern is particularly pronounced at certain points of the female ovulation cycle. In short, we don’t always plump for reliability; sometimes we need something more exciting.</p>
<p>Perhaps the usability movement has created too many dads, and too few cads. Critics often claim it has &#8216;made the web boring&#8217; – and it&#8217;s true that, when misapplied, usability approaches can create very mediocre products. For a slightly daft example, look at the work of artists Vitaly Komar &amp; Alexander Melamid, who surveyed the musical preferences of the general public. They asked opinions on instrumentation, tempo, pitch, duration and lyrical subject and assembled these into two musical extremes: the Most Wanted Song and the Most Unwanted Song.</p>
<p>The <a href="http://www.wired.com/listening_post/2008/05/survey-produced/">Most Wanted Song</a> features a soft rock / R&amp;B sound, using well established instruments. To quote the artists, it creates “a musical work that will be unavoidably and uncontrollably liked by 72% of listeners”. Unsurprisingly, this crowdsourced composition, designed for maximum &#8216;ease of listening&#8217;, is anything but beautiful.<br />
<aside>The <a href="http://www.wired.com/listening_post/2008/04/a-scientific-at/">Most Unwanted Song</a> is 25 minutes long, veering wildly between extremes of loud &amp; quiet, fast &amp; slow, low &amp; high pitch. It also features the world’s most hated instruments: the accordion, bagpipe, banjo &amp; tuba, a rapping operatic soprano and a children’s choir. “Assuming no covariance, fewer than 200 individuals of the world’s total population would enjoy this piece.”</aside>
<p>Listening to The Most Wanted Song, we can almost understand why some people equate usability with tedium. While it can help our sites to become useful and profitable, it can&#8217;t make them beautiful. For that, we should aim at the third, most complex mode of design.</p>
<h3>Reflective design</h3>
<p>Reflective design reaches beyond visceral and behavioural design to look at message and meaning. It asks difficult questions. What does this system say about who I am? Does it improve my life? Am I glad I did it? These questions are subjective and complex, and our responses will vary with experience, personality, culture and even mood. But there are strong benefits to asking them. Successful reflective design makes us feel good: we show it off, tell others and repeat the experience. It can even change the way we think about things. In short, I believe that successful reflective design and beautiful design are one and the same.</p>
<p><img class="big" title="Reflective design - NextTime's Word Clock" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/reflective.jpg" alt="Reflective design - NextTime's Word Clock" width="700" height="525" /></p>
<p>Consider the <a href="http://www.nextime.nu/product_details.php?productId=71">Nextime Word Clock</a>. It&#8217;s made from two cylinders that rotate so that the time can be read from the face: “Five minutes to ten” or “It’s about four”. It&#8217;s less accurate than a cheap digital watch and hence less usable – and, while it looks good, it’s not as elegant as an analogue clock. But, to me, this clock is an excellent example of reflective design. Its accuracy is appropriate for the living room (do you really need to know the difference between 2:57 and 2:58?) and its unconventional design is a conversation starter. I see beauty in the concept, and the product says something about me. It&#8217;s for these reasons, rather than usability or attraction, that I count this clock as one of my favourite possessions.</p>
<p>Where usability focuses on behavioural design, reflective design is more the domain of user experience. It involves truly understanding what makes people tick and what makes them excited. It involves creating something meaningful that changes perceptions. Reflective design is a relatively recent focus on the web, which is perhaps why we’ve not yet created beautiful websites. But with sufficient focus on experience, I believe we will.</p>
<h2>Rate of change</h2>
<p><img class="alignleft size-full wp-image-2028" style="margin: 0 15px 5px 0;" title="&quot;Shearing layers&quot; concept from Stewart Brand's How Buildings Learn" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/shearinglayers-1.jpg" alt="&quot;Shearing layers&quot; concept from Stewart Brand's How Buildings Learn" width="250" height="250" /></p>
<p>These three modes of design – visceral, behavioural and reflective – move at different speeds, creating <a href="http://en.wikipedia.org/wiki/Shearing_layers">shearing layers</a> (familiar from Stewart Brand&#8217;s <a href="http://www.amazon.co.uk/gp/product/0753800500?ie=UTF8&#038;tag=cennybowleonu-21&#038;linkCode=as2&#038;camp=1634&#038;creative=19450&#038;creativeASIN=0753800500">How Buildings Learn</a>).</p>
<p>Visceral trends come and go in a matter of months. Top 20 trends are quickly dated, be they illustration, fat footers or any other <em>pattern du jour</em>. Behavioural innovation is slower. Interaction design patterns and de facto standards (search box in the top right, logo and link to homepage in top left) emerge over the course of years and require more traction and mass support to become established. Reflective design moves the slowest of all. This is best demonstrated by &#8216;movements&#8217; that define how we interact with the web – social media, the realtime web and so on – which take many years to emerge and stabilise.</p>
<p><em>Concluded in <a href="http://www.cennydd.co.uk/2010/beauty-in-web-design-part-3/">Beauty in web design, part 3</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cennydd.co.uk/2010/beauty-in-web-design-part-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Beauty in web design, part 1</title>
		<link>http://www.cennydd.co.uk/2010/beauty-in-web-design-part-1/</link>
		<comments>http://www.cennydd.co.uk/2010/beauty-in-web-design-part-1/#comments</comments>
		<pubDate>Sat, 20 Mar 2010 16:40:20 +0000</pubDate>
		<dc:creator>Cennydd Bowles</dc:creator>
				<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.cennydd.co.uk/?p=1956</guid>
		<description><![CDATA[Why have there been no beautiful design landmarks on the web? Is the web even suited for beauty?]]></description>
			<content:encoded><![CDATA[<p><em>The first part of a 3-part essay, based on my presentation at <a href="http://www.sxsw.com/interactive">SXSW Interactive</a>.</em></p>
<h2>The underachieving web</h2>
<p>I think we’re underachieving. And I’m not alone in that belief. Armin Vit’s <a href="http://www.underconsideration.com/speakup/archives/004033.html">Landmark websites, where art thou?</a> contended that the web design field has created nothing to rival the greats from other design fields, giving the examples of the NYC subway map, the Se7en titles and Paul Rand’s IBM logo. Jonathan Harris of <a href="http://www.wefeelfine.org/">WeFeelFine</a> fame infamously contended at Flash On The Beach that <a href="http://www.number27.org/beyondflash.html">there have been no masterpieces</a>.</p>
<p>These acts of criticism stung the community. &#8220;But the web has changed the world!&#8221; This protectionist instinct is understandable, but while the web has indeed shaped modern life, I agree with Vit and Harris. The web&#8217;s sum is substantially greater than its parts. No one site stands as a landmark of design. Looking at some likely candidates – <a href="http://www.google.com">Google</a>, <a href="http://www.amazon.co.uk">Amazon</a>, <a href="http://www.ebay.com">eBay</a>, <a href="http://www.facebook.com">Facebook</a> – we would all agree that they&#8217;ve changed how we interact with information, commerce and each other, but are they truly design classics or, instead, disruptive business models?</p>
<p>The web is full of cool, impressive and useful sites, but beauty is missing from modern web design. This is a surprise, given its prominence in other design fields.</p>
<p><img class="big" title="Ferrari example of beautiful automotive design" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/car.jpg" alt="Ferrari example of beautiful automotive design" width="700" height="439" /></p>
<p>Automotive design gives us beautiful cars that arouse passion and extraordinary desire. Product design also gives us 1954’s <a href="http://en.wikipedia.org/wiki/Fender_Stratocaster">Fender Stratocaster</a>, one of the most important cultural artifacts of the last century.</p>
<p><img class="big" title="Beijing National Stadium ("the Bird's Nest")" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/birdsnest.jpg" alt="Beijing National Stadium ("the Bird's Nest")" width="700" height="466" /></p>
<p>We see beauty in architecture, for example the <a href="http://en.wikipedia.org/wiki/Beijing_National_Stadium">Beijing National Stadium</a>, which inspired a city, a country and a global watching public in a way no website has.</p>
<p>In visual fields, Harry Beck’s beautiful 1933 <a href="http://en.wikipedia.org/wiki/Tube_map">Tube map</a> (which I’ll take over the NYC subway any day) clarified the complexity of the Underground through the metaphor of wiring. Not only is it a <a href="http://johnnyholland.org/2009/09/15/wayfinding-through-technology/">classic of wayfinding</a>, but it has become part of the collective consciousness and emotional fabric of the city.</p>
<p><img class="big" title="Charles Minard's map of the Napoleonic advance" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/minard-1.jpg" alt="Charles Minard's map of the Napoleonic advance" width="700" height="334" /></p>
<p>We also see a more chilling beauty in Charles Minard’s map of Napoleonic advance, made famous by Edward Tufte. The beige line represents the French army’s advance to Moscow; the black their ignominious retreat. The width of the line demonstrates the size of the army and hence the appalling human cost.</p>
<h2>The point of beauty</h2>
<p>But why focus on beauty? Why does it matter that other design fields lead the way? Because beauty affects us in profound ways, however we may try to resist.</p>
<p>Studies have shown, for instance, that attractive people are more likely to be acquitted by a jury. We transfer this lenience to content, as demonstrated in the <a href="http://www.archive.org/details/1960_kennedy-nixon_1">1960 Nixon-Kennedy presidential debates</a>. The radio audience believed Nixon to have won the debate, while the TV audience felt the more attractive Kennedy had the upper hand. Surprisingly, this isn’t a learned bias; it seems to be hard-wired, even seen in infants.</p>
<p><img class="alignleft size-full wp-image-1979" style="margin-right: 10px;" title="Apple's colourful iMacs demonstrate the aesthetic-usability effect" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/imac.jpg" alt="Apple's colourful iMacs demonstrate the aesthetic-usability effect" width="250" height="241" /> Beauty also makes things easier to use. Our brains literally work in a different way, becoming more flexible when using a thing of beauty. This is the <a href="http://www.markboulton.co.uk/journal/comments/aesthetic-usability-effect">aesthetic-usability effect</a>. Apple know the value of this effect more than most. The colour iMac heralded the first mainstream melding of beauty and hardware. When combined with the good user experience of the Mac OS, the iMac brought previously unengaged users to computing for the first time.</p>
<p>Beauty is also infectious. Because it makes us feel good, we naturally want to share it. Why do we put art on walls and take photos of sunsets? Because it allows us and others to relive the experience. This pattern of telling others about beautiful things is the cornerstone of loyalty and advocacy, powerful and much sought-after concepts.</p>
<p>But I believe the most powerful aspect of beauty is that it can change our perspective on the world. In the classic <a href="http://www.amazon.co.uk/gp/product/0750660775?ie=UTF8&#038;tag=cennybowleonu-21&#038;linkCode=as2&#038;camp=1634&#038;creative=19450&#038;creativeASIN=0750660775">How Designers Think</a>, architect and psychologist Bryan Lawson describes this as a “one way valve to a new way of seeing.” Not only could a beautiful web make our users happy, productive and loyal, but it could help to change the way the world thinks.</p>
<p>But can the web, an abstract, impermanent and functional medium, truly be beautiful? Let’s answer that by looking at a common vehicle for beauty: art.</p>
<h2>The evolution of beauty</h2>
<p><img class="big" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/romanstatue.jpg" alt="Roman Statue c.100BC, unknown artist" title="Roman Statue c.100BC, unknown artist" width="700" height="525" class="alignnone size-full wp-image-1983" /></p>
<p>In Greek and Roman times, art (and the ideals of beauty it contained) was <em>mimetic</em>: that is, intended to mimic and replicate nature. This is consistent with the philosophy of the day. Plato’s <a href="http://en.wikipedia.org/wiki/Theory_of_Forms">Theory of Forms</a> proposed that there exists one idealised, perfect instance of everything in the world – the perfect cow, the perfect grape – that exists on a plane that none can see. With beauty resident only in these ideal forms, art and sculpture were a means to study them. Every (literally) chiselled jaw is an exploration of the heavenly ideal. It&#8217;s from the Roman era that the word ‘art’ originates, tellingly coming from the Latin <em>ars</em>, meaning &#8216;skill&#8217;.</p>
<p><img class="big" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/david.jpg" alt="Michaelangelo's David, 1504" title="Michaelangelo's David, 1504" width="701" height="438" class="alignnone size-full wp-image-1984" /></p>
<p>This style continued into Renaissance times; but while religious influence continued the thought that beauty exists in a heavenly plane, the Renaissance also introduced the earliest stirrings of humanism. From this point, beauty became apparent in things that mankind created.</p>
<p><img class="big" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/turner.jpg" alt="JMW Turner - The Fighting Temeraire, 1839" title="JMW Turner - The Fighting Temeraire, 1839" width="700" height="511" class="alignnone size-full wp-image-1986" /></p>
<p>As we advance into the Romantic era, art is no longer literal. Representation becomes central. Turner’s 1839 <em>The Fighting Temeraire</em> is beautiful but not accurate. Instead, the viewer finds joy in the colours and emotive qualities of both the scene and the meaning. This abandonment of the literal was catalysed by 19th century technology. The invention of the <a href="http://en.wikipedia.org/wiki/Daguerreotype">daguerrotype</a>, the microphone, and the printing press some centuries previous, allowed reality to be easily replicated for the first time.</p>
<p><img class="big" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/fountain.jpg" alt="Marcel Duchamp - Fountain, 1917" title="Marcel Duchamp - Fountain, 1917" width="700" height="467" class="alignnone size-full wp-image-1987" /></p>
<p>As we move into the modern era, art takes a jarring yet consistent turn. Duchamp’s concept of <a href="http://en.wikipedia.org/wiki/Found_art">objets trouvés</a> (such as <a href="http://en.wikipedia.org/wiki/Fountain_%28Duchamp%29">Fountain</a>) mean anything can have artistic meaning in the right context. Subjectivity dominates: it’s beautiful if you find it beautiful.</p>
<p><img class="big" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/emintent.jpg" alt="Tracey Emin - Everyone I Have Ever Slept With 1963-1995" title="Tracey Emin - Everyone I Have Ever Slept With 1963-1995" width="700" height="478" class="alignnone size-full wp-image-1989" /></p>
<p>Contemporary conceptual art now sees execution as secondary. Beauty lies within the thought, while the artifact itself can be banal and everyday. <a href="http://en.wikipedia.org/wiki/Tracey_Emin">Tracey Emin</a>’s <em>Everyone I Have Ever Slept With 1963-1995</em> stitched the names of former lovers, friends and unborn children into the fabric of a cheap tent. Damien Hirst’s diamond-encrusted skull (<a href="http://en.wikipedia.org/wiki/For_the_love_of_god">For The Love Of God</a>) was made by technicians and interns: Hirst himself was director and project manager only. Duchamp himself permitted several replicas of his work. The idea is all.</p>
<p><img class="big" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2010/03/shedboatshed.jpg" alt="Simon Starling - Shedboatshed (Mobile Architecture No. 2) 2005" title="Simon Starling - Shedboatshed (Mobile Architecture No. 2) 2005" width="700" height="462" class="alignnone size-full wp-image-1990" /></p>
<p>Finally, we can examine installation art, designed for a specific space and a specific duration. It is by its nature temporary, and often interactive. <a href="http://news.bbc.co.uk/1/hi/entertainment/4492650.stm">2005 Turner Prize winner</a> <em>ShedBoatShed (Mobile Architecture No. 2)</em> was disassembled and reconstructed as a boat and sailed down a river. Tate Modern’s helter skelter ‘<a href="http://arts.guardian.co.uk/flash/page/0,,1891219,00.html">Test Site</a>’ created enormous school holiday queues. Is it art? You choose.<br />
<aside>To my mind, the answer to &#8220;But is it art?&#8221; is always “yes”.</aside>
<p> Classification aside, it’s certain that many people find this work powerful.</p>
<p>So our understanding of beauty has broadened and shifted. Beautiful things can be abstract, temporary, duplicate and interactive. </p>
<p>The web is all of these.</p>
<p><em>Continued in <a href="http://www.cennydd.co.uk/2010/beauty-in-web-design-part-2/">Beauty in web design, part 2</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cennydd.co.uk/2010/beauty-in-web-design-part-1/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>The angst of the user experience designer</title>
		<link>http://www.cennydd.co.uk/2009/angst-of-the-user-experience-designer/</link>
		<comments>http://www.cennydd.co.uk/2009/angst-of-the-user-experience-designer/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 22:23:24 +0000</pubDate>
		<dc:creator>Cennydd Bowles</dc:creator>
				<category><![CDATA[creativity]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.cennydd.co.uk/?p=1101</guid>
		<description><![CDATA[My work is used by millions. When the thought first struck the numbers were lower, but I was stunned. I quickly surmised the only way I could retain objectivity and impartiality was to bury this thought, but it wouldn&#8217;t leave me alone. I&#8217;m hoping that I can now make sense of it by voicing it. [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-1127" title="Crowds, licensed under Creative Commons by www.flickr.com/hddod" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2009/07/crowds1.jpg" alt="Crowds, (cc) flickr.com/hddod" width="525" /></p>
<p>My work is used by millions.</p>
<p>When the thought first struck the numbers were lower, but I was stunned. I quickly surmised the only way I could retain objectivity and impartiality was to bury this thought, but it wouldn&#8217;t leave me alone. I&#8217;m hoping that I can now make sense of it by voicing it.</p>
<p>Of course the scale of the web excites me; I&#8217;m delighted and humbled that my work can communicate with so many people. Very few roles have such scale. Architecture, perhaps. Journalism. Politics too, although I&#8217;m hardly comfortable with that comparison. </p>
<p>While I admit that it&#8217;s something of an egocentric thrill, I&#8217;m no household name and nor do I wish to be. Web design is far less important than, say, teaching or healthcare. What matters more to me is that I do great work, and having a large canvas provides me with fascinating ways to achieve this.</p>
<p>However, while the web makes it easier for one person to reach millions, it doesn&#8217;t make the relationship easier to comprehend. My excitement is tempered by vertiginous apprehension. From these millions, there will be thousands who love my work. There will also be thousands who hate it: people who relied on the old site, who appreciated a section I removed, whose needs I&#8217;ve overlooked in the hurry to get the job done.</p>
<p>With such scale, these users are anonymous to me, just as I am to them. While I work hard to understand them and design to support their needs, there&#8217;s no way I can know I&#8217;ve improved things for an individual user. I hope I&#8217;ve done right by them. </p>
<p>The angst of the user experience designer.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cennydd.co.uk/2009/angst-of-the-user-experience-designer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blank canvas</title>
		<link>http://www.cennydd.co.uk/2009/blank-canvas/</link>
		<comments>http://www.cennydd.co.uk/2009/blank-canvas/#comments</comments>
		<pubDate>Wed, 08 Jul 2009 08:56:03 +0000</pubDate>
		<dc:creator>Cennydd Bowles</dc:creator>
				<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.cennydd.co.uk/?p=1109</guid>
		<description><![CDATA[We&#8217;ve been busy. Not only have we taken on &#8216;leftie number nine, but we&#8217;ve also moved into larger studio. Obviously this means higher overheads, which takes careful thought in the middle of a recession, but it also means (amongst other things) we finally have wall space. A blank wall is an invitation to a designer. [...]]]></description>
			<content:encoded><![CDATA[<p><a title="New Clearleft office by Cennydd, on Flickr" href="http://www.flickr.com/photos/cennydd/3694427655/"><img class="alignleft" style="margin-right: 10px;" src="http://farm3.static.flickr.com/2667/3694427655_ea7691b8fd.jpg" alt="New Clearleft office" width="240" height="320" /></a>We&#8217;ve been busy. Not only have we taken on <a href="http://paulrobertlloyd.com/2009/06/clearleft">&#8216;leftie number nine</a>, but we&#8217;ve also moved into larger studio. Obviously this means higher overheads, which takes careful thought in the middle of a recession, but it also means (amongst other things) we finally have wall space.</p>
<p>A blank wall is an invitation to a designer. As soon as the paint dries, I&#8217;m sure we&#8217;ll drown in post it notes and poorly-taped flipchart sheets. Heated debates will be held at the sharp end of a marker pen. The war room of my most recent project featured 20&#8242; of whiteboard, which became a great way to sketch and walk through design concepts before stepping into prototyping. Drawing on the walls has thus become a minor fetish. It&#8217;s highly visible, and thus brilliantly suited to critique. It keeps you moving and alert, rather than immobile in your chair. And it also has the marvellous appeal of finally being able to do something you never could as a kid.</p>
<p>I hope to to share some of our scribblings in due course.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cennydd.co.uk/2009/blank-canvas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why &#8220;best practice&#8221; must die</title>
		<link>http://www.cennydd.co.uk/2009/why-best-practice-must-die/</link>
		<comments>http://www.cennydd.co.uk/2009/why-best-practice-must-die/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 09:21:48 +0000</pubDate>
		<dc:creator>Cennydd Bowles</dc:creator>
				<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.cennydd.co.uk/?p=263</guid>
		<description><![CDATA[Anyone who&#8217;s worked in the web is aware of the &#8220;best practice&#8221; cult. To me, it&#8217;s a lazy creed that exhorts us to switch off and plunder others&#8217; work, and the time has come to rebel. Firstly, there&#8217;s the pure language involved. &#8220;Best&#8221; implies something that cannot be improved upon. A world of best practice [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/monkeyc/121594837/"><img class="alignleft size-full wp-image-712" style="margin-right: 10px;" title="Traffic light showing red" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2009/02/121594837_1fab58cab7_m.jpg" alt="Traffic light showing red" width="240" height="166" /></a>Anyone who&#8217;s worked in the web is aware of the &#8220;best practice&#8221; cult. To me, it&#8217;s a lazy creed that exhorts us to switch off and plunder others&#8217; work, and the time has come to rebel.</p>
<p>Firstly, there&#8217;s the pure language involved. &#8220;Best&#8221; implies something that cannot be improved upon. A world of best practice gives us creationism, chariots, and gramophones. It negates progress.</p>
<p>There&#8217;s also a more sinister side, which is when it&#8217;s wheeled out as an argument in design projects that are heading off the rails:</p>
<blockquote><p>&#8220;Ah, but that&#8217;s not how eBay do it&#8221;.</p></blockquote>
<p>The unspoken implication is that eBay know better than I, and therefore I should defer to their wisdom. It&#8217;s an argument that I find misguided more than insulting. The web runs on the basis of meritocracy in a way that many other industries cannot. &#8220;That&#8217;s not how eBay do it&#8221; is industrial, corporate thinking, entirely irrelevant to the 21st century. For the truth is that large companies often don&#8217;t have a clue about design. One&#8217;s skill and knowledge are entirely independent of the size of your employer: I&#8217;m confident I know as much about my profession as the employees at any large company.</p>
<p>The best practice trump card also fails because it doesn&#8217;t understand the nature of practical design. It&#8217;s not a transferable commodity: you can&#8217;t just screw a design solution into place. Good design must be appropriate and relevant to the particular problem. The factors involved—technological, strategic, sociological—are far too complex and variable for a plug and play approach. To say &#8220;Well, a dropdown worked here…&#8221; is to ignore factors that can actually work in your favour. A company that rejects the easy route and takes the time to understand technology, strategy and users can offer designs that makes it stand out from the rest.</p>
<p>I&#8217;m not advocating isolating oneself from the surrounding environment. For instance, at <a href="http://www.clearleft.com">Clearleft</a>, we regularly perform competitor analysis at the start of a project. It&#8217;s useful to see where others&#8217; strengths and weaknesses lie, and helps us understand the landscape. However, not once has it given me the answer to a design problem. That always comes later, with thought, with detail, and after many failed attempts.</p>
<p>So let&#8217;s not allow the enforced limitation and unvoiced threats of &#8220;best practice&#8221; to pollute our thinking. It&#8217;s harder work, sure, but standing out and being better always is.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cennydd.co.uk/2009/why-best-practice-must-die/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Why is technology so dull?</title>
		<link>http://www.cennydd.co.uk/2008/why-is-technology-so-dull/</link>
		<comments>http://www.cennydd.co.uk/2008/why-is-technology-so-dull/#comments</comments>
		<pubDate>Thu, 30 Oct 2008 23:03:00 +0000</pubDate>
		<dc:creator>Cennydd Bowles</dc:creator>
				<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://www.cennydd.co.uk/?p=413</guid>
		<description><![CDATA[The concept of personality has us hooked; just look at Cosmo quizzes and the thousands of online personality tests. And rightly so: it&#8217;s something that has profound effects on our friendships, love lives (that old “she&#8217;s got a nice personality” chestnut) and careers. For instance, Bruce Tognazzini claims that designers must have an ‘N’ in [...]]]></description>
			<content:encoded><![CDATA[<p>The concept of personality has us hooked; just look at Cosmo quizzes and the thousands of online personality tests. And rightly so: it&#8217;s something that has profound effects on our friendships, love lives (that old “she&#8217;s got a nice personality” chestnut) and careers. For instance, Bruce Tognazzini claims that designers <strong>must</strong> have an ‘N’ in their <a href="http://en.wikipedia.org/wiki/Myers-Briggs_Type_Indicator">MBTI</a>, one of the slightly less dubious profiling tools. (I actually agree with him on this. I&#8217;m an <a href="http://typelogic.com/intj.html">INTJ</a> myself.)</p>
<p>However, we&#8217;re also a little infatuated with personality, and often assume that someone&#8217;s actions are caused by the ‘type’ of person they are, while ignoring the social and environmental forces that influence them (the <a href="http://en.wikipedia.org/wiki/Fundamental_attribution_error">fundamental attribution error</a>). In reality, personality is <em>always</em> framed and affected by the world around us, meaning behaviour can be quite variable. Just because someone&#8217;s angry once, it doesn&#8217;t necessarily mean they&#8217;re an angry person. We have to work backwards, interpolating someone&#8217;s underlying personality from several observations of their behaviour. You can&#8217;t really get to know someone from a minute in their company.</p>
<p><img class="alignleft" style="margin-right: 6px;" title="Cardiff City away end" src="http://farm4.static.flickr.com/3174/2978674981_f6f4840951_m.jpg" alt="" width="240" height="180" />For instance, at a football match, I drink, swear, and slip into a latent Welsh accent. This is no surprise—my environment almost demands it of me, since I’m surrounded by drunken, sweary Welshmen. But you’ll find me behave very differently in bed with a girl, going through airport security, or talking to my Nan. This behavioural variance is part of being human and people who lack it are deemed to be boring. If you behave the same in a nightclub as in a library, you won&#8217;t be invited out again.</p>
<p>Constrast this with technology, which behaves in a very rigid manner—the same in all environments. I think it&#8217;s time to make technology more interesting by introducing some mild behavioural variance. Sampled over a few readings, we can then start to form an opinion about the underlying personality, which is where we make those emotional connections.</p>
<p>Clearly we can&#8217;t go too far. Some behavioural consistency is essential for usability, and some devices are better suited to quirkiness than others. However, the dead zero we&#8217;re at now is clinical and drab.</p>
<p>Fortunately, we have the jigsaw pieces we need to imbue technology with personality. We just need to put them together. As mentioned above, behavioural variance generally comes from environmental influence. This meshes nicely with technology&#8217;s increasing context-awareness. Bluetooth, <abbr title="Radio-frequency Identification">RFID</abbr>, <abbr title="Application Programming Interfaces">APIs</abbr>, accelerometers, spimes etc, common geek parlance, all refer to ways technology is becoming more aware of itself, other technologies and us. But it doesn&#8217;t need to be this esoteric. Glade recently released <a href="http://www.tellyads.com/show_movie.php?filename=TA7105">a quite silly air freshener</a> that only activates in the presence of a human.</p>
<p>The concept of an emotional response to technology isn&#8217;t new, by any means. For example, the <a href="http://en.wikipedia.org/wiki/Uncanny_Valley">uncanny valley</a>:</p>
<p style="text-align: center;"><img class="size-medium wp-image-427 aligncenter" title="uncanny-valley" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2008/10/uncanny-valley-300x234.png" alt="" width="300" height="234" /></p>
<p>I happen to think the uncanny valley is bullshit, but I challenge anyone to watch the following and not be slightly saddened:</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/pQUCd4SbgM0&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/pQUCd4SbgM0&amp;hl=en&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>So let&#8217;s imagine an operating system that sees you’ve split up with your girlfriend and says sorry. A program that knows you were out drinking last night and therefore uses muted colours and suggests you take frequent breaks. A mobile that loves going on rollercoasters.</p>
<p>This could be so much more fun. And the exciting part is I don&#8217;t think it&#8217;s too far out of our reach—for starters, we already give out plenty of these informational cues (knowingly or not):</p>
<p style="text-align: center;"><img class="size-full wp-image-415 alignleft" title="Alton Towers on Google Map" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2008/10/rollercoaster.jpg" alt="" width="264" height="267" /><img class="size-full wp-image-416 alignleft" title="iPhone weather app" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2008/10/weather.jpg" alt="" width="179" height="267" /></p>
<p><img class="size-full wp-image-414 alignnone" title="Facebook engagement" src="http://www.cennydd.co.uk/wordpress/wp-content/uploads/2008/10/fbengaged.jpg" alt="" width="360" height="44" /><br />
Ultimately what we’re aiming for is intelligence (or at least pretence thereof) in technology. In the words of <a href="http://en.wikipedia.org/wiki/Jean_Piaget">Piaget</a>, “intelligence is the ability of an organism to adapt to a change”. I think behavioural variance is a perfect example of this adaptation, and for that reason I think we shouldn’t be scared of giving our future technology a personality of its own.</p>
<p><em>Based on my lightning talk “A rainy day, lost luggage and tangled Christmas tree lights” given at <a href="http://upcoming.yahoo.com/event/1259187">Skillswap On Speed</a>, 29 Oct.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cennydd.co.uk/2008/why-is-technology-so-dull/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Beauty in web design</title>
		<link>http://www.cennydd.co.uk/2008/beauty-in-web-design/</link>
		<comments>http://www.cennydd.co.uk/2008/beauty-in-web-design/#comments</comments>
		<pubDate>Fri, 03 Oct 2008 17:01:29 +0000</pubDate>
		<dc:creator>Cennydd Bowles</dc:creator>
				<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.cennydd.co.uk/?p=322</guid>
		<description><![CDATA[Just found out that the video of my talk at Reboot in Copenhagen has been posted to the conference site: Slides themselves are on Slideshare, albeit with some minor font inconsistencies. It&#8217;s also worth checking out Andy&#8217;s session on the user experience curve, and I particularly enjoyed Eric Reiss talking about e-service. Be great to [...]]]></description>
			<content:encoded><![CDATA[<p>Just found out that the video of my talk at <a href="http://www.reboot.dk/">Reboot</a> in Copenhagen has been posted to the conference site:</p>
<p style="text-align: center;"><embed id="mediaplayer" width="480" height="380" flashvars="width=480&#038;height=380&#038;file=http://www.archive.org/download/cynnedbowles/cynnedbowles.mp4" allowfullscreen="true" quality="high" name="mediaplayer" style="" src="http://fast.mediamatic.nl/f/wgml/library/embed/mediaplayer.swf" type="application/x-shockwave-flash"/></p>
<p>Slides themselves are on <a href="http://www.slideshare.net/Cennydd/beauty-in-web-design">Slideshare</a>, albeit with some minor font inconsistencies. It&#8217;s also worth checking out Andy&#8217;s session on <a href="http://www.reboot.dk/artefact-6222-en.html">the user experience curve</a>, and I particularly enjoyed Eric Reiss <a href="http://www.reboot.dk/artefact-6205-en.html">talking about e-service</a>. Be great to hear any comments.</p>
<p><strong>Edit: I&#8217;ve now updated this presentation for SXSW 2010 and written it up into three detailed articles. See <a href="http://www.cennydd.co.uk/2010/beauty-in-web-design-part-1/">Beauty in web design, part 1</a>.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cennydd.co.uk/2008/beauty-in-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.archive.org/download/cynnedbowles/cynnedbowles.mp4" length="86174234" type="video/mp4" />
		</item>
	</channel>
</rss>

