<?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>Consilience Media &#187; Design</title>
	<atom:link href="http://www.consil.co.uk/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.consil.co.uk</link>
	<description></description>
	<lastBuildDate>Thu, 12 Jan 2012 12:03:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Google tooltips</title>
		<link>http://www.consil.co.uk/blog/2010/10/27/google-tooltips/</link>
		<comments>http://www.consil.co.uk/blog/2010/10/27/google-tooltips/#comments</comments>
		<pubDate>Wed, 27 Oct 2010 18:59:33 +0000</pubDate>
		<dc:creator>Phill Brown</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://www.consil.co.uk/blog/?p=792</guid>
		<description><![CDATA[As one of Google&#8217;s randomly selected usablity testers, I get to see a lot of upcoming developments before they&#8217;re released. Google&#8217;s latest feature is a preview tooltip of each website. Looks like their screengrab tool doesn&#8217;t render HTML canvas properly, as shown by the missing text on Siteroom. It also highlights where Google gets its snippet text from:]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-798" src="http://www.consil.co.uk/files/2010/10/google-hover1.jpg" alt="Google preview tooltip" width="520" height="400" /></p>
<p>As one of Google&#8217;s randomly selected usablity testers, I get to see a lot of upcoming developments before they&#8217;re released.</p>
<p>Google&#8217;s latest feature is a <strong>preview tooltip</strong> of each website. Looks like their screengrab tool doesn&#8217;t render HTML canvas properly, as shown by the missing text on <a href="http://www.siteroom.co.uk/">Siteroom</a>. It also highlights where Google gets its snippet text from:</p>
<p><img class="alignnone size-full wp-image-796" src="http://www.consil.co.uk/files/2010/10/google-hover-iema.jpg" alt="Google tootip snippet" width="520" height="400" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.consil.co.uk/blog/2010/10/27/google-tooltips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shortlisted for an award!</title>
		<link>http://www.consil.co.uk/blog/2010/10/01/shortlisted-for-an-award/</link>
		<comments>http://www.consil.co.uk/blog/2010/10/01/shortlisted-for-an-award/#comments</comments>
		<pubDate>Fri, 01 Oct 2010 09:58:10 +0000</pubDate>
		<dc:creator>Phill Brown</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[awards]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[brochure]]></category>
		<category><![CDATA[cookbook]]></category>
		<category><![CDATA[desktop publishing]]></category>
		<category><![CDATA[mouth cancer]]></category>
		<category><![CDATA[oncology]]></category>
		<category><![CDATA[publishing]]></category>
		<category><![CDATA[Tyneside]]></category>
		<category><![CDATA[Whitley Bay]]></category>

		<guid isPermaLink="false">http://www.consil.co.uk/blog/?p=776</guid>
		<description><![CDATA[We’re proud to announce that a cookbook we designed, copy-edited and printed on behalf of the Mouth Cancer Foundation has been shortlisted in the prestigious Pfizer 2010 Excellence in Oncology awards. ]]></description>
			<content:encoded><![CDATA[<p><a href="http://easytoswallowcookbook.wordpress.com/"><img class="alignright" src="http://easytoswallowcookbook.wordpress.com/files/2009/11/easy-to-swallow-cookbook-cover-300px.jpg?w=300&amp;h=388" alt="Brenda's Easy-to-swallow cookbook" width="300" height="388" /></a>We’re proud to announce that a cookbook we designed, copy-edited and printed on behalf of the Mouth Cancer Foundation has been shortlisted in the <em>Best Charitable Initiative in Oncology</em> category in the prestigious <a title="Excellence in Oncology" href="http://www.excellenceinoncology.org/"><em>Pfizer 2010 Excellence in Oncology awards</em></a>.</p>
<p>‘Brenda’s Easy-to-swallow cookbook’ has a deep personal connection – it was written by my late mother, Brenda Brady, who suffered from mouth cancer for over four years. An <a title="Brenda's justgiving page" href="http://www.justgiving.com/brendabrady">active fundraiser</a>, she collated the recipes from fellow sufferers, and celebrity chefs including Rick Stein and Nigella Lawson. Also included are tips for and from mouth cancer sufferers – many of whom have trouble eating (hence the title and purpose of the book).</p>
<p>So far the book has sold over 500 copies, about which we’re very  pleased. Although most cookbooks have gone to recipients in the UK,  they’ve also been delivered to addresses in the US, Canada, Australia  and Scandinavia!</p>
<p>Copies can be ordered from the <a title="order a copy" href="http://www.rdoc.org.uk/cookbook-recipes-foods-for-cancer-patients.html">Mouth Cancer Foundation website</a></p>
<p>I know my mum would have been over the moon about this nomination, and it&#8217;s a great legacy to her memory.</p>
<p>The awards ceremony is on Tuesday 9 November – wish us luck!</p>
<p><img class="alignleft" src="http://easytoswallowcookbook.files.wordpress.com/2009/11/easy-to-swallow-cookbook-finished-book-lores-005.jpg" alt="Easy-to-swallow cookbook" width="504" height="336" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.consil.co.uk/blog/2010/10/01/shortlisted-for-an-award/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Siteroom in the press!</title>
		<link>http://www.consil.co.uk/blog/2010/09/28/siteroom-in-the-press/</link>
		<comments>http://www.consil.co.uk/blog/2010/09/28/siteroom-in-the-press/#comments</comments>
		<pubDate>Tue, 28 Sep 2010 12:32:59 +0000</pubDate>
		<dc:creator>Phill Brown</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[PR]]></category>
		<category><![CDATA[promotion]]></category>
		<category><![CDATA[small business]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://www.consil.co.uk/blog/?p=767</guid>
		<description><![CDATA[Last week Siteroom were the lead story in the business section of Newcastle's newspaper, 'The Journal'!]]></description>
			<content:encoded><![CDATA[<p>Last week we were the lead story in the business section of Newcastle&#8217;s newspaper, &#8216;The Journal&#8217;, with coverage of how our Siteroom website is helping vocal coach <a title="Em Whitfield Brooks' site" href="http://www.emwhitfieldbrooks.com/">Em Whitfield Brooks</a> to promote her talents and win new business. We like good news, and we like <a title="Here's some we made earlier" href="http://www.siteroom.co.uk/case-studies/">showing off our work for our clients</a> too! <img src='http://www.consil.co.uk/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a title="Siteroom in Newcastle's 'The Journal' with the success of Em Whitfield Brooks' site by DanBrady, on Flickr" href="http://www.flickr.com/photos/djbrady/4995497768/"><img src="http://farm5.static.flickr.com/4153/4995497768_58ab85667c.jpg" alt="Siteroom in Newcastle's 'The Journal' with the success of Em Whitfield Brooks' site" width="500" height="334" /></a></p>
<p><a title="Siteroom in the Journal" href="http://www.nebusiness.co.uk/business-news/latest-business-news/2010/09/16/room-for-expansion-at-design-firm-siteroom-51140-27276492/">You can read the story online here</a></p>
<p><a title="Em Whitfield Brooks' site" href="http://www.emwhitfieldbrooks.com/">Visit Em&#8217;s site<br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.consil.co.uk/blog/2010/09/28/siteroom-in-the-press/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DIBI 2010</title>
		<link>http://www.consil.co.uk/blog/2010/04/29/dibi-2010/</link>
		<comments>http://www.consil.co.uk/blog/2010/04/29/dibi-2010/#comments</comments>
		<pubDate>Thu, 29 Apr 2010 15:03:52 +0000</pubDate>
		<dc:creator>Phill Brown</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[General Blogging]]></category>

		<guid isPermaLink="false">http://www.consil.co.uk/blog/?p=659</guid>
		<description><![CDATA[Had a great day yesterday at the DIBI (Design It, Build it) conference in The Sage Gateshead. It&#8217;s a new conference, with – as the name may suggest –two tracks; design and development. I was in the design camp, while Phill went for the development (standing in for Jason after he had a nasty bike accident a week or so ago &#8211; get better soon Jason!). Great selection of speakers including (in reverse chronological order, for no good reason!) Andy <a href="http://www.consil.co.uk/blog/2010/04/29/dibi-2010/" title="Read more" class="sprite-wrapper arrow-green-right">...<span class="sprite"></span></a>]]></description>
			<content:encoded><![CDATA[<p>Had a great day yesterday at the <a title="DIBI website" href="http://www.dibiconference.com/" target="_self">DIBI</a> (Design It, Build it) conference in The Sage Gateshead. It&#8217;s a new conference, with – as the name may suggest –two tracks; design and development. I was in the design camp, while <a title="Phill's profile page" href="http://www.consil.co.uk/blog/author/phill/" target="_self">Phill</a> went for the development (standing in for <a title="Jason's articles" href="http://www.consil.co.uk/blog/author/judgej/" target="_self">Jason</a> after he had a nasty bike accident a week or so ago &#8211; get better soon Jason!).</p>
<div class="wp-caption alignleft" style="width: 510px"><a href="http://www.flickr.com/photos/stevenwilshaw/4562694739/"><img src="http://farm4.static.flickr.com/3609/4562694739_7312f2b1d3.jpg" alt="Andy Clarke" width="500" height="375" /></a><p class="wp-caption-text">Andy Clarke gave a great talk at DIBI</p></div>
<p>Great selection of speakers including (in reverse chronological order, for no good reason!) <a title="Stuff and Nonsense" href="http://stuffandnonsense.co.uk/" target="_self">Andy Clarke</a> who talked about &#8216;Hard boiled Web Design&#8217;: designing for the best browsers (i.e. webkit) and providing &#8220;appropriate&#8221; alternatives for lesser browsers. Some interesting points on how to <em>avoid</em> making your website look the same in every browser, and generally inspiring designers to do their best work and not be held back by Internet Explorer and others. I&#8217;m really looking forward to seeing Andy&#8217;s presentation again when the videos are released.</p>
<p><a title="Superfluous Banter" href="http://superfluousbanter.org/" target="_self">Dan Rubin</a> gave a great talk about his usability / user interface experiences and was kind enough to expand on this for me later whilst we enjoyed the free bar at the after party. (I nearly made him miss his pizza, but thankfully more turned up. Phew!). Dan had plenty of real world examples of what works in usability testing, and how to quickly iterate during testing (hint: PNGs!). As with other speakers, I found the case studies fascinating.</p>
<div class="wp-caption alignnone" style="width: 343px"><a href="http://www.flickr.com/photos/miekd/4572028479/"><img src="http://farm5.static.flickr.com/4051/4572028479_a6b24fe77f.jpg" alt="Dan Rubin at DIBI 2010" width="333" height="500" /></a><p class="wp-caption-text">Dan Rubin at DIBI 2010 (by Maykel Loomans)</p></div>
<p>Simon Collinson focused on the theoretical aspects of design, including semiotics and the basics of visual language &#8211; I hadn&#8217;t covered semiotics since university, and to be honest I&#8217;d never made the conscious connection re web design, so that was particularly interesting. He joked it was a bit &#8220;70s Open University&#8221;, which it did veer into occasionally, but with <em>far</em> better designed slides, and no elbow pads <img src='http://www.consil.co.uk/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  Interesting stuff though.</p>
<p>Great insight into user interface design, iPhone app development and the general Apple approach from <a title="Sarah Parmenter's blog" href="http://www.sazzy.co.uk/" target="_self">Sarah Parmenter</a> (btw every single design speaker mentioned Apple at some point, at least in passing &#8211; always positively. A few iPads floating about too …). Tim Van Damme is an uncompromising designer, and his presentation was themed around 2001: a space oddysey (he did the rather splendid design for <a title="Gowalla" href="http://gowalla.com/" target="_self">Gowalla</a>). Tim felt that within a few years we&#8217;d all have moved away from Photoshop and Fireworks (the implication being that these were suffering from bloat), and that some small software company was on the verge of revolutionising the creation of web graphics. He was no-nonsense about web designers needing to keep their skills honed.</p>
<p>Good presentation too from <a title="Adii's blog" href="http://adiirockstar.com/">Adii Rockstar</a> (Mr <a title="Woothemes site" href="http://www.woothemes.com/" target="_self">Woothemes</a>) on design and how it should pervade everything, can be the difference between two otherwise well-engineered products/services. He was making the point that design is more than aesthetics. Dan Rubin later made a similar point &#8211; compared web design to product design; you&#8217;re not just making it look pretty, it has to work well, solve a problem and hopefully be a great experience for the user. I&#8217;m going to remember that analogy next time I&#8217;m explaining web design to a client!</p>
<p><a href="http://farm5.static.flickr.com/4011/4584939388_650880c238.jpg"></a></p>
<div class="wp-caption alignnone" style="width: 510px"><a href="http://www.flickr.com/photos/dibiconf/4584939388/in/set-72157624005376096"><img src="http://farm5.static.flickr.com/4011/4584939388_650880c238.jpg" alt="Jon McLoone's speaking at the DIBI Conference " width="500" height="312" /></a><p class="wp-caption-text">Jon McLoone&#039;s Keynote talk at the DIBI 2010 Conference </p></div>
<p><a title="Wolfram Alpha site" href="http://www.wolframresearch.com/" target="_self">Wolfram Alpha</a> was given an overview by Jon McLoone, and it&#8217;s potential for interpreting the world&#8217;s ever-growing mountain of data is nothing short of extraordinary. Learned that there are a number of embeddable apps for using WA, and that it can compute some complex maths, <em>and</em> give you the nutritional content of any recipe you make (amongst many, many other things!). Interestingly, Wolfram Alpha is entirely self-funded (100+ employees) so is unconstrained by the demands of VCs.</p>
<p>Lots of talk of user experience and whether older browsers should be supported. Had to smile when Andy Clarke showed us what he puts forward for IE6. Think print style sheet. I&#8217;m sure he&#8217;s inspired everyone who was there into not being held back by older browsers.</p>
<p>Great after party, lots of banter, chatted with most of the Woothemes guys, and everyone was very down to earth and friendly.</p>
<p>All round great conference, free food and beer always go down well too (or is that too well? …)! Well done to <a title="Gavin Elliot's site" href="http://www.gavinelliott.co.uk/" target="_self">Gavin Elliot</a> and Codeworks for putting on a first-class event.</p>
<p>Strangest moment: seeing 4 or 5 people in the back row sniffing their laptops (and one iPad)!</p>
<p>Conclusion: A+++ will go again.</p>
<p>Update: <a title="DIBI write up on minute 44" href="http://minute44.com/archives/technology-and-web/thoughts-on-dibi" target="_self">great write-up on minute44</a>, and somehow I&#8217;m in the middle of the main photo!</p>
<p>Update 2: <a title="DIBI 2010 photos on Flickr" href="http://www.flickr.com/groups/dibi/pool/" target="_self">Lots of DIBI 2010 photos here</a></p>
<p>… already bought my ticket for DIBI 2011 <img src='http://www.consil.co.uk/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.consil.co.uk/blog/2010/04/29/dibi-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designers now boarding at gate … err…</title>
		<link>http://www.consil.co.uk/blog/2010/01/18/designers-now-boarding-at-gate-%e2%80%a6-err%e2%80%a6/</link>
		<comments>http://www.consil.co.uk/blog/2010/01/18/designers-now-boarding-at-gate-%e2%80%a6-err%e2%80%a6/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 17:38:40 +0000</pubDate>
		<dc:creator>Phill Brown</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[General Blogging]]></category>
		<category><![CDATA[airline]]></category>
		<category><![CDATA[boarding pass]]></category>
		<category><![CDATA[experience]]></category>
		<category><![CDATA[redesign]]></category>

		<guid isPermaLink="false">http://www.consil.co.uk/blog/?p=556</guid>
		<description><![CDATA[The latest craze for designers seems to be redesigning airline boarding cards (and/or websites). Dustin Curtis started this off a little while ago, after wondering why American Airlines&#8217; website is so difficult to use. Being proactive, Dustin redesigned the site and sent it (with an impassioned letter) to AA. This started a conversation with their web developer which is quite revealing about large organisations and their difficulties in bringing about change. This inspired Tyler Thompson to have go at redesigning <a href="http://www.consil.co.uk/blog/2010/01/18/designers-now-boarding-at-gate-%e2%80%a6-err%e2%80%a6/" title="Read more" class="sprite-wrapper arrow-green-right">...<span class="sprite"></span></a>]]></description>
			<content:encoded><![CDATA[<p><span><span>The latest craze for designers seems to be redesigning airline boarding cards (and/or websites). <a title="Dear American Airlines" href="http://dustincurtis.com/dear_american_airlines.html" target="_blank">Dustin Curtis started this off</a> a little while ago, after wondering why American Airlines&#8217; website is so difficult to use. Being proactive, Dustin redesigned the site and sent it (with an impassioned letter) to AA. This started a conversation with their web developer which is <a title="AA's response" href="http://dustincurtis.com/dear_dustin_curtis.html" target="_blank">quite revealing</a> about large organisations and their difficulties in bringing about change.</span></span></p>
<div class="wp-caption alignnone" style="width: 530px"><a href="http://passfail.squarespace.com/"><img src="http://www.graphicology.com/storage/thumbnails/1380352-5330305-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1263193867793" alt="Delta Airlines existing boarding pass" width="520" height="322" /></a><p class="wp-caption-text">Delta Airline&#039;s existing boarding pass</p></div>
<p><span>This inspired <a title="Tyler Thompson's redesign" href="http://passfail.squarespace.com/" target="_blank">Tyler Thompson to have go</a> at redesigning the Delta Airline boarding pass. Tyler&#8217;s designs look great, a across between movie poster lettering and art deco, although they don&#8217;t take into account some of the realities of boarding pass printing. Tyler invited others to create their own designs and he lists some of these in the updates at the bottom of the page. A couple of notable examples are shown below.<br />
</span></p>
<div class="wp-caption alignleft" style="width: 574px"><a href="http://passfail.squarespace.com/"><img class="   " src="http://passfail.squarespace.com/storage/pass-color-1.png?__SQUARESPACE_CACHEVERSION=1262211968002" alt="Tylers redesign" width="564" height="217" /></a><p class="wp-caption-text">Tyler&#039;s redesign</p></div>
<p><a title="Timoni Grone's practical boarding pass redesign" href="http://blog.timoni.org/post/318322031/a-practical-boarding-pass-redesign" target="_blank">Timoni Grone</a> addressed the redesign in a more practical way, ie. acknowledging the limitations of the current printing techniques and typefaces available in thermal printing machines in airports.</p>
<div class="wp-caption alignnone" style="width: 518px"><a href="http://blog.timoni.org/post/318322031/a-practical-boarding-pass-redesign"><img class="  " src="http://www.timoni.org/tickets/helvetica.png" alt="Timonis redesign" width="508" height="226" /></a><p class="wp-caption-text">Timoni&#039;s redesign</p></div>
<p><span><a title="boarding pass redesign - text only" href="http://www.graphicology.com/blog/2010/1/11/280-a-practical-yet-human-boarding-pass-design.html" target="_blank">But this is my favourite</a>, as it is so conversational and simple: </span></p>
<div class="wp-caption alignleft" style="width: 530px"><a href="http://www.graphicology.com/blog/2010/1/11/280-a-practical-yet-human-boarding-pass-design.html"><img class="size-full wp-image-1351" src="http://www.graphicology.com/storage/thumbnails/1380352-5331607-thumbnail.jpg?__SQUARESPACE_CACHEVERSION=1263206962264" alt="This one looks good!" width="520" height="242" /></a></p>
<p class="wp-caption-text">Graphicology&#8217;s boarding pass redesign</p>
</div>
<p>So, since they&#8217;re getting so much free design advice, it will be interesting to see if any airlines actually want to improve their customers&#8217; experience …</p>
]]></content:encoded>
			<wfw:commentRss>http://www.consil.co.uk/blog/2010/01/18/designers-now-boarding-at-gate-%e2%80%a6-err%e2%80%a6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

