<?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>Steve Workman &#187; Web Design</title>
	<atom:link href="http://www.steveworkman.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.steveworkman.com</link>
	<description>I&#039;ve been designing and building web sites since 2003. This is my personal site. You&#039;ll find my work, insight and ramblings within</description>
	<lastBuildDate>Thu, 15 Dec 2011 16:41:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>So, you want an app?</title>
		<link>http://www.steveworkman.com/web-design/mobile/2011/so-you-want-an-app/</link>
		<comments>http://www.steveworkman.com/web-design/mobile/2011/so-you-want-an-app/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 13:49:58 +0000</pubDate>
		<dc:creator>Steve Workman</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[blackberry]]></category>
		<category><![CDATA[flow-chart]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[PA]]></category>

		<guid isPermaLink="false">http://www.steveworkman.com/?p=836</guid>
		<description><![CDATA[Earlier this year, I was lucky enough to meet Josh Clark at FOWD. I&#8217;d been reading his articles about flagship apps and content first, and I was very keen to have a chat with him about a discussion I&#8217;d had with a client. I had been discussing which platform they should be targeting, and depending [...]


<strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2011/handling-iphone-app-ideas/' rel='bookmark' title='Handling iPhone App Ideas'>Handling iPhone App Ideas</a></li>
<li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2008/easy-iphone-applications/' rel='bookmark' title='Easy iPhone Applications'>Easy iPhone Applications</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2009/why-iphone-web-apps-are-still-worthwhile/' rel='bookmark' title='Why iPhone Web Apps are Still Worthwhile'>Why iPhone Web Apps are Still Worthwhile</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:right;"><div class="socialize-in-button socialize-in-button-vertical"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NoYXJl" class=\"twitter-share-button\" data-url=\"http://www.steveworkman.com/web-design/mobile/2011/so-you-want-an-app/\" data-text=\"So, you want an app?\" data-count=\"horizontal\" data-via=\"steveworkman\" data-related=\"steveworkman\"><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-vertical"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.steveworkman.com/web-design/mobile/2011/so-you-want-an-app/&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div><div class="socialize-in-button socialize-in-button-vertical"><g:plusone size="standard" href="http://www.steveworkman.com/web-design/mobile/2011/so-you-want-an-app/"></g:plusone></div><div class="socialize-in-button socialize-in-button-vertical"><script type="in/share" data-url="http://www.steveworkman.com/web-design/mobile/2011/so-you-want-an-app/" data-counter="right"></script></div></div><p>Earlier this year, I was lucky enough to meet <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2dsb2JhbG1veGll">Josh Clark</a> at FOWD. I&#8217;d been reading his articles about <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2dsb2JhbG1veGllLmNvbS9ibG9nL21vYmlsZS13ZWItdnMtbmF0aXZlLnNodG1s">flagship apps</a> and content first, and I was very keen to have a chat with him about a discussion I&#8217;d had with a client. I had been discussing which platform they should be targeting, and depending upon who I was talking to at the client (and their opinions on the goals of the project) the decision on a choice of platform was different.</p>
<p>Josh, and his mobile vs native talk, positioned this decision as an &#8220;audience/content/budget&#8221; question, which matched the conversations I&#8217;d been having with my client. At the end of his talk I said to Josh, &#8220;this would make a great flow-chart, like that one that <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3Nob3VsZGl3b3JrZm9yZnJlZS5jb20v">Jessica Hische did</a>!&#8221;, &#8220;Yeah, that&#8217;d be awesome!&#8221;, said Josh.</p>
<p>I&#8217;m very pleased to say, that after some delay, it&#8217;s ready for public consumption.</p>
<p><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5wYWNvbnN1bHRpbmcuY29tL3NvLXlvdS13YW50LWFuLWFwcC8="><img class="aligncenter size-full wp-image-843" title="So, you want an app?" src="http://www.steveworkman.com/wp-content/uploads/2011/10/so-you-want-an-app-2.png" alt="So, you want an app?" width="439" height="480" /></a></p>
<p>With a lot of help from my <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5wYWNvbnN1bHRpbmcuY29t">company</a> and colleagues <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2VkaGdvb3Nl">Ed Hartwell-Goose</a>,  <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2ZpbnZlbnRpbmc=">Fin Edridge</a> and <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NpbW9uZHJpbmc=">Simon Dring</a> we made an <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5wYWNvbnN1bHRpbmcuY29tL3NvLXlvdS13YW50LWFuLWFwcC8=">interactive flow-chart</a> to guide our clients, other industry professionals and their clients through the minefield that is choosing the platform for your app. We called it, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5wYWNvbnN1bHRpbmcuY29tL3NvLXlvdS13YW50LWFuLWFwcC8=">&#8220;So, you want an app?&#8221;</a>.</p>
<p>It&#8217;s still a simplification of the whole process but, in researching it, three things became abundantly clear:</p>
<ol>
<li><strong>You <em>must</em> know your audience</strong> &#8211; there are no exceptions to this. People use different phones for very different things. Blackberries are used by teenagers for BBM and by corporations because of it&#8217;s security and low data usage; iPhones are very high-end consumer devices; and Android phones are thought of as being for very technically minded people, but they&#8217;re also entry-level smart phones. Picking a platform without knowing what your <em>content and its audience</em> is a recipe for disaster.</li>
<li><strong>Your content needs to be simple to access</strong> &#8211; all end-points on the flow-chart will need some form of content platform behind them to drive engagement, re-use and to keep the app up-to-date. If you&#8217;ve got an old CMS, you may have to build a light-weight web service to let your app access the content easily, quickly and efficiently. People use apps to get at content, and whether they&#8217;re a game or social media, your content is king.</li>
<li><strong>You cannot do this half-heartedly</strong> &#8211; and by that I mean you&#8217;ve got to have a decent budget. Also at FOWD, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2NvbGRmdW1vbmtlaA==">Matt Gifford</a> was joking that the £50 website was now a £75 website; apps are suffering this problem. Apps are viewed as small, simple bits of functionality that you can knock-up in a weekend; this is simply not true. Apps are often full-sized websites with the added complexity of fitting the core content onto a tiny screen, but since they look small clients think they&#8217;re easy to make and do, and are therefore cheap. Stories in the news of <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5iYmMuY28udWsvbmV3c2JlYXQvMTIyMjQ2NzA=">14-year-olds making games in the app store top 10</a> aren&#8217;t helping either. Start with a 5-figure sum, and keep going upwards if you want your app to really succeed.</li>
</ol>
<p>I also mention <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5waG9uZWdhcC5jb20=">PhoneGap</a> a lot in the flow-chart, and that&#8217;d because I genuinely believe it&#8217;s a great solution to the &#8220;discoverability&#8221; problem. This is where you have a mobile web site that isn&#8217;t getting enough exposure as people think of &#8220;apps&#8221; as items in the &#8220;app store&#8221;. PhoneGap fills this hole nicely, and gives you access to device hardware as a brilliant bonus. The tools are easy to use and <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cHM6Ly9idWlsZC5waG9uZWdhcC5jb20v">PhoneGap Build</a> now takes all of the hard bits of building for Blackberry and Windows Phone away.</p>
<p>Still, there are gray areas in the platform selection process, especially when it comes to tight budgets and enterprise apps. If there&#8217;s only one thing you take away from this tool it should be this: <strong><em>Content is King, know your audience and how they will use your app. The rest flows from there.</em></strong></p>
<p>You can find the tool here: <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5wYWNvbnN1bHRpbmcuY29tL3NvLXlvdS13YW50LWFuLWFwcC8=">www.paconsulting.com/so-you-want-an-app</a> &#8211; I&#8217;ll post the full poster version here when it&#8217;s completed.</p>
<p>Please, let me know what you think, and let me know if you use it for a client as well, share your stories and share the tool with your friends.</p>
<p>&nbsp;</p>
 <img src="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=836" width="1" height="1" style="display: none;" />

<p><strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2011/handling-iphone-app-ideas/' rel='bookmark' title='Handling iPhone App Ideas'>Handling iPhone App Ideas</a></li>
<li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2008/easy-iphone-applications/' rel='bookmark' title='Easy iPhone Applications'>Easy iPhone Applications</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2009/why-iphone-web-apps-are-still-worthwhile/' rel='bookmark' title='Why iPhone Web Apps are Still Worthwhile'>Why iPhone Web Apps are Still Worthwhile</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.steveworkman.com/web-design/mobile/2011/so-you-want-an-app/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Handling iPhone App Ideas</title>
		<link>http://www.steveworkman.com/web-design/iphone-web-design/2011/handling-iphone-app-ideas/</link>
		<comments>http://www.steveworkman.com/web-design/iphone-web-design/2011/handling-iphone-app-ideas/#comments</comments>
		<pubDate>Tue, 30 Aug 2011 08:30:59 +0000</pubDate>
		<dc:creator>Steve Workman</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[app ideas]]></category>
		<category><![CDATA[idea process]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[process]]></category>

		<guid isPermaLink="false">http://www.steveworkman.com/?p=785</guid>
		<description><![CDATA[There&#8217;s one question that I get asked a lot: I&#8217;ve got this great idea for an app&#8230;&#8230; what do you think? I run the mobile development team at my employer, a role that I really enjoy and feel privileged to be doing. I get to work with cutting edge technology, forward-thinking clients and brilliant developers [...]


<strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/mobile/2011/so-you-want-an-app/' rel='bookmark' title='So, you want an app?'>So, you want an app?</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2009/why-iphone-web-apps-are-still-worthwhile/' rel='bookmark' title='Why iPhone Web Apps are Still Worthwhile'>Why iPhone Web Apps are Still Worthwhile</a></li>
<li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2008/easy-iphone-applications/' rel='bookmark' title='Easy iPhone Applications'>Easy iPhone Applications</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:right;"><div class="socialize-in-button socialize-in-button-vertical"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NoYXJl" class=\"twitter-share-button\" data-url=\"http://www.steveworkman.com/web-design/iphone-web-design/2011/handling-iphone-app-ideas/\" data-text=\"Handling iPhone App Ideas\" data-count=\"horizontal\" data-via=\"steveworkman\" data-related=\"steveworkman\"><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-vertical"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.steveworkman.com/web-design/iphone-web-design/2011/handling-iphone-app-ideas/&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div><div class="socialize-in-button socialize-in-button-vertical"><script type="in/share" data-url="http://www.steveworkman.com/web-design/iphone-web-design/2011/handling-iphone-app-ideas/" data-counter="right"></script></div><div class="socialize-in-button socialize-in-button-vertical"><g:plusone size="standard" href="http://www.steveworkman.com/web-design/iphone-web-design/2011/handling-iphone-app-ideas/"></g:plusone></div></div><p>There&#8217;s one question that I get asked a lot:</p>
<blockquote><p>I&#8217;ve got this great idea for an app&#8230;&#8230; what do you think?</p></blockquote>
<p>I run the mobile development team at my employer, a role that I really enjoy and feel privileged to be doing. I get to work with cutting edge technology, forward-thinking clients and brilliant developers and user experience experts. There&#8217;s always a flip side, and for this role it is filtering out the bad ideas from the good ones.</p>
<p><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA4L1NjcmVlbi1zaG90LTIwMTEtMDgtMjctYXQtMTMuMjQuNDUucG5n"><img class="aligncenter size-full wp-image-794" title="I've got an idea for an app" src="http://www.steveworkman.com/wp-content/uploads/2011/08/Screen-shot-2011-08-27-at-13.24.45.png" alt="I've got an idea for an app" width="573" height="331" /></a></p>
<p><strong>The process</strong><br />
I have a simple process for capturing and evaluating ideas: listen, write it down and do a quick estimate of effort and benefits. If the benefits do not heavily outweigh the effort, say thank you and move on.</p>
<p>That&#8217;s it in a nutshell, but it&#8217;s a bit more complicated than that. Lets step through the process.</p>
<p><strong>Ideas</strong><br />
An idea will come from one of two sources:</p>
<ol>
<li>The media, or</li>
<li>A personal need</li>
</ol>
<p><strong>Ideas based in the media</strong><br />
The request goes a bit like this:</p>
<blockquote><p>Hi Steve, have you seen this article about this cool iPhone/android app? Well, I think we could do something similar (for the other platform)! It&#8217;d be great for [publicity/marketing/a demo/this client I have/making lots of money]. What do you think?</p></blockquote>
<p>If I get a request like this alarm bells start ringing in my head. Clearly, someone else has already done this, and therefore has 3-6 months development time ahead if we were to start developing a rival app. Requests based on the media tend to be for porting android apps to iOS, and unless it&#8217;s an android-only developer, there&#8217;s likely to be a good reason why there&#8217;s no iOS version. Take the <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5iYmMuY28udWsvbmV3cy9idXNpbmVzcy0xNDU3NDgxNg==">BBC 3G strength meter app</a>. It&#8217;s only on android and I was asked if we could do an iPhone version. The answer was simply &#8220;no&#8221;. The long answer was, &#8220;do you really think the BBC wouldn&#8217;t have tried to make an iOS version? Of course they would have. It&#8217;s not possible. iOS doesn&#8217;t allow you that level of access to the phone&#8217;s hardware.&#8221;</p>
<p>The only time that an idea from the media would meet the benefits/effort threshold is if there was a direct client opportunity and the idea came from demand, rather than porting an app. Augmented Reality was a big buzz topic a few years ago, but finding a useful application for it for a client was a challenge, hence I didn&#8217;t make an AR app.</p>
<p>So, unless there&#8217;s a direct need for an app, it&#8217;ll go into my big black book of ideas for a rainy day.</p>
<p><img class="aligncenter" title="Big black book of ideas" src="http://kennysilva.net/wp-content/uploads/2011/02/moleskine.jpg" alt="My big black book of ideas" width="500" height="375" /></p>
<p><strong>Ideas from personal need</strong><br />
The best ideas for apps come from genuine need. You can quote me on that. When someone comes up to me and says,</p>
<blockquote><p>I&#8217;ve got this problem, I need to &#8230;&#8230; I thought it could work as an app?</p></blockquote>
<p>I listen and I&#8217;m always much more hopeful. If someone has a need, then you can bet that other people have that need too. It may be something like large manuals or reference information for a specific sport e.g. SCUBA diving, or an app that collects a lot of information together and displays it usefully. These are the kinds of apps that I like people to talk to me about, and that straight away get to the top of the to-do list.</p>
<p><strong>Which app to do first?</strong><br />
This is a tricky question, but it should be one that you can answer. Follow this formula:</p>
<blockquote><p><em>Potential audience * USP / effort</em></p></blockquote>
<ol>
<li>Your <em>potential audience</em>, on a scale of 1-10 where 1 is &#8220;just you&#8221; and 10 is &#8220;every phone owner&#8221;</li>
<li><em>USP</em> (Unique Selling Point) on a scale of 1-10 where 1 is &#8220;It&#8217;s a twitter app&#8221; and 10 is &#8220;best idea ever, never been done before, it&#8217;ll revolutionise the way we live&#8221;</li>
<li><em>Effort</em> is a 1-10 scale of how long it&#8217;ll take you to make the USP work (1 is short time, 10 is long time). It is not how long until you can get a first release out, it is how much effort will it take to create the hook for users.</li>
</ol>
<p>So, for a basic twitter app, you will end up with a formula of 8*1/4 = 2. For an app for flight controllers, you&#8217;d get 3*7/7 = 3, so you&#8217;d be better-off spending your time on the flight controllers app. Either way, they&#8217;re both not very high scores, so you may want to keep looking for better ideas.</p>
<p>Yes, I know it&#8217;s a contrived example, and that it won&#8217;t apply in every case, but give it a go if you are given a few ideas and don&#8217;t know which one to do.</p>
<p><strong>What next?</strong><br />
Once you&#8217;ve got your good idea, don&#8217;t ignore any other ideas that come your way. Keep writing them down, keep doing the analysis, and you&#8217;ll always have an idea in your pocket to fall back upon. You may have so many good ideas that you&#8217;ll have to hire some more developers to work on more apps, and that is a very good problem to have.</p>
 <img src="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=785" width="1" height="1" style="display: none;" />

<p><strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/mobile/2011/so-you-want-an-app/' rel='bookmark' title='So, you want an app?'>So, you want an app?</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2009/why-iphone-web-apps-are-still-worthwhile/' rel='bookmark' title='Why iPhone Web Apps are Still Worthwhile'>Why iPhone Web Apps are Still Worthwhile</a></li>
<li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2008/easy-iphone-applications/' rel='bookmark' title='Easy iPhone Applications'>Easy iPhone Applications</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.steveworkman.com/web-design/iphone-web-design/2011/handling-iphone-app-ideas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Responsive web design in practice: making Steve and Emily&#8217;s Wedding.co.uk</title>
		<link>http://www.steveworkman.com/html5-2/2011/responsive-web-design-in-practice-making-steve-and-emilys-wedding-co-uk/</link>
		<comments>http://www.steveworkman.com/html5-2/2011/responsive-web-design-in-practice-making-steve-and-emilys-wedding-co-uk/#comments</comments>
		<pubDate>Fri, 17 Jun 2011 09:00:44 +0000</pubDate>
		<dc:creator>Steve Workman</dc:creator>
				<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interfaces]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.steveworkman.com/?p=659</guid>
		<description><![CDATA[Over the last few months I&#8217;ve been making a web site for my wedding. Emily (my fiancée) and I didn&#8217;t want your run-of-the-mill wedding website, hosted by someone on an unrecognisable domain (for example, ewedding.com or gettingmarried.co.uk sub-domains). I wanted something that I had control over, that I could make as the perfect website for [...]


<strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/projects/steel-software/2007/re-design/' rel='bookmark' title='Re-design'>Re-design</a></li>
<li><a href='http://www.steveworkman.com/web-design/2010/a-week-in-web-may-17-21st/' rel='bookmark' title='A Week in Web &#8211; May 17-21st'>A Week in Web &#8211; May 17-21st</a></li>
<li><a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/' rel='bookmark' title='Future of Web Design Sketchnotes &#8211; Day 1'>Future of Web Design Sketchnotes &#8211; Day 1</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:right;"><div class="socialize-in-button socialize-in-button-vertical"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NoYXJl" class=\"twitter-share-button\" data-url=\"http://www.steveworkman.com/html5-2/2011/responsive-web-design-in-practice-making-steve-and-emilys-wedding-co-uk/\" data-text=\"Responsive web design in practice: making Steve and Emily&#8217;s Wedding.co.uk\" data-count=\"horizontal\" data-via=\"steveworkman\" data-related=\"steveworkman\"><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-vertical"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.steveworkman.com/html5-2/2011/responsive-web-design-in-practice-making-steve-and-emilys-wedding-co-uk/&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div><div class="socialize-in-button socialize-in-button-vertical"><g:plusone size="standard" href="http://www.steveworkman.com/html5-2/2011/responsive-web-design-in-practice-making-steve-and-emilys-wedding-co-uk/"></g:plusone></div><div class="socialize-in-button socialize-in-button-vertical"><script type="in/share" data-url="http://www.steveworkman.com/html5-2/2011/responsive-web-design-in-practice-making-steve-and-emilys-wedding-co-uk/" data-counter="right"></script></div></div><p>Over the last few months I&#8217;ve been making a web site for my wedding. Emily (my fiancée) and I didn&#8217;t want your run-of-the-mill wedding website, hosted by someone on an unrecognisable domain (for example, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5ld2VkZGluZy5jb20vdGhlbWVzLnBocD9wYWdlPTE=">ewedding.com</a> or <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5nZXR0aW5nbWFycmllZC5jby51ay9leGFtcGxlc2l0ZXMucGhw">gettingmarried.co.uk</a> sub-domains). I wanted something that I had control over, that I could make as the perfect website for us, not a nice template that thousands of others have. We wanted something personal.</p>
<p>Secondly, these pre-packaged themes aren&#8217;t suited to modern web standards. They just-about work on small screens, and quite a few of them use flash, or they take 5-10 seconds to load (lots of people, heavily shared servers, you do the math). Don&#8217;t get me started on the ones that play music in the background.</p>
<p>So I started with a solid foundation of responsive web design and HTML5. This is how I did it.</p>
<p><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L3N0ZXZlYW5kZW1pbHlzd2VkZGluZy5qcGc="><img class="aligncenter size-medium wp-image-662" title="Steve an Emily's Wedding homepage" src="http://www.steveworkman.com/wp-content/uploads/2011/06/steveandemilyswedding-300x167.jpg" alt="Steve an Emily's Wedding homepage" width="300" height="167" /></a>The spine of this site is:</p>
<ul>
<li><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy53b3JkcHJlc3Mub3Jn">WordPress</a> for the CMS</li>
<li><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3N0dWZmYW5kbm9uc2Vuc2UuY28udWsvcHJvamVjdHMvMzIwYW5kdXAv">320 and up</a> for layout</li>
<li><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5mb250c3F1aXJyZWwuY29tL2ZvbnRzL1RhbmdlcmluZQ==">Tangerine</a> and <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5mb250c3F1aXJyZWwuY29tL2ZvbnRzL1NjcmlwdGluYQ==">Scriptina</a> font</li>
<li><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2h0bWw1ZG9jdG9yLmNvbS9nby1vZmZsaW5lLXdpdGgtYXBwbGljYXRpb24tY2FjaGUv">Appcache</a> to increase performance</li>
</ul>
<p><strong>WordPress</strong><br />
I used wordpress because it&#8217;s easy to make great themes quickly. You&#8217;ve got full control of the output in a simple CMS. Job done, but for one thing: the default theme doesn&#8217;t use HTML5 semantics.<br />
I took the <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cHM6Ly9naXRodWIuY29tL2lhbWFtdXNlZC93cC10aGVtZS1odG1sNS1ib2lsZXJwbGF0ZQ==">WordPress html5 boilerplate</a> from Jeffrey Sambells and used that as my base, giving me a good template for responsive web design.</p>
<p><strong>320 and up</strong><br />
The choice of layout framework, 320 and up, comes from seeing <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5hYm9va2FwYXJ0LmNvbS9wcm9kdWN0cy9yZXNwb25zaXZlLXdlYi1kZXNpZ24=">Ethan Marcotte</a> present at <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2Z1dHVyZW9md2ViZGVzaWduLmNvbS9sb25kb24tMjAxMS8=">Future of Web Design</a>, showing off the Boston.com re-design. I thought it was a wonderful talk and seeing how a site responds to screen size and context on such a high profile site made me rethink my views on responsive design. I used to think that for large, image-heavy sites, it just wasn&#8217;t economical to make a site work with media queries.<br />
It&#8217;s a change in mind-set to design for mobile first. Thinking like that, instead of retrofitting a smaller design onto your UI, makes the whole proposition a lot more appealing. <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL21hbGFya2V5">Andy Clark</a> took this concept and made a framework out of it, and that is 320 and up.</p>
<p>320 and up works on the principle that you code a mobile site, and layer additional layout on top with media queries for each of the sizes you want to support. Coding this way also makes you very aware that the content is very much the purpose of the site, and that nothing should be left out, no matter what screen size you&#8217;re on.</p>
<p>Adding 320 and up to the HTML5 WordPress baseline wasn&#8217;t as easy as I&#8217;d have liked. No offence to Malarkey, but you don&#8217;t need all of the 320 framework to make a great site, so I cut a number of the hacks out and updated the respond.js library. Still, it solves many of the gotchas for you, so use it <img src='http://www.steveworkman.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>320 and up has these screen size stops built in: 480, 768, 992, 1182, and a high-dpi option for retina displays . For my this site, I added in 768 and orientation: portrait to deal with iPad portrait mode problems. It&#8217;s up to you what stops you use, but these worked for me. If you want to support the galaxy tab and other screen sizes, more media queries are easy to add in.</p>
<p style="text-align: center;"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L3NhZXc0ODAuanBn"><img class="size-medium wp-image-668 aligncenter" title="Steve and Emily's Wedding at 480px" src="http://www.steveworkman.com/wp-content/uploads/2011/06/saew480-217x300.jpg" alt="Steve and Emily's Wedding at 480px" width="217" height="300" /></a><br />
<a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L3NhZXcxMDI0LmpwZw=="><img class="size-medium wp-image-669 aligncenter" title="Steve and Emily's Wedding at 1024px" src="http://www.steveworkman.com/wp-content/uploads/2011/06/saew1024-300x190.jpg" alt="Steve and Emily's Wedding at 1024px" width="300" height="190" /></a><br />
<a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L3NhZXcxMjAwLmpwZw=="><img class="size-medium wp-image-670 aligncenter" title="Steve and Emily's Wedding at 1200px" src="http://www.steveworkman.com/wp-content/uploads/2011/06/saew1200-300x152.jpg" alt="Steve and Emily's Wedding at 1200px" width="300" height="152" /></a></p>
<p><strong>The Design</strong><br />
There&#8217;s a lot of CSS3 that&#8217;s gone into this site. The background and header uses CSS3 multiple backgrounds to allow the layout to flex without the overhead of another div to layer the extra backgrounds on. <em>Note, I did chicken out and add those extra divs in as it just didn&#8217;t look as good on IE7/8 and that&#8217;s what 30% of people are using on my this site.</em></p>
<p>The font choice was very important for me and Emily, and <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5mb250c3F1aXJyZWwuY29tLw==">FontSquirrel</a> came to the rescue. It&#8217;s got a great selection of script fonts that just aren&#8217;t available in the standard set that comes with computers these days. Text shadow adds to the effects but isn&#8217;t essential, so it doesn&#8217;t look out of place on IE.</p>
<p>My use of box shadow is basically in place of borders. It makes the whole theme pop off the page with slight shadows and a red tint that matches the theme really well. However, <strong>box shadow on the iPhone and small screen devices slows down scrolling, and should be used sparingly. Lovingly</strong>, responsive web design lets me turn it off for small screens <img src='http://www.steveworkman.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>There&#8217;s lots of other little things, like using CSS3 selectors so that class names don&#8217;t have to be used all the time, and some nice stuff for the first letter, and also border radius (as standard).</p>
<p><strong>Performance</strong><br />
The site uses appcache to speed up the site loading, and it makes a massive difference. The cache is around 1MB, that&#8217;s data I&#8217;ll never have to download again. It works on all of the latest browsers and mobiles (where is makes the most difference). I can&#8217;t recommend it enough.</p>
<p>For the useful information section, I used local storage to keep the different sections open/closed so that it&#8217;s the same when you come to the page next time.</p>
<p><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzA2L1NjcmVlbi1zaG90LTIwMTEtMDYtMTYtYXQtMjMuMzAuMDcucG5n"><img class="aligncenter size-medium wp-image-676" title="Site performance" src="http://www.steveworkman.com/wp-content/uploads/2011/06/Screen-shot-2011-06-16-at-23.30.07-300x125.png" alt="Site performance" width="300" height="125" /></a></p>
<p><strong>Summary</strong><br />
In summary, this site has allowed me to showcase responsive design, mobile first, lots of CSS3 and make it work in IE7/8. Take a look at the source code, and learn. Oh, and wish us well on our wedding <img src='http://www.steveworkman.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
 <img src="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=659" width="1" height="1" style="display: none;" />

<p><strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/projects/steel-software/2007/re-design/' rel='bookmark' title='Re-design'>Re-design</a></li>
<li><a href='http://www.steveworkman.com/web-design/2010/a-week-in-web-may-17-21st/' rel='bookmark' title='A Week in Web &#8211; May 17-21st'>A Week in Web &#8211; May 17-21st</a></li>
<li><a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/' rel='bookmark' title='Future of Web Design Sketchnotes &#8211; Day 1'>Future of Web Design Sketchnotes &#8211; Day 1</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.steveworkman.com/html5-2/2011/responsive-web-design-in-practice-making-steve-and-emilys-wedding-co-uk/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Future of Web Design Sketchnotes &#8211; Day 2</title>
		<link>http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/</link>
		<comments>http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/#comments</comments>
		<pubDate>Thu, 19 May 2011 14:13:16 +0000</pubDate>
		<dc:creator>Steve Workman</dc:creator>
				<category><![CDATA[Sketchnotes]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interfaces]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[FOWD]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[responsive design]]></category>
		<category><![CDATA[sketchnotes]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.steveworkman.com/?p=633</guid>
		<description><![CDATA[Over the last few days I attended the Future of Web Design conference in central London. It was a great two days meeting some of my peers and heroes of web design. Here&#8217;s my notes from Day 2, featuring Ethan Marcotte,


<strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/' rel='bookmark' title='Future of Web Design Sketchnotes &#8211; Day 1'>Future of Web Design Sketchnotes &#8211; Day 1</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2010/the-future-of-web-typography-with-richard-rutter/' rel='bookmark' title='The Future of Web Typography with Richard Rutter (LWS Future)'>The Future of Web Typography with Richard Rutter (LWS Future)</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2010/the-progressive-web-with-andy-hume-lws-future/' rel='bookmark' title='The Progressive Web with Andy Hume (LWS Future)'>The Progressive Web with Andy Hume (LWS Future)</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:right;"><div class="socialize-in-button socialize-in-button-vertical"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NoYXJl" class=\"twitter-share-button\" data-url=\"http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/\" data-text=\"Future of Web Design Sketchnotes &#8211; Day 2\" data-count=\"horizontal\" data-via=\"steveworkman\" data-related=\"steveworkman\"><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-vertical"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div><div class="socialize-in-button socialize-in-button-vertical"><g:plusone size="standard" href="http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/"></g:plusone></div><div class="socialize-in-button socialize-in-button-vertical"><script type="in/share" data-url="http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/" data-counter="right"></script></div></div><p>Over the last few days I attended the Future of Web Design conference in central London. It was a great two days meeting some of my peers and heroes of web design. Here&#8217;s my notes from Day 2, featuring <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2JlZXA=">Ethan Marcotte</a>, <a href=\"<a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2Rlc2lnbmp1anU=">Femi Adesina</a>, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2dsb2JhbG1veGll">Josh Clark</a>, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2JydWNlbA==">Bruce Lawson</a>, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3RoZWJlZWJz">Martin Beeby</a> (from #LWSIE the day before), <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2VsbGlvdGpheXN0b2Nrcw==">Elliot Jay Stocks</a>, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NhcmFoYmVlZQ==">Sarah B Nelson</a> and once again, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2dsb2JhbG1veGll">Josh Clark</a>!</p>

<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/attachment/ethanmarcotte/' title='Ethan Marcotte - The Resonsive Web Designer'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/EthanMarcotte-150x150.jpg" class="attachment-thumbnail" alt="Ethan Marcotte - The Resonsive Web Designer" title="Ethan Marcotte - The Resonsive Web Designer" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/attachment/femiadesina/' title='Femi Adesina - Enhancing your Creativity'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/FemiAdesina-150x150.jpg" class="attachment-thumbnail" alt="Femi Adesina - Enhancing your Creativity" title="Femi Adesina - Enhancing your Creativity" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/attachment/joshclark-buttonsareahack/' title='Josh Clark  -Buttons Are A Hack'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/JoshClark-ButtonsAreAHack-150x150.jpg" class="attachment-thumbnail" alt="Josh Clark -Buttons Are A Hack" title="Josh Clark  -Buttons Are A Hack" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/attachment/brucelawson/' title='Bruce Lawson - Web Anywhere'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/BruceLawson-150x150.jpg" class="attachment-thumbnail" alt="Bruce Lawson - Web Anywhere" title="Bruce Lawson - Web Anywhere" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/attachment/martin-beeby-ie9-lwsie/' title='Martin Beeby - IE9 the story so far (#LWSIE)'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/Martin-Beeby-IE9-LWSIE-150x150.jpg" class="attachment-thumbnail" alt="Martin Beeby - IE9 the story so far (#LWSIE)" title="Martin Beeby - IE9 the story so far (#LWSIE)" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/attachment/elliotjaystocks/' title='Elliot Jay Stocks - With Great Power Comes Great Responsibility'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/ElliotJayStocks-150x150.jpg" class="attachment-thumbnail" alt="Elliot Jay Stocks - With Great Power Comes Great Responsibility" title="Elliot Jay Stocks - With Great Power Comes Great Responsibility" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/attachment/sarahbnelson/' title='Sarah B Nelson - Working with Others'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/SarahBNelson-150x150.jpg" class="attachment-thumbnail" alt="Sarah B Nelson - Working with Others" title="Sarah B Nelson - Working with Others" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/attachment/joshclark-mobilevsnative/' title='Josh Clark - Mobile vs Native: Cage Fight!'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/JoshClark-MobileVsNative-150x150.jpg" class="attachment-thumbnail" alt="Josh Clark - Mobile vs Native: Cage Fight!" title="Josh Clark - Mobile vs Native: Cage Fight!" /></a>

<p><a title=\"Future of Web Design Sketchnotes – Day 1\" href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dlYi1kZXNpZ24vMjAxMS9mdXR1cmUtb2Ytd2ViLWRlc2lnbi1za2V0Y2hub3Rlcy1kYXktMS0yLw==">Sketchnotes for Day one can be found behind this link</a>.</p>
<p>Thank you once again to everyone involved.</p>
 <img src="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=633" width="1" height="1" style="display: none;" />

<p><strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/' rel='bookmark' title='Future of Web Design Sketchnotes &#8211; Day 1'>Future of Web Design Sketchnotes &#8211; Day 1</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2010/the-future-of-web-typography-with-richard-rutter/' rel='bookmark' title='The Future of Web Typography with Richard Rutter (LWS Future)'>The Future of Web Typography with Richard Rutter (LWS Future)</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2010/the-progressive-web-with-andy-hume-lws-future/' rel='bookmark' title='The Progressive Web with Andy Hume (LWS Future)'>The Progressive Web with Andy Hume (LWS Future)</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Future of Web Design Sketchnotes &#8211; Day 1</title>
		<link>http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/</link>
		<comments>http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/#comments</comments>
		<pubDate>Thu, 19 May 2011 14:12:48 +0000</pubDate>
		<dc:creator>Steve Workman</dc:creator>
				<category><![CDATA[Sketchnotes]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interfaces]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[FOWD]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[sketchnotes]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.steveworkman.com/?p=617</guid>
		<description><![CDATA[Over the last few days I attended the Future of Web Design conference in central London. It was a great two days meeting some of my peers and heroes of web design. Here&#8217;s my notes from day 1 including talks from Aaron Walters, Mike Kus, Rachel Andrew, Robin Christopherson, Daniel Rhatihgan, Sarah Parmenter, Dan Rubin, [...]


<strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/' rel='bookmark' title='Future of Web Design Sketchnotes &#8211; Day 2'>Future of Web Design Sketchnotes &#8211; Day 2</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2011/sketchnotes-from-lws3d-a-50-line-webgl-app/' rel='bookmark' title='Sketchnotes from #LWS3D &#8211; A 50-line WebGL app'>Sketchnotes from #LWS3D &#8211; A 50-line WebGL app</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2010/the-progressive-web-with-andy-hume-lws-future/' rel='bookmark' title='The Progressive Web with Andy Hume (LWS Future)'>The Progressive Web with Andy Hume (LWS Future)</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:right;"><div class="socialize-in-button socialize-in-button-vertical"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NoYXJl" class=\"twitter-share-button\" data-url=\"http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/\" data-text=\"Future of Web Design Sketchnotes &#8211; Day 1\" data-count=\"horizontal\" data-via=\"steveworkman\" data-related=\"steveworkman\"><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-vertical"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div><div class="socialize-in-button socialize-in-button-vertical"><g:plusone size="standard" href="http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/"></g:plusone></div><div class="socialize-in-button socialize-in-button-vertical"><script type="in/share" data-url="http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/" data-counter="right"></script></div></div><p>Over the last few days I attended the Future of Web Design conference in central London. It was a great two days meeting some of my peers and heroes of web design. Here&#8217;s my notes from day 1 including talks from <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2FhcnJvbg==">Aaron Walters</a>, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL21pa2VrdXM=">Mike Kus</a>, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3JhY2hlbGFuZHJldw==">Rachel Andrew</a>, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3VzYTJkYXk=">Robin Christopherson</a>, Daniel Rhatihgan, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3Nhenp5">Sarah Parmenter</a>, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2RhbnJ1Ymlu">Dan Rubin</a>, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2NvbGRmdW1vbmtlaA==">Matt Gifford</a> and <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL2FyYWw=">Aral Balkan</a>.</p>

<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/attachment/aarronwalters/' title='Aarron Walters - Transforming Ideas into Interfaces'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/AarronWalters-150x150.jpg" class="attachment-thumbnail" alt="Aarron Walters - Transforming Ideas into Interfaces" title="Aarron Walters - Transforming Ideas into Interfaces" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/attachment/mikekus/' title='Mike Kus - Designing for Humans'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/MikeKus-150x150.jpg" class="attachment-thumbnail" alt="Mike Kus - Designing for Humans" title="Mike Kus - Designing for Humans" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/attachment/rachelandrew/' title='Rachel Andrew - 10 Things Designers should know about Developers'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/RachelAndrew-150x150.jpg" class="attachment-thumbnail" alt="Rachel Andrew - 10 Things Designers should know about Developers" title="Rachel Andrew - 10 Things Designers should know about Developers" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/attachment/robinchristopherson/' title='Robin Christopherson - Accessibility and Inclusive Design'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/RobinChristopherson-150x150.jpg" class="attachment-thumbnail" alt="Robin Christopherson - Accessibility and Inclusive Design" title="Robin Christopherson - Accessibility and Inclusive Design" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/attachment/danielrhatihgan/' title='Daniel Rhatihgan - Web Fonts: Type Choice &amp; Type Use'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/DanielRhatihgan-150x150.jpg" class="attachment-thumbnail" alt="Daniel Rhatihgan - Web Fonts: Type Choice &amp; Type Use" title="Daniel Rhatihgan - Web Fonts: Type Choice &amp; Type Use" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/attachment/sarahparmenter/' title='Sarah Parmenter - Slide to Unlock'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/SarahParmenter-150x150.jpg" class="attachment-thumbnail" alt="Sarah Parmenter - Slide to Unlock" title="Sarah Parmenter - Slide to Unlock" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/attachment/danrubin/' title='Dan Rubin - The New Language of Web Design'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/DanRubin-150x150.jpg" class="attachment-thumbnail" alt="Dan Rubin - The New Language of Web Design" title="Dan Rubin - The New Language of Web Design" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/attachment/mattgifford/' title='Matt Gifford - Darwin Development'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/MattGifford-150x150.jpg" class="attachment-thumbnail" alt="Matt Gifford - Darwin Development" title="Matt Gifford - Darwin Development" /></a>
<a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/attachment/aralbalkan/' title='Aral Balkan - Making the New Everyday Things'><img width="150" height="150" src="http://www.steveworkman.com/wp-content/uploads/2011/05/AralBalkan-150x150.jpg" class="attachment-thumbnail" alt="Aral Balkan - Making the New Everyday Things" title="Aral Balkan - Making the New Everyday Things" /></a>

<p><a title=\"Future of Web Design Sketchnotes – Day 2\" href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dlYi1kZXNpZ24vMjAxMS9mdXR1cmUtb2Ytd2ViLWRlc2lnbi1za2V0Y2hub3Rlcy1kYXktMi8=">Day 2 sketchnotes can be found behind this link.</a></p>
 <img src="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=617" width="1" height="1" style="display: none;" />

<p><strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes-day-2/' rel='bookmark' title='Future of Web Design Sketchnotes &#8211; Day 2'>Future of Web Design Sketchnotes &#8211; Day 2</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2011/sketchnotes-from-lws3d-a-50-line-webgl-app/' rel='bookmark' title='Sketchnotes from #LWS3D &#8211; A 50-line WebGL app'>Sketchnotes from #LWS3D &#8211; A 50-line WebGL app</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2010/the-progressive-web-with-andy-hume-lws-future/' rel='bookmark' title='The Progressive Web with Andy Hume (LWS Future)'>The Progressive Web with Andy Hume (LWS Future)</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.steveworkman.com/web-design/2011/future-of-web-design-sketchnotes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPad 2: the Porsche school of &#8220;all new design&#8221;</title>
		<link>http://www.steveworkman.com/web-design/iphone-web-design/2011/ipad-2-the-porsche-school-of-all-new-design/</link>
		<comments>http://www.steveworkman.com/web-design/iphone-web-design/2011/ipad-2-the-porsche-school-of-all-new-design/#comments</comments>
		<pubDate>Thu, 03 Mar 2011 08:33:11 +0000</pubDate>
		<dc:creator>Steve Workman</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[porsche]]></category>

		<guid isPermaLink="false">http://www.steveworkman.com/?p=592</guid>
		<description><![CDATA[The iPad 2 may be an &#8220;all new design&#8221;, but Apple attended the same school as Porsche, making few changes on the surface and lots under the hood. Does anyone here own a Porsche? No, me neither. However, I have been lucky enough to have driven one and I watch top gear all the time [...]


<strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/offtopic/2010/what-do-you-want-from-a-re-design/' rel='bookmark' title='What do you want from a re-design?'>What do you want from a re-design?</a></li>
<li><a href='http://www.steveworkman.com/offtopic/ramblings/2010/i-could-really-do-with-an-ipad-right-now/' rel='bookmark' title='I could really do with an iPad right now'>I could really do with an iPad right now</a></li>
<li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/' rel='bookmark' title='Emily vs the iPad'>Emily vs the iPad</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:right;"><div class="socialize-in-button socialize-in-button-vertical"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NoYXJl" class=\"twitter-share-button\" data-url=\"http://www.steveworkman.com/web-design/iphone-web-design/2011/ipad-2-the-porsche-school-of-all-new-design/\" data-text=\"iPad 2: the Porsche school of &#8220;all new design&#8221;\" data-count=\"horizontal\" data-via=\"steveworkman\" data-related=\"steveworkman\"><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-vertical"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.steveworkman.com/web-design/iphone-web-design/2011/ipad-2-the-porsche-school-of-all-new-design/&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div><div class="socialize-in-button socialize-in-button-vertical"><g:plusone size="standard" href="http://www.steveworkman.com/web-design/iphone-web-design/2011/ipad-2-the-porsche-school-of-all-new-design/"></g:plusone></div><div class="socialize-in-button socialize-in-button-vertical"><script type="in/share" data-url="http://www.steveworkman.com/web-design/iphone-web-design/2011/ipad-2-the-porsche-school-of-all-new-design/" data-counter="right"></script></div></div><p><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzAzL2lwYWQyLnBuZw=="><img class="aligncenter size-full wp-image-593" title="iPad 2 - All new Design" src="http://www.steveworkman.com/wp-content/uploads/2011/03/ipad2.png" alt="iPad 2 - an &quot;all new design&quot;" width="550" height="263" /></a></p>
<p><strong>The iPad 2 may be an &#8220;all new design&#8221;, but Apple </strong><strong>attended the same school as Porsche, making few changes on the surface and lots under the hood.</strong></p>
<p>Does anyone here own a Porsche? No, me neither. However, I have been lucky enough to have driven one and I watch top gear all the time (which clearly makes me an expert in such matters). I can confidently say that since 2003, two &#8220;new&#8221; Boxster models have been released, and the shell shape, which apparently is better than ever, has not changed. In the same way, the <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5hcHBsZS5jb20vaXBhZA==">iPad 2</a> is a complete redesign, and yet nothing has really changed. Though that&#8217;s not a bad thing.</p>
<p>What changed on the Boxster is the same that has happened on the iPad, the engine and electrics got a big tweak, and it&#8217;s whats under the hood that really matters.</p>
<p><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzAzL3doaXRlLTIwMTAtcG9yc2NoZS1ib3hzdGVyLmpwZw=="><img class="aligncenter size-full wp-image-594" title="white-2010-porsche-boxster" src="http://www.steveworkman.com/wp-content/uploads/2011/03/white-2010-porsche-boxster.jpg" alt="White 2010 Porsche Boxster" width="500" height="313" /></a></p>
<p>For the iPad, they have a new processor, the heart of the beast. It is (likely to be) a ARM Cortex A9 dual core CPU, meaning it can multi-thread better and reduce power consumption per calculation thanks to architecture improvements. This gives it the same 10 hour battery life as the old model. That means it&#8217;s faster too, a bit like every new Porsche is faster than the last.  It&#8217;s also a bit lighter, thanks to improved manufacturing processes meaning they can get rid of the wall and taper the edges of the device. it&#8217;s not a big improvement there, only 60g saved, but the feel of the thing has changed for the better, another thing that Porsche will tell you makes the new model an essential purchase.</p>
<p>Yes, the iPad 2 has new features: the cameras and gyroscope. However, these are sanity factors and the iPad is simply catching up with it&#8217;s older siblings. There was nothing unexpected in the announcement, a very nice looking cover and an HDMI connector being welcome but nothing out of the ordinary. This is very much a &#8220;<a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5hbmFuZHRlY2guY29tL3Nob3cvMjcyMi80">tock</a>&#8221; product, with the innovation to come in the next version.</p>
<p><strong>Is it worth it?</strong><br />
Is it an essential purchase? Well, like with the Porsche, if you already have one and want a new one, you have more money than sense. But if you don&#8217;t, like all Porsches, it&#8217;s very, very tempting and will make you the envy of your friends for the next 6 months until the next one comes out</p>
 <img src="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=592" width="1" height="1" style="display: none;" />

<p><strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/offtopic/2010/what-do-you-want-from-a-re-design/' rel='bookmark' title='What do you want from a re-design?'>What do you want from a re-design?</a></li>
<li><a href='http://www.steveworkman.com/offtopic/ramblings/2010/i-could-really-do-with-an-ipad-right-now/' rel='bookmark' title='I could really do with an iPad right now'>I could really do with an iPad right now</a></li>
<li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/' rel='bookmark' title='Emily vs the iPad'>Emily vs the iPad</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.steveworkman.com/web-design/iphone-web-design/2011/ipad-2-the-porsche-school-of-all-new-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chrome or Opera</title>
		<link>http://www.steveworkman.com/web-design/browsers/2011/chrome-or-opera/</link>
		<comments>http://www.steveworkman.com/web-design/browsers/2011/chrome-or-opera/#comments</comments>
		<pubDate>Wed, 23 Feb 2011 09:22:47 +0000</pubDate>
		<dc:creator>Steve Workman</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[Opera]]></category>

		<guid isPermaLink="false">http://www.steveworkman.com/?p=587</guid>
		<description><![CDATA[I&#8217;ve been experimenting with browsers for the past few days. Ever since Firefox 4b11 blew up (literally couldn&#8217;t do anything, even with a re-install) I&#8217;ve been playing with other browsers. I&#8217;ve been an Opera user since 9.5 and I&#8217;ve been very happy &#8211; but you can&#8217;t help thinking, &#8220;is life greener on the other side [...]


<strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/html5-2/standards/2008/opera-dragonfly-some-suggestions/' rel='bookmark' title='Opera Dragonfly &#8211; Some Suggestions'>Opera Dragonfly &#8211; Some Suggestions</a></li>
<li><a href='http://www.steveworkman.com/offtopic/ramblings/2008/why-i-use-opera-a-case-for-the-browser-underdog/' rel='bookmark' title='Why I Use Opera &#8211; A case for the browser underdog'>Why I Use Opera &#8211; A case for the browser underdog</a></li>
<li><a href='http://www.steveworkman.com/web-design/browsers/2008/opera-95-released/' rel='bookmark' title='Opera 9.5 Released'>Opera 9.5 Released</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:right;"><div class="socialize-in-button socialize-in-button-vertical"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NoYXJl" class=\"twitter-share-button\" data-url=\"http://www.steveworkman.com/web-design/browsers/2011/chrome-or-opera/\" data-text=\"Chrome or Opera\" data-count=\"horizontal\" data-via=\"steveworkman\" data-related=\"steveworkman\"><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-vertical"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.steveworkman.com/web-design/browsers/2011/chrome-or-opera/&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div><div class="socialize-in-button socialize-in-button-vertical"><g:plusone size="standard" href="http://www.steveworkman.com/web-design/browsers/2011/chrome-or-opera/"></g:plusone></div><div class="socialize-in-button socialize-in-button-vertical"><script type="in/share" data-url="http://www.steveworkman.com/web-design/browsers/2011/chrome-or-opera/" data-counter="right"></script></div></div><p><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzAyL29wZXJhLWNocm9tZS5qcGc="><img class="aligncenter size-full wp-image-589" title="opera-chrome" src="http://www.steveworkman.com/wp-content/uploads/2011/02/opera-chrome.jpg" alt="opera and chrome" width="417" height="200" /></a>I&#8217;ve been experimenting with browsers for the past few days. Ever since Firefox 4b11 blew up (literally couldn&#8217;t do anything, even with a re-install) I&#8217;ve been playing with other browsers. I&#8217;ve been an Opera user since 9.5 and I&#8217;ve been very happy &#8211; but you can&#8217;t help thinking, &#8220;is life greener on the other side of the fence? Is Chrome better?&#8221; So, I tried to answer that</p>
<p>No, it&#8217;s not.</p>
<p>After setting my default browser to Chrome 10 dev channel, I set about finding extensions to match what Opera gives you out of the box. I end up with the speed dial, gesture and colour picker extensions, as well as a funny little flag icon that is supposed to tell me where a server is from, but doesn&#8217;t work. Overall, none of these extensions were as good as Opera&#8217;s default functionality. The speed dial slowed my computer down more than sped it up and it didn&#8217;t have the Ctrl+(num) navigation that I love so much. The gesture plugin was good but not as quick as Opera. The colour picker was fine and matched Dragonfly fine.</p>
<p>Just, in general, browsing seemed slower. Tabs seemed slower to change and page rendering wasn&#8217;t as smooth. Font rendering wasn&#8217;t as smooth and, although it was GPU accelerated, didn&#8217;t feel right.</p>
<p>So, what was better in Chrome? Well, the web inspector has a better UI, but Dragonfly has come on leaps and bounds in terms of performance. Neither of them are as good as Firebug, but web inspector currently trumps Dragonfly. To be honest, that&#8217;s about it. The Omni-bar is good but just as good as Opera&#8217;s. Weirdly, Chrome works better on my company&#8217;s network. I guess software designed for windows just understands NTLM authentication better than browsers designed for Unix.</p>
<p>So, for me it&#8217;s back to Opera. Have a go with both yourself, <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5vcGVyYS5jb20vYnJvd3Nlcg==">download Opera</a> and <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5nb29nbGUuY29tL2Nocm9tZQ==">Chrome</a> today and see which you like best. Let me know in the comments.</p>
 <img src="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=587" width="1" height="1" style="display: none;" />

<p><strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/html5-2/standards/2008/opera-dragonfly-some-suggestions/' rel='bookmark' title='Opera Dragonfly &#8211; Some Suggestions'>Opera Dragonfly &#8211; Some Suggestions</a></li>
<li><a href='http://www.steveworkman.com/offtopic/ramblings/2008/why-i-use-opera-a-case-for-the-browser-underdog/' rel='bookmark' title='Why I Use Opera &#8211; A case for the browser underdog'>Why I Use Opera &#8211; A case for the browser underdog</a></li>
<li><a href='http://www.steveworkman.com/web-design/browsers/2008/opera-95-released/' rel='bookmark' title='Opera 9.5 Released'>Opera 9.5 Released</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.steveworkman.com/web-design/browsers/2011/chrome-or-opera/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hardware, then UI, will drive mobile forward</title>
		<link>http://www.steveworkman.com/web-design/user-interfaces/2011/hardware-then-ui-will-drive-mobile-forward/</link>
		<comments>http://www.steveworkman.com/web-design/user-interfaces/2011/hardware-then-ui-will-drive-mobile-forward/#comments</comments>
		<pubDate>Wed, 16 Feb 2011 09:21:31 +0000</pubDate>
		<dc:creator>Steve Workman</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interfaces]]></category>
		<category><![CDATA[Kal-El]]></category>
		<category><![CDATA[NVidia]]></category>
		<category><![CDATA[tablet]]></category>
		<category><![CDATA[Tegra 2]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.steveworkman.com/?p=578</guid>
		<description><![CDATA[It&#8217;s Mobile World Congress 2011 this week, and amongst the throngs of Honeycomb tablets, Nokia and Microsoft square dancing on the showroom floor, there are a few announcements that may not be hugely exciting to the general public, but that the tech community should be giggling with glee about. I&#8217;m talking about this: This is [...]


<strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/mobile/2010/dangers-of-an-open-mobile-os/' rel='bookmark' title='Dangers of an open mobile OS'>Dangers of an open mobile OS</a></li>
<li><a href='http://www.steveworkman.com/offtopic/2010/is-wordpress-putting-whitespace-in-your-xml-heres-how-to-fix-it/' rel='bookmark' title='Is WordPress putting whitespace in your XML? Here&#8217;s how to fix it'>Is WordPress putting whitespace in your XML? Here&#8217;s how to fix it</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2008/what-would-the-best-mobile-web-toolkit-do/' rel='bookmark' title='What Would the Best Mobile Web Toolkit Do?'>What Would the Best Mobile Web Toolkit Do?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:right;"><div class="socialize-in-button socialize-in-button-vertical"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NoYXJl" class=\"twitter-share-button\" data-url=\"http://www.steveworkman.com/web-design/user-interfaces/2011/hardware-then-ui-will-drive-mobile-forward/\" data-text=\"Hardware, then UI, will drive mobile forward\" data-count=\"horizontal\" data-via=\"steveworkman\" data-related=\"steveworkman\"><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-vertical"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.steveworkman.com/web-design/user-interfaces/2011/hardware-then-ui-will-drive-mobile-forward/&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div><div class="socialize-in-button socialize-in-button-vertical"><g:plusone size="standard" href="http://www.steveworkman.com/web-design/user-interfaces/2011/hardware-then-ui-will-drive-mobile-forward/"></g:plusone></div><div class="socialize-in-button socialize-in-button-vertical"><script type="in/share" data-url="http://www.steveworkman.com/web-design/user-interfaces/2011/hardware-then-ui-will-drive-mobile-forward/" data-counter="right"></script></div></div><p>It&#8217;s Mobile World Congress 2011 this week, and amongst the throngs of Honeycomb tablets, Nokia and Microsoft square dancing on the showroom floor, there are a few announcements that may not be hugely exciting to the general public, but that the tech community should be giggling with glee about.</p>
<p>I&#8217;m talking about this:</p>
<div id="attachment_579" class="wp-caption aligncenter" style="width: 610px"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzAyL0RTQ18xNDAxX3NtLmpwZw=="><img class="size-full wp-image-579" title="DSC_1401_sm" src="http://www.steveworkman.com/wp-content/uploads/2011/02/DSC_1401_sm.jpg" alt="Kal-El benchmark, courtesy of Anandtech" width="600" height="379" /></a><p class="wp-caption-text">Kal-El benchmark, courtesy of Anandtech</p></div>
<p>This is Nvidia announcing the Kal-El SoC (System on Chip), a 12-core Tegra 2 GPU mixed with a quad-core ARM Cortex A9 CPU, all on one chip. Even better yet, this chip will be seen in tablet computers in <strong>6 months time</strong>. That&#8217;s an incredibly aggressive timeline considering the brand new Tegra 2 chip is only 9 days old, and yet it&#8217;s performance has already been doubled.</p>
<p>The even bigger news that has slipped by, is that that&#8217;s not all.</p>
<div id="attachment_580" class="wp-caption aligncenter" style="width: 610px"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDExLzAyL3JvYWRtYXBfc20uanBn"><img class="size-full wp-image-580" title="roadmap_sm" src="http://www.steveworkman.com/wp-content/uploads/2011/02/roadmap_sm.jpg" alt="Tegra 2 roadmap" width="600" height="319" /></a><p class="wp-caption-text">Tegra 2 roadmap, courtesy of Anandtech</p></div>
<p>Notice the scale on the left hand side. Whilst the new chips are rising in a linear fashion, that&#8217;s a logarithmic scale, so every year, these chips will double in power. By 2014, we should have SoCs in mobile computers that are 4 times as fast as a Core i7 CPU and 25 times faster than a Core2 Duo. That&#8217;s an amazing amount of computational power in a chip the size of a peanut with a TDP of ~1W.</p>
<p><strong>Modern UIs need this power</strong><br />
So what are we going to do with all this power? Whilst it&#8217;ll be like having an XBox 360 in your pocket, games aren&#8217;t the only thing that will use this power.</p>
<p>Just take a look at Microsoft&#8217;s <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2JlYXV0eW9mdGhld2ViLmNvbQ==">Beauty of the Web</a> demo site, showing off IE9&#8242;s hardware acceleration enabling it to make blizzards with HTML5 web technologies. That&#8217;s just the start of what we&#8217;ll be able to do with this power. Think how useful Honeycomb&#8217;s 3D Google maps will be, and think how it can be used to empower a mobile workforce, being able to take your entire desktop with you and have it work like your desktop pc. It will enable the mobile user to process huge data sets which previously would have been a server job, letting the workforce make complex decisions quickly and on the move.</p>
<p>Of course, don&#8217;t expect things to change overnight. The first things to happen will be &#8220;true&#8221; multi-tasking, then a proliferation of HD video including Skype. It&#8217;s taken years for web developers to embrace CSS3 functions, it&#8217;ll take another few years to truly embrace canvas, SVG and WebGL.</p>
<p><strong>The future vision is coming</strong><br />
At CES 2009, Microsoft showed off a video for their Office of 2019 concept (below). The hardware announced today will drive this forward and enable developers to make these UIs of the future. I can&#8217;t wait to be part of this future</p>
<p><iframe title="YouTube video player" width="560" height="349" src="http://www.youtube.com/embed/XiqgmAYrd3c" frameborder="0" allowfullscreen></iframe></p>
<p>Images in this post are from <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5hbmFuZHRlY2guY29tL3Nob3cvNDE4MS9udmlkaWFzLXByb2plY3Qta2FsZWwtcXVhZGNvcmUtYTlzLWNvbWluZy10by1zbWFydHBob25lc3RhYmxldHMtdGhpcy15ZWFy">Anandtech.com</a></p>
 <img src="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=578" width="1" height="1" style="display: none;" />

<p><strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/mobile/2010/dangers-of-an-open-mobile-os/' rel='bookmark' title='Dangers of an open mobile OS'>Dangers of an open mobile OS</a></li>
<li><a href='http://www.steveworkman.com/offtopic/2010/is-wordpress-putting-whitespace-in-your-xml-heres-how-to-fix-it/' rel='bookmark' title='Is WordPress putting whitespace in your XML? Here&#8217;s how to fix it'>Is WordPress putting whitespace in your XML? Here&#8217;s how to fix it</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2008/what-would-the-best-mobile-web-toolkit-do/' rel='bookmark' title='What Would the Best Mobile Web Toolkit Do?'>What Would the Best Mobile Web Toolkit Do?</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.steveworkman.com/web-design/user-interfaces/2011/hardware-then-ui-will-drive-mobile-forward/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Emily vs the iPad</title>
		<link>http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/</link>
		<comments>http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/#comments</comments>
		<pubDate>Tue, 28 Sep 2010 12:13:52 +0000</pubDate>
		<dc:creator>Steve Workman</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iPad]]></category>

		<guid isPermaLink="false">http://www.steveworkman.com/?p=446</guid>
		<description><![CDATA[Aaargh! I hate this stupid thing! Why won&#8217;t it do what I ask it to do! I heard this cry coming from the living room one evening. My fiancée, Emily, was trying to use my beloved iPad to write an e-mail. &#8220;What&#8217;s it done this time?&#8221;, I politely inquire in response. &#8220;Everything!&#8221; came the reply, [...]


<strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/offtopic/ramblings/2010/i-could-really-do-with-an-ipad-right-now/' rel='bookmark' title='I could really do with an iPad right now'>I could really do with an iPad right now</a></li>
<li><a href='http://www.steveworkman.com/web-design/user-interfaces/2010/droid-doesnt-do-tablets/' rel='bookmark' title='Droid Doesn&#8217;t do tablets'>Droid Doesn&#8217;t do tablets</a></li>
<li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2011/ipad-2-the-porsche-school-of-all-new-design/' rel='bookmark' title='iPad 2: the Porsche school of &#8220;all new design&#8221;'>iPad 2: the Porsche school of &#8220;all new design&#8221;</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:right;"><div class="socialize-in-button socialize-in-button-vertical"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NoYXJl" class=\"twitter-share-button\" data-url=\"http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/\" data-text=\"Emily vs the iPad\" data-count=\"horizontal\" data-via=\"steveworkman\" data-related=\"steveworkman\"><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-vertical"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div><div class="socialize-in-button socialize-in-button-vertical"><g:plusone size="standard" href="http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/"></g:plusone></div><div class="socialize-in-button socialize-in-button-vertical"><script type="in/share" data-url="http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/" data-counter="right"></script></div></div><div id="attachment_480" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDEwLzA5L0RTQ18wNDUwLTEuanBn"><img class="size-full wp-image-480" title="Emily and the iPad" src="http://www.steveworkman.com/wp-content/uploads/2010/09/DSC_0450-1.jpg" alt="Emily and the iPad" width="500" height="333" /></a><p class="wp-caption-text">Emily and the iPad</p></div>
<blockquote><p><strong><em>Aaargh! I hate this stupid thing! Why won&#8217;t it do what I ask it to do!</em></strong></p></blockquote>
<p>I heard this cry coming from the living room one evening. My fiancée, Emily, was trying to use my beloved iPad to write an e-mail. &#8220;What&#8217;s it done this time?&#8221;, I politely inquire in response.<br />
&#8220;Everything!&#8221; came the reply, &#8220;All I want to do is send an e-mail, how hard can it be!&#8221;</p>
<p>Always wanting to help (like the loving husband-to-be I am) I show her how to copy and paste, move the cursor and find the comma key on e-mail layout keyboards, but then it struck me, why is this so hard? So, I asked her to sit down with me and tell me all of the problems that a real person(tm) has with Apple&#8217;s latest gadget.</p>
<hr />
<blockquote><p>&#8220;Firstly, before I met you, I hadn&#8217;t ever used a Mac. I had heard they were just for designers and arty-farty people, but they&#8217;re just normal computers for every-day use. This is not about not understanding Macs, this is about the iPad. Also, I love the long battery life, and I really like the screen, it&#8217;s brilliant.&#8221;</p></blockquote>
<blockquote><p>&#8220;I&#8217;m a Hotmail user, and I can&#8217;t get more than 50 messages when I&#8217;m using the Mail app. Your GMail account works fine, searches on the server and everything, but Hotmail is a second-class citizen and doesn&#8217;t get all the features it should. It also doesn&#8217;t sync read/unread items back to the web interface (which I use most of the time) so I don&#8217;t know what I&#8217;ve read and what I haven&#8217;t.&#8221;</p></blockquote>
<blockquote><p>&#8220;There&#8217;s no iPad app for Facebook. The iPhone version on the iPad looks rubbish, as do all iPhone-specific apps. The visual quality is really poor and not what I&#8217;ve come to expect from the iPad.&#8221;</p></blockquote>
<blockquote><p>&#8220;I&#8217;m left-handed, and sometimes the iPad doesn&#8217;t pick up the gestures that I make. Tapping on an icon sometimes sends me to the search screen! The whole interface seems to have been made for right-handed people.&#8221;</p></blockquote>
<blockquote><p>&#8220;Moving the cursor around when entering text is painfully slow and really inaccurate. When I&#8217;m moving it the magnifying glass is right under my finger so that doesn&#8217;t help at all! When my wrist touches the screen the whole screen moves and suddenly jumps to the bottom which is infuriating.&#8221;</p></blockquote>
<blockquote><p>&#8220;It&#8217;s heavy. For a girl, it&#8217;d be nice to have it in a handbag, but the iPad is too large and heavy for that. It wouldn&#8217;t fit in 80% of my handbags and any it would fit in would also take a 13&#8243; laptop, which would be far more useful.&#8221;</p></blockquote>
<blockquote><p>&#8220;I&#8217;ve not played many games on any platform so I can&#8217;t compare the iPad to anything else like that. Still, the games I play on it are fun, if a little pointless.&#8221;</p></blockquote>
<blockquote><p>&#8220;Getting stuff on to it is hard. iTunes is an issue and if you don&#8217;t use Google/MobileMe, something like Dropbox or have your work e-mail on it, it&#8217;s even harder to put stuff on it. It needs a USB port to load documents on. The camera connection kit is good, but it&#8217;s pretty slow.&#8221;</p></blockquote>
<blockquote><p>&#8220;There&#8217;s no Flash support for it, and to me that&#8217;s critical. For example, checking the weather on the BBC, I can get the basic information but the radar weather map doesn&#8217;t work. Sites that have their own video player, like Wedding TV<sup>1</sup> don&#8217;t work, and for me, that seriously hampers its usefulness&#8221;</p></blockquote>
<blockquote><p>&#8220;I want web sites to work the same on the iPad as they do on the PC. These &#8216;Mobile-optimised&#8217; sites are suitable for the iPhone, but not for the iPad and they shouldn&#8217;t come up <em>(N.B. this is referring to the Hotmail mobile web interface).</em> I don&#8217;t want to have to learn another interface. If I wanted just e-mail, I&#8217;ll use the Mail app, but since I want the web site in the browser, show me the actual web site!&#8221;</p></blockquote>
<blockquote><p>&#8220;It&#8217;s just not an improvement on a laptop for the situations where I&#8217;d use it. If I wanted something that size I&#8217;d take a laptop instead as it&#8217;s has a DVD drive, all my music and all my web sites.&#8221;</p></blockquote>
<blockquote><p>&#8220;All that said, it&#8217;s a brilliant device that has its purposes and has generally replaced the laptop for general Internet browsing, but for what I want something that kind of size to do, it just doesn&#8217;t do it.&#8221;</p></blockquote>
<p><sup>1</sup> <em>Yes boys, it exists, it&#8217;s on Sky.</em></p>
<hr />
<p>These aren&#8217;t the typical usability problems that his lordship <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy51c2VpdC5jb20vYWxlcnRib3gvaXBhZC5odG1s">Neilsen came up with</a>, they represent problems of someone who uses Macs, works with a computer every day, and still has issues getting things done on the iPad. To be honest, some days I do too (discovering that yet another web site uses Flash is a classic).</p>
<p>What gets me is that many of these can be resolved by Apple and their close partners: making Hotmail work better with Mail, doing more testing with left-handed users, Facebook releasing an iPad app, Hotmail turning off the mobile site for the iPad, making the iPad render pixel-doubled iPhone apps properly (I refuse to believe that text can&#8217;t be made smooth), and finally making iTunes work better for file management (or enabling people to use explorer/finder).</p>
<p>The moral of the story is whilst you can&#8217;t please everyone with your designs, don&#8217;t think solely about your target audience. Try to think about the people around them who will use the device and make sure it works for them too. If you&#8217;re after a more practical use for this story, learn that the iPad isn&#8217;t perfect, in fact, it&#8217;s far from it. I still believe it&#8217;s the best that&#8217;s out there, and I&#8217;d love Emily to get her hands on a Galaxy Tablet to compare the two. We&#8217;ll have to wait to see what 2011 and Android 3.0 and the <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5ibGFja2JlcnJ5LmNvbS9wbGF5Ym9vaw==">BlackBerry Playbook</a> can bring to the table to gauge if the iPad has a real competitor which can make my fiancée happy!</p>
 <img src="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=446" width="1" height="1" style="display: none;" />

<p><strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/offtopic/ramblings/2010/i-could-really-do-with-an-ipad-right-now/' rel='bookmark' title='I could really do with an iPad right now'>I could really do with an iPad right now</a></li>
<li><a href='http://www.steveworkman.com/web-design/user-interfaces/2010/droid-doesnt-do-tablets/' rel='bookmark' title='Droid Doesn&#8217;t do tablets'>Droid Doesn&#8217;t do tablets</a></li>
<li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2011/ipad-2-the-porsche-school-of-all-new-design/' rel='bookmark' title='iPad 2: the Porsche school of &#8220;all new design&#8221;'>iPad 2: the Porsche school of &#8220;all new design&#8221;</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Droid Doesn&#8217;t do tablets</title>
		<link>http://www.steveworkman.com/web-design/user-interfaces/2010/droid-doesnt-do-tablets/</link>
		<comments>http://www.steveworkman.com/web-design/user-interfaces/2010/droid-doesnt-do-tablets/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 13:03:15 +0000</pubDate>
		<dc:creator>Steve Workman</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[User Interfaces]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Froyo]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Tablets]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.steveworkman.com/?p=400</guid>
		<description><![CDATA[As a developer and iPhone fan, nothing pleases me more to say that Android has caught up with the iPhone. Android hardware has been great for a while, the Motorola Droid and Nexus One being the first in a wave of great devices, but the software hadn&#8217;t been right. Android took its sweet time to [...]


<strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/user-interfaces/2010/why-tablets-arent-working/' rel='bookmark' title='Why tablets aren&#8217;t working'>Why tablets aren&#8217;t working</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2009/why-iphone-web-apps-are-still-worthwhile/' rel='bookmark' title='Why iPhone Web Apps are Still Worthwhile'>Why iPhone Web Apps are Still Worthwhile</a></li>
<li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/' rel='bookmark' title='Emily vs the iPad'>Emily vs the iPad</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="socialize-in-content" style="float:right;"><div class="socialize-in-button socialize-in-button-vertical"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3R3aXR0ZXIuY29tL3NoYXJl" class=\"twitter-share-button\" data-url=\"http://www.steveworkman.com/web-design/user-interfaces/2010/droid-doesnt-do-tablets/\" data-text=\"Droid Doesn&#8217;t do tablets\" data-count=\"horizontal\" data-via=\"steveworkman\" data-related=\"steveworkman\"><!--Tweetter--></a></div><div class="socialize-in-button socialize-in-button-vertical"><iframe src="http://www.facebook.com/plugins/like.php?href=http://www.steveworkman.com/web-design/user-interfaces/2010/droid-doesnt-do-tablets/&amp;layout=button_count&amp;show_faces=false&amp;width=50&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px !important; height:65px;" allowTransparency="true"></iframe></div><div class="socialize-in-button socialize-in-button-vertical"><g:plusone size="standard" href="http://www.steveworkman.com/web-design/user-interfaces/2010/droid-doesnt-do-tablets/"></g:plusone></div><div class="socialize-in-button socialize-in-button-vertical"><script type="in/share" data-url="http://www.steveworkman.com/web-design/user-interfaces/2010/droid-doesnt-do-tablets/" data-counter="right"></script></div></div><p><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDEwLzA5L2FzdXMtZWVlLXBhZC1hbmRyb2lkLXRhYmxldC1kZXZpY2UuanBn"><img class="aligncenter size-full wp-image-434" title="Android and tablets" src="http://www.steveworkman.com/wp-content/uploads/2010/09/asus-eee-pad-android-tablet-device.jpg" alt="No Android on tablets" width="590" height="369" /></a> As a developer and iPhone fan, nothing pleases me more to say that Android has caught up with the iPhone. Android hardware has been great for a while, the Motorola Droid and Nexus One being the first in a wave of great devices, but the software hadn&#8217;t been right. Android took its sweet time to develop but finally has all the great features iPhone users have enjoyed since the iPhone 3G and more (wi-fi hotspots for example).</p>
<p>Thing is, the iPhone, and iOS, has moved on.</p>
<p>Since the launch of the iPad, every Android-lover has been waiting for a tablet with Android on it. They want the brilliance and openness of Android on a more useful (day-to-day) form factor. To those people, I say wait, it&#8217;s not ready yet.  In order to put iOS on a tablet, Apple had to fork the code base into two versions, iPhone 3.1 (later 4.0) and iPad 3.2. To date (though that may change at the September 1st event), these two branches have not converged, nearly 9 months later. Apple did this for a very good reason: the native controllers and views are not suitable for tablet devices and new paradigms needed to be created.</p>
<div id="attachment_436" class="wp-caption aligncenter" style="width: 277px"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDEwLzA5L3NwbGl0dmlld19tYXN0ZXIuanBn"><img class="size-medium wp-image-436" title="SplitView diagram" src="http://www.steveworkman.com/wp-content/uploads/2010/09/splitview_master-267x300.jpg" alt="The SplitView Navigation controller" width="267" height="300" /></a><p class="wp-caption-text">The SplitView Navigation controller, necessary for much of the good UI interaction on the iPad. Courtesy of Apple</p></div>
<p>Android tablets, on the other hand, are content with throwing the same old mobile-centric code at tablets. For example, today <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5lbmdhZGdldC5jb20vMjAxMC8wOC8zMS9hcmNob3MtdW5sZWFzaGVzLWZpdmUtZml2ZS1uZXctYW5kcm9pZC1mcm95by10YWJsZXRzLXdlLWdvLWgv">Archos unveiled five new Android 2.2 devices from 2.8&#8243; to 10.1&#8243;</a> and Samsung is about to unveil their <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2dhbGF4eXRhYi5zYW1zdW5nbW9iaWxlLmNvbS8=">Galaxy tablet</a> which is a 7&#8243; Froyo device.</p>
<p>So, why isn&#8217;t this a good idea. For one, the Android developer API says it <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL2RldmVsb3Blci5hbmRyb2lkLmNvbS9ndWlkZS9wcmFjdGljZXMvc2NyZWVuc19zdXBwb3J0Lmh0bWw=">doesn&#8217;t support screens larger than 4.3&#8243;</a>. That should be a pretty good first clue.  Take the iPad HCI guidelines for a second clue. It states that full screen transitions are bad, interfaces have to be tailored to the device, and you have to do more than just blow up the interface to twice the size. Take a look at how iPhone apps look on the iPad for that one.</p>
<div id="attachment_435" class="wp-caption aligncenter" style="width: 379px"><a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5zdGV2ZXdvcmttYW4uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDEwLzA5L2lwaG9uZS1vbi1pcGFkLnBuZw=="><img class="size-full wp-image-435" title="iphone-on-ipad" src="http://www.steveworkman.com/wp-content/uploads/2010/09/iphone-on-ipad.png" alt="iPhone app on an iPad" width="369" height="513" /></a><p class="wp-caption-text">iPhone app on an iPad, now think of an Android app, just blown up.</p></div>
<p>Truthfully, the current Android SDK just can&#8217;t cope with the demands of a tablet UI. Little things like smooth transitions when rotating to big things like having universal apps which cover multiple screen sizes well. Android has support for multiple screen sizes, but it relies on relative positioning for this and is an inelegant solution compared with Apple&#8217;s interface builder.</p>
<p>A bigger screen will accentuate the differences in the quality of iOS and Android apps. If you have a mediocre Android app and put it on a tablet, it&#8217;s going to look poor, but put a mediocre iPhone app on the iPad, and it&#8217;s at least usable.  Take a look at this video of a $50 Android tablet from India  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="385" 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/t9vYkwp7GwE&amp;color1=0xb1b1b1&amp;color2=0xd0d0d0&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/t9vYkwp7GwE&amp;color1=0xb1b1b1&amp;color2=0xd0d0d0&amp;hl=en_US&amp;feature=player_embedded&amp;fs=1" allowscriptaccess="always" allowfullscreen="true"></embed></object> Do you want a UI like that on your tablet? Didn&#8217;t think so.</p>
<p>So, my advice, is wait. Wait until Android 3.0 (Gingerbread) comes out in Q4 this year, then wait until 2011 for some good hardware. 3.0 has set precedent by disallowing vendor customisation, forcing a much-more Apple-esque standard set of controllers which will suit more purposes. Acer and Motorola have already announced that they&#8217;re <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5lbmdhZGdldC5jb20vMjAxMC8wOC8xOS9hY2VyLWFuZC1tb3Rvcm9sYS1nZXR0aW5nLXNwaWN5LWdpbmdlcmJyZWFkLWZvci1hbmRyb2lkLTMtMC10YWJsLw==">delaying the launch of their Android tablets</a> until 3.0 is available.</p>
<p>Still, when that time comes around, the second generation iPad will be out, and then Android will be playing catch up again.</p>
<p><strong>Update: </strong>Just seen the <a href="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?url=aHR0cDovL3d3dy5lbmdhZGdldC5jb20vMjAxMC8wOS8wMS92aWV3c29uaWMtdmlld3BhZC03LXZpZGVvLWhhbmRzLW9uLw==">ViewSonic ViewPad</a> 7, a 7&#8243; Froyo tablet. Take a look at the video in the link: it&#8217;s full-screen all the way, sluggish and, I quote &#8220;a plastic rebadge me-too Android tablet&#8221;. When you&#8217;re watching the video, think about how that&#8217;s going to work on a tablet the size of an iPad (or the Archos 101 for that matter). It&#8217;s not going to be pretty.</p>
 <img src="http://www.steveworkman.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=400" width="1" height="1" style="display: none;" />

<p><strong>If you liked this, you may also like:</strong><ol><li><a href='http://www.steveworkman.com/web-design/user-interfaces/2010/why-tablets-arent-working/' rel='bookmark' title='Why tablets aren&#8217;t working'>Why tablets aren&#8217;t working</a></li>
<li><a href='http://www.steveworkman.com/html5-2/standards/2009/why-iphone-web-apps-are-still-worthwhile/' rel='bookmark' title='Why iPhone Web Apps are Still Worthwhile'>Why iPhone Web Apps are Still Worthwhile</a></li>
<li><a href='http://www.steveworkman.com/web-design/iphone-web-design/2010/emily-vs-the-ipad/' rel='bookmark' title='Emily vs the iPad'>Emily vs the iPad</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.steveworkman.com/web-design/user-interfaces/2010/droid-doesnt-do-tablets/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

