<?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>Studio North Blog &#187; design</title>
	<atom:link href="http://blog.studionorth.co.uk/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.studionorth.co.uk</link>
	<description>The Official Studio North Blog</description>
	<lastBuildDate>Thu, 01 Jul 2010 22:54:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Kit-astrophe!</title>
		<link>http://blog.studionorth.co.uk/2009/06/23/kit-astrophe/</link>
		<comments>http://blog.studionorth.co.uk/2009/06/23/kit-astrophe/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 12:44:09 +0000</pubDate>
		<dc:creator>Andy</dc:creator>
				<category><![CDATA[Opinion]]></category>
		<category><![CDATA[bananarama]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[kit]]></category>
		<category><![CDATA[newcastle united]]></category>
		<category><![CDATA[shocker]]></category>
		<category><![CDATA[yellow peril]]></category>

		<guid isPermaLink="false">http://blog.studionorth.co.uk/?p=930</guid>
		<description><![CDATA[Being an exciled Geordie and sometime designer, I just thought I would combine both of those interests in this little nugget rescued from today&#8217;s papers. Now you&#8217;d have thought Newcastle fans (like myself) were looking silly enough at the moment but no, apparently some numpty at the Adidas marketing/design department has thought &#8216;hang on a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-932" title="newcastle_kit_280x3_830386a" src="http://blog.studionorth.co.uk/wp-content/uploads/2009/06/newcastle_kit_280x3_830386a.jpg" alt="newcastle_kit_280x3_830386a" width="198" height="276" style="margin-left:15px" />Being an exciled Geordie and sometime designer, I just thought I would combine both of those interests in this little nugget rescued from today&#8217;s papers. Now you&#8217;d have thought Newcastle fans (like myself) were looking silly enough at the moment but no, apparently some numpty at the Adidas marketing/design department has thought &#8216;hang on a minute, what the world needs is yet another excuse to mock the afflicted&#8217; and come up with this delight of an away kit for Wor Lads to sport next season.</p>
<p>Now admittedly Steven Taylor is doing his best here, complete with forced grin, but imagine, if you will, that monstrosity upon the frame of a typical Toon fan this summer, somewhat sweaty, slightly out of shape and exquisitely sunburnt. Oooh, suits you sir.</p>
<p>Now either it&#8217;s Mike Ashley&#8217;s revenge on us, a junior designer&#8217;s hairbrained idea to allow us to blend in with the deckchairs when we play away at Blackpool next season or a cunning ploy to get the opposition to fall around in laughter while we hit the back of the net, but either way, I think I&#8217;ll stick with the black and white, thanks all the same.</p>

<div class="slashdigglicious" style="clear: both">
<a href="http://slashdot.org/bookmark.pl?url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F06%2F23%2Fkit-astrophe%2F&amp;title=Kit-astrophe%21" title="Slashdot It!"><img src="http://slashdot.org/favicon.ico" height="16" width="16" alt="[Slashdot]" /></a>
<a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F06%2F23%2Fkit-astrophe%2F&amp;title=Kit-astrophe%21" title="Digg This Story"><img src="http://digg.com/favicon.ico" width="16" height="16" alt="[Digg]" /></a>
<a href="http://reddit.com/submit?url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F06%2F23%2Fkit-astrophe%2F&amp;title=Kit-astrophe%21" title="Reddit"><img src="http://reddit.com/favicon.ico" width="16" height="16" alt="[Reddit]" /></a>
<a href="http://del.icio.us/post?url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F06%2F23%2Fkit-astrophe%2F&amp;title=Kit-astrophe%21" title="Save to del.icio.us" onclick="window.open('http://del.icio.us/post?v=4&amp;noui&amp;jump=close&amp;url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F06%2F23%2Fkit-astrophe%2F&amp;title=Kit-astrophe%21', 'delicious', 'toolbar=no,width=700,height=400'); return false;"><img src="http://images.del.icio.us/static/img/delicious.small.gif" width="16" height="16" alt="[del.icio.us]" /></a>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F06%2F23%2Fkit-astrophe%2F" title="Share on Facebook"><img src="http://www.facebook.com/favicon.ico" width="16" height="16" alt="[Facebook]" /></a>
<a href="http://technorati.com/faves?add=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F06%2F23%2Fkit-astrophe%2F" title="Add to my Technorati Favorites"><img src="http://technorati.com/favicon.ico" width="16" height="16" alt="[Technorati]" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F06%2F23%2Fkit-astrophe%2F&amp;title=Kit-astrophe%21" title="Save to Google Bookmarks"><img src="http://www.google.com/favicon.ico" width="16" height="16" alt="[Google]" /></a>
<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F06%2F23%2Fkit-astrophe%2F&amp;title=Kit-astrophe%21" title="Stumble it!"><img src="http://www.stumbleupon.com/favicon.ico" width="16" height="16" alt="[StumbleUpon]" /></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.studionorth.co.uk/2009/06/23/kit-astrophe/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Five top tips for designing a mobile friendly website</title>
		<link>http://blog.studionorth.co.uk/2009/05/06/mobile-friendly-website-design-tips/</link>
		<comments>http://blog.studionorth.co.uk/2009/05/06/mobile-friendly-website-design-tips/#comments</comments>
		<pubDate>Wed, 06 May 2009 08:50:49 +0000</pubDate>
		<dc:creator>Andy</dc:creator>
				<category><![CDATA[Opinion]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[useability]]></category>
		<category><![CDATA[web standards]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://blog.studionorth.co.uk/?p=871</guid>
		<description><![CDATA[Experts predict that by the start of 2010 the number of people browsing the Internet on a mobile device will be on a par to the number browsing on desktop computers today. Consequently, with an increasing audience and numbers only set to spiral, making sure your web content is optimised for mobile platforms at this [...]]]></description>
			<content:encoded><![CDATA[<p>Experts predict that by the start of 2010 the number of people browsing the Internet on a mobile device will be on a par to the number browsing on desktop computers today. Consequently, with an increasing audience and numbers only set to spiral, making sure your web content is optimised for mobile platforms at this early stage will surely reap the business benefits.  However, before you dive in, remember that just as designing a standard website site that will fulfil the needs of millions of potential users requires some careful thought, so does your mobile offering. Allow our <a title="Digital specialists" href="http://www.studionorth.co.uk/digital.php">digital specialists</a> to put down their Blackberries for a second to cordially guide you through the minefield&#8230;</p>
<p><span id="more-871"></span></p>
<p><img class="alignnone size-full wp-image-873" title="1618image003" src="http://blog.studionorth.co.uk/wp-content/uploads/2009/05/1618image003.jpg" alt="1618image003" width="350" height="154" /><br />
<strong></strong></p>
<p><strong>1. Screen size, handsets and browsers</strong><br />
If you thought multiple screen resolutions and browser versions was a nightmare for standard website development then welcome to the world of mobile phones!  Bearing in mind the huge range of handsets in current circulation, mobile site development needs to aim towards the lower end of the spectrum. Many users will be looking at your site with a screen that can only display 128 pixels (width) by 160 pixels (height). That&#8217;s actually only about 10 words per line so you do the maths!</p>
<p><strong>2. Bandwidth and graphic filesize</strong><br />
For a start, most user&#8217;s access to the internet comes either for free at work or for a small fixed monthly sum at home. Consequently they can (and often will) spend literally hours surfing away on the Net in relative comfort. Visitors who are browsing your mobile site are unlikely to be in the same position &#8211; they might be waiting in a queue, travelling on the train or the bus, running to the departure gate, or lost in an unfamiliar town late at night and trying to get somewhere. Mobile internet is also far slower than your average broadband so these users don&#8217;t want to hampered even further by hanging around for large graphics or complicated layouts. Mobile web pages need to be short, snappy, and give the specific information that a user needs. If they want to browse for hours they have the option of doing it much better on their home or work PC.</p>
<p><strong>3. Useability</strong><br />
People don&#8217;t use the internet on their mobile phones the way they do their desktop computer. Normally they would have the luxury of a full size keyboard and a mouse for point-and-click duties. Now suddenly they have their mobile device&#8217;s scroll buttons, numerical keypads and various other proprietary controls to make even the simplest operation, like filling in a form, a lengthy procedure. All information on a mobile site needs to be instantly accessible from the main home page menu and designing the hierarchy and navigation of a mobile site means thinking simply at all times &#8211; nested folders, lots of clicks to get to information, and complex site structure or navigation will simply not work.</p>
<p><strong>4. Web standards</strong><br />
One of the most important aspects of web design for mobile use is to make sure the site complies with current web standards. Desktop browsers can be relatively forgiving and easy to please. A few misplaced HTML tags here and there will, more often than not, be fixed automatically by the browser so that your page is rendered correctly. However, this functionality equate to more code, which means a bigger install and requires more processing power. Mobile browsers, on the other hand, are much less forgiving. They generally won&#8217;t have the luxury of a 2 GHz processor and 100MB of disk space available to them. Therefore, rigorous testing is an absolute must if your site is going to be accessible to mobile phone users so make sure your code is clean, precise and passes the W3C online checkers.</p>
<p><strong>5. Oh yeah, it&#8217;s not a PC</strong><br />
Many people wonder why their current website cannot simply be changed slightly to fit on a mobile screen. Like many aspects of technology, unfortunately it&#8217;s not that simple. Mobile phone browsers do not display websites in the same way as a normal computer &#8211; they render a site to varying degrees of success and may choose to not display (or simply cannot display) certain types of information such as Flash. Occasionally, due to factors mentioned elsewhere, what appears on the mobile screen looks nothing like the original site; notably tables, complex graphics and overly complicated layouts often get ripped apart or distorted beyond recognition. Likewise, as mentioned previously, users who are surfing on a mobile device have different needs and requirements to desktop users, so to force-feed them the same content as that displayed on the traditional site is a recipe for disaster.</p>
<p>And finally, just remember, If you can create a mobile website that functions well, looks good, and is easy to navigate, you will have the potential to reach an audience of mobile and PDA users that runs into the millions. And who wouldn&#8217;t want that?</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.studionorth.co.uk/2009/05/06/mobile-friendly-website-design-tips/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>We&#8217;re on your iPhone!</title>
		<link>http://blog.studionorth.co.uk/2009/05/01/studio-north-launch-mobile-friendly-website/</link>
		<comments>http://blog.studionorth.co.uk/2009/05/01/studio-north-launch-mobile-friendly-website/#comments</comments>
		<pubDate>Fri, 01 May 2009 15:13:07 +0000</pubDate>
		<dc:creator>Andy</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[mobi]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[mobile website]]></category>

		<guid isPermaLink="false">http://blog.studionorth.co.uk/?p=857</guid>
		<description><![CDATA[Yes it&#8217;s true. The trumpet fanfare is at the ready, the halls are bedecked and the bunting well and truly hung up, for today sees the launch of our new studionorth.mobi website, specifically created for iPhone users, although fear not if you don&#8217;t have one yet &#8211; you&#8217;ll still be able to see it on [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-869" title="Studio North on your mobile" src="http://blog.studionorth.co.uk/wp-content/uploads/2009/05/studionorthdotmobi2.jpg" alt="Studio North on your mobile" width="150" height="236" />Yes it&#8217;s true. The trumpet fanfare is at the ready, the halls are bedecked and the bunting well and truly hung up, for today sees the launch of our new studionorth.mobi website, specifically created for iPhone users, although fear not if you don&#8217;t have one yet &#8211; you&#8217;ll still be able to see it on your normal mobile.</p>
<p>On the beach, on the train, in your favourite restaurant, you simply can&#8217;t escape us now. Featuring an interactive touch-sensitive portfolio section and a live feed from this very blog, there&#8217;s now absolutely no reason for you not to keep in touch with all things &#8216;Studio&#8217; and &#8216;North&#8217;.</p>
<p><strong>Check us out on your phone at: www.studionorth.mobi </strong></p>
<p>Thinking of creating a mobile-friendly version of your own website? Before you do so, read our <a href="http://blog.studionorth.co.uk/2009/05/06/mobile-friendly-website-design-tips/">top tips for designing a mobile friendly website</a>.<strong><br />
</strong></p>

<div class="slashdigglicious" style="clear: both">
<a href="http://slashdot.org/bookmark.pl?url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F05%2F01%2Fstudio-north-launch-mobile-friendly-website%2F&amp;title=We%26%238217%3Bre+on+your+iPhone%21" title="Slashdot It!"><img src="http://slashdot.org/favicon.ico" height="16" width="16" alt="[Slashdot]" /></a>
<a href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F05%2F01%2Fstudio-north-launch-mobile-friendly-website%2F&amp;title=We%26%238217%3Bre+on+your+iPhone%21" title="Digg This Story"><img src="http://digg.com/favicon.ico" width="16" height="16" alt="[Digg]" /></a>
<a href="http://reddit.com/submit?url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F05%2F01%2Fstudio-north-launch-mobile-friendly-website%2F&amp;title=We%26%238217%3Bre+on+your+iPhone%21" title="Reddit"><img src="http://reddit.com/favicon.ico" width="16" height="16" alt="[Reddit]" /></a>
<a href="http://del.icio.us/post?url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F05%2F01%2Fstudio-north-launch-mobile-friendly-website%2F&amp;title=We%26%238217%3Bre+on+your+iPhone%21" title="Save to del.icio.us" onclick="window.open('http://del.icio.us/post?v=4&amp;noui&amp;jump=close&amp;url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F05%2F01%2Fstudio-north-launch-mobile-friendly-website%2F&amp;title=We%26%238217%3Bre+on+your+iPhone%21', 'delicious', 'toolbar=no,width=700,height=400'); return false;"><img src="http://images.del.icio.us/static/img/delicious.small.gif" width="16" height="16" alt="[del.icio.us]" /></a>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F05%2F01%2Fstudio-north-launch-mobile-friendly-website%2F" title="Share on Facebook"><img src="http://www.facebook.com/favicon.ico" width="16" height="16" alt="[Facebook]" /></a>
<a href="http://technorati.com/faves?add=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F05%2F01%2Fstudio-north-launch-mobile-friendly-website%2F" title="Add to my Technorati Favorites"><img src="http://technorati.com/favicon.ico" width="16" height="16" alt="[Technorati]" /></a>
<a href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F05%2F01%2Fstudio-north-launch-mobile-friendly-website%2F&amp;title=We%26%238217%3Bre+on+your+iPhone%21" title="Save to Google Bookmarks"><img src="http://www.google.com/favicon.ico" width="16" height="16" alt="[Google]" /></a>
<a href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fblog.studionorth.co.uk%2F2009%2F05%2F01%2Fstudio-north-launch-mobile-friendly-website%2F&amp;title=We%26%238217%3Bre+on+your+iPhone%21" title="Stumble it!"><img src="http://www.stumbleupon.com/favicon.ico" width="16" height="16" alt="[StumbleUpon]" /></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.studionorth.co.uk/2009/05/01/studio-north-launch-mobile-friendly-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
