<?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>jeremy johnson (online) &#187; design</title>
	<atom:link href="http://www.jeremyjohnsononline.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jeremyjohnsononline.com</link>
	<description>Jeremy Johnson writes about User Experience, Design, technology, mobile, and all things the Internet. He also enjoys art, photography, travel, and gaming. This is his home on the Internet.</description>
	<lastBuildDate>Mon, 19 Jul 2010 15:07:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Create your own Mini-Mobile Strategy Workshop</title>
		<link>http://www.jeremyjohnsononline.com/2010/07/01/create-your-own-mini-mobile-strategy-workshop/</link>
		<comments>http://www.jeremyjohnsononline.com/2010/07/01/create-your-own-mini-mobile-strategy-workshop/#comments</comments>
		<pubDate>Thu, 01 Jul 2010 21:21:52 +0000</pubDate>
		<dc:creator>Jeremy Johnson</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[how to]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[pdf]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://www.jeremyjohnsononline.com/?p=235</guid>
		<description><![CDATA[I&#8217;ve received some great comments, questions, and kudos from my IA Summit and Big Design talks on Mobile Strategy, and I&#8217;ve heard from a good number of people that they&#8217;re using the presentation to make decisions about mobile strategy on their own (which is great!). I did put together a couple of quick worksheets that [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2010/07/mini-mobile.jpg" alt="" title="mini-mobile" width="390" height="250" class="alignnone size-full wp-image-236" /></p>
<p>I&#8217;ve received some great comments, questions, and kudos from my <a href="http://2010.iasummit.org/talks/9753">IA Summit</a> and <a href="http://bigdesignconference.com/2010/05/speaker-spotlight-jeremy-johnson-understanding-the-mobile-design-question/">Big Design</a> talks on Mobile Strategy, and I&#8217;ve heard from a good number of people that they&#8217;re using the presentation to make decisions about mobile strategy on their own (which is great!). I did put together a couple of quick worksheets that could help turn the presentation into a mini-workshop for anyone trying to make decisions about <em>what to do in mobile</em>.<br />
<span id="more-235"></span><br />
<strong>The first is really just a follow-along worksheet, where you can take notes, and fill in the blanks:</strong></p>
<p><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2010/07/Screen-shot-2010-07-01-at-2.06.55-PM-231x300.png" alt="" title="Mobile Worksheet" width="231" height="300" class="alignnone size-medium wp-image-239" /><br />
<a href="http://www.23hd.com/pdf/mobile_worksheet.pdf">Download PDF</a></p>
<p><strong>The second is a sketch sheet, where you can start to vision out and do a little designing of your own. Sketch out a couple pages, and see if your interactions and flows make sense.</strong></p>
<p><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2010/07/Screen-shot-2010-07-01-at-2.07.09-PM-300x231.png" alt="" title="Mobile Sketch Sheet" width="300" height="231" class="alignnone size-medium wp-image-240" /><br />
<a href="http://www.23hd.com/pdf/mobile_sketch_sheet.pdf">Download PDF</a></p>
<p>I added some things to remember while sketching:</p>
<ul>
<li>Simplify the design</li>
<li>Design for touch &#8211; not mouse</li>
<li>Note common mobile UI patterns</li>
<li>Think about context &#8211; traveling vs. at home</li>
<li>Design for speed &#8211; let them get to what they need quickly</li>
<li>Rank functionality &#8211; you don&#8217;t need everything!</li>
<li>Follow usage patterns &#8211; what are your users doing on mobile</li>
<li>Remember location</li>
<li>Don’t cram too much</li>
<li>Note phone features &#8211; GPS, Camera, etc&#8230;</li>
</ul>
<p><em><strong>Hopefully this will help you or your company come to a decision on your mobile strategy.</strong></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jeremyjohnsononline.com/2010/07/01/create-your-own-mini-mobile-strategy-workshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>All the news that&#8217;s fit to share&#8230;</title>
		<link>http://www.jeremyjohnsononline.com/2010/06/14/all-the-news-thats-fit-to-share/</link>
		<comments>http://www.jeremyjohnsononline.com/2010/06/14/all-the-news-thats-fit-to-share/#comments</comments>
		<pubDate>Mon, 14 Jun 2010 12:59:00 +0000</pubDate>
		<dc:creator>Jeremy Johnson</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://www.jeremyjohnsononline.com/?p=201</guid>
		<description><![CDATA[I&#8217;m pretty much an RSS junkie. User Experience, mobile, technology, gaming &#8211; it all never stops. My passion for consuming news and feeds comes from my passion for what I do, and how it all relates with each other. Need a new icon for an iPhone app? I just starred that. What trends will shape [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2010/06/rss_post2.jpg" alt="" title="rss_post" width="390" height="250" class="alignnone size-full wp-image-233" /></p>
<p>I&#8217;m pretty much an RSS junkie. User Experience, mobile, technology, gaming &#8211; it all never stops. My passion for consuming news and feeds comes from my passion for what I do, and how it all relates with each other. Need a new icon for an iPhone app? I just starred that. What trends will shape the next five years? I&#8217;m sharing it right now. And I want to make finding these items easier for anyone who has a passion for these same topics&#8230;<br />
<span id="more-201"></span><br />
I&#8217;ve been trying to keep up with everything everywhere (if only I could just download the internet ;-) for years, and luckily the tools have gotten better (have you seen the new <a href="http://itunes.apple.com/app/reeder-for-ipad/id375661689?mt=8">reeder app for the iPad?</a><em>- screen below</em>), feeds better organized, and news &#8211; ever more abundant. Add to that the proliferation of twitter (etc..), and sharing these links has become a mainstream event in most people&#8217;s lives.</p>
<p><a href="http://www.jeremyjohnsononline.com/wp-content/uploads/2010/06/reeder_screen.jpg"><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2010/06/reeder_screen.jpg" alt="" title="reeder_screen" width="512" height="384" class="alignnone size-full wp-image-208" /></a></p>
<p>I&#8217;ve found that most people who do what I do have similar interests. They&#8217;re interested in what I&#8217;m reading, and I&#8217;m interested in what they&#8217;re reading. So I wanted to make that easier, not only for RSS junkies like myself, but for people who possibly leapfrogged directly to twitter, or have other reasons for not consuming news via readers, feeds, &#8220;top sites&#8221;, or something forced on them, like Google Buzz.</p>
<p><strong>So here you go</strong> &#8211; if you&#8217;re on twitter and interested in the following topics, follow me, and I&#8217;ll share what I find (details on this below):</p>
<ul>
<li><a href="http://twitter.com/jeremyfeeds">http://twitter.com/jeremyfeeds</a> (@jeremyfeeds)- this is the mothership, taking directly from my Google Reader shared feed, and posting here. Be prepared for some heavy tweeting.</li>
<li><a href="http://twitter.com/mobilefeeds">http://twitter.com/mobilefeeds</a> (@mobilefeeds) &#8211; this is segmented specifically for those interested in mobile technology: iPhone, iPad, Android, mobile usage, statistics, etc&#8230;</li>
<li><a href="http://twitter.com/trendingtravel">http://twitter.com/trendingtravel</a> (@trendingtravel) &#8211; travel news: hotels, travel sites, itinerary tools, destination guides, etc&#8230;</li>
<li><a href="http://twitter.com/touchtrends">http://twitter.com/touchtrends</a> (@touchtrends) &#8211; keeping up with touch and multi-touch news and trends.</li>
<li><a href="http://twitter.com/gamerposts">http://twitter.com/gamerposts</a> (@gamerposts) &#8211; news around the video game industry, new games, deals, new technologies, etc&#8230;</li>
<li><a href="http://twitter.com/jeremylikes">http://twitter.com/jeremylikes</a> (@jeremylikes) &#8211; this is a collection of things I favorite, like, and star on twitter, flickr, and tumblr.</li>
</ul>
<p>And of course if you&#8217;re already using google reader &#8211; go straight to the source &#8211; my Google Reader account: <a href="http://www.google.com/reader/shared/jeremyj">http://www.google.com/reader/shared/jeremyj</a> or read them at your leisure on my Google Profile page: <a href="http://www.google.com/profiles/jeremyj">http://www.google.com/profiles/jeremyj</a></p>
<p>While this may seem daunting (updating all these accounts) &#8211; it&#8217;s actually really simple. I&#8217;m using a great little online tool called <a href="http://dlvr.it">dlvr.it</a>. This lets me take my feed (that I&#8217;m creating anyways) and split it using keywords across these different twitter accounts &#8211; automatically! It&#8217;s not perfect &#8211; a post about travel could leak over to @gamerposts if the article for some reason mentions &#8220;airlines&#8221;, but in general it works pretty well.</p>
<p>dlvr.it also keeps stats, and tracks the click-throughs, which is interesting, and if accurate shows how many people are just out there on twitter searching keywords. In a months time <a href="http://twitter.com/jeremyfeeds">@jeremyfeeds</a> got 10k clicks on just 700 posts (which it tells me is an average of 15 clicks per post).</p>
<p>More and more people are turning to twitter to find new and interesting news posts online &#8211; and I only see that as a trend that will continue to grow as twitter gains more and more mainstream popularity.</p>
<p>I hope by doing this, I can help people find out more information on what they&#8217;re passionate about, and in turn, will eventually share their own findings.</p>
<p>Feel free to also follow my personal account <a href="http://twitter.com/jeremyjohnson">@jeremyjohnson</a>, or my less serious <a href="http://twitter.com/raisingrobots">@raisingrobots</a> as well. See you online!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jeremyjohnsononline.com/2010/06/14/all-the-news-thats-fit-to-share/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Big (D)esign 2010 #bigd10</title>
		<link>http://www.jeremyjohnsononline.com/2010/06/04/big-design-2010-bigd10/</link>
		<comments>http://www.jeremyjohnsononline.com/2010/06/04/big-design-2010-bigd10/#comments</comments>
		<pubDate>Fri, 04 Jun 2010 16:34:20 +0000</pubDate>
		<dc:creator>Jeremy Johnson</dc:creator>
				<category><![CDATA[conference]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[social]]></category>

		<guid isPermaLink="false">http://www.jeremyjohnsononline.com/?p=190</guid>
		<description><![CDATA[This was the second year for Big Design, and like most second times around, it was bigger, better, and still the best Design conference in the DFW area &#8211; one that also ties in social media and development. This year, not only did I get to help out, but I gave my IA Summit presentation [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.jeremyjohnsononline.com/wp-content/uploads/2010/06/bigd_2010.jpg"><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2010/06/bigd_2010.jpg" alt="" title="bigd_2010" width="390" height="250" class="alignnone size-full wp-image-191" /></a><br />
This was the second year for Big Design, and like most second times around, it was bigger, better, and still the best Design conference in the DFW area &#8211; one that also ties in social media and development. This year, not only did I get to help out, but I gave my <a href="http://bigdesignconference.com/2010/05/speaker-spotlight-jeremy-johnson-understanding-the-mobile-design-question/">IA Summit presentation on Mobile Strategy</a> (updated for the months passed) to a great crowd who indulged my fast talking, information packed presentation style.<br />
<span id="more-190"></span><br />
What goes into making a successful conference? <a href="http://bigdesignconference.com/2009/05/introducing-your-conference-organizers/">Lots of great people</a> with a great community of support. This year I mainly helped with swag and signage. <a href="http://twitter.com/logo2u">@logo2u</a> helped get us some great stuff: a moleskine &#8220;like&#8221; notebook, sharpie pen, sticker, badge, and lots of tshirts.</p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/4619068533/" title="Sketch pads for @bigdesign are in! by Jeremy Johnson, on Flickr"><img src="http://farm4.static.flickr.com/3308/4619068533_c827311327.jpg" width="374" height="500" alt="Sketch pads for @bigdesign are in!" /></a></p>
<p>The signage was bigger and better thanks to <a href="http://www.fastsigns.com/">fastsigns being a sponsor</a> this year.</p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/4647082008/" title="IMG_6586.jpg by Jeremy Johnson, on Flickr"><img src="http://farm5.static.flickr.com/4037/4647082008_82e1e9d62b.jpg" width="500" height="333" alt="IMG_6586.jpg" /></a></p>
<p>It&#8217;s really amazing the great talent we have in the area, and this year we augmented with some  great out-of-towners like: Jared Spool, <a href="http://bigdesignconference.com/2010/04/speaker-spotlight-bill-scott-design-lenses-lessons-for-other-design-crafts/">Bill Scott</a>, <a href="http://bigdesignconference.com/2010/05/speaker-spotlight-chris-bernard-john-hughes-lessons-in-big-design/">Chris Bernard</a>, and <a href="http://bigdesignconference.com/2010/04/speaker-spotlight-dr-susan-weinschenk-the-brain-lady/">Dr. Susan Weinschenk</a>.</p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/4647084336/" title="IMG_6639.jpg by Jeremy Johnson, on Flickr"><img src="http://farm5.static.flickr.com/4008/4647084336_73bdf7b0a8.jpg" width="500" height="333" alt="IMG_6639.jpg" /></a></p>
<p>Stephen Anderson had us supplied with a mini-set of <a href="http://getmentalnotes.com/">Mental Notes cards</a>.</p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/4656877790/" title="IMG_6781.jpg by Jeremy Johnson, on Flickr"><img src="http://farm5.static.flickr.com/4055/4656877790_9e960e237a.jpg" width="500" height="333" alt="IMG_6781.jpg" /></a></p>
<p>Many of the slide decks were out on Note &#038; Point from the presentations at Big Design: <a href="http://noteandpoint.com/2010/06/rebirth-of-slick-why-great-design-will-make-people-love-your-company/">Kelsey Ruger</a>, <a href="http://noteandpoint.com/2010/06/keynote-kung-fu-how-to-wireframe-like-a-ninja/">Travis Issacs</a>, and<a href="http://noteandpoint.com/2010/05/overseas-usability-testing/"> Joe Dyer</a>. And a couple more presentations on the <a href="http://www.slideshare.net/event/big-design-2010">Big Design SlideShare group</a>.</p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/4656249337/" title="IMG_6715.jpg by Jeremy Johnson, on Flickr"><img src="http://farm5.static.flickr.com/4032/4656249337_66acb10a05.jpg" width="500" height="333" alt="IMG_6715.jpg" /></a></p>
<p>But what about the parties you ask? Yes we have those as well.</p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/4657793949/" title="IMG_7044.jpg by Jeremy Johnson, on Flickr"><img src="http://farm5.static.flickr.com/4019/4657793949_c14d7248f0.jpg" width="500" height="333" alt="IMG_7044.jpg" /></a></p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/4657803255/" title="IMG_7076.jpg by Jeremy Johnson, on Flickr"><img src="http://farm5.static.flickr.com/4050/4657803255_325003a9a4.jpg" width="500" height="333" alt="IMG_7076.jpg" /></a></p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/4658412284/" title="IMG_7029.jpg by Jeremy Johnson, on Flickr"><img src="http://farm5.static.flickr.com/4041/4658412284_17e885e977.jpg" width="500" height="333" alt="IMG_7029.jpg" /></a></p>
<p>What does success look like for Big Design? A great group of people &#8211; wanting to connect, share and explore new topics.</p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/4657736667/" title="IMG_6872.jpg by Jeremy Johnson, on Flickr"><img src="http://farm5.static.flickr.com/4035/4657736667_5c78a1a642.jpg" width="500" height="333" alt="IMG_6872.jpg" /></a></p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/4658362530/" title="IMG_6880.jpg by Jeremy Johnson, on Flickr"><img src="http://farm5.static.flickr.com/4052/4658362530_4c703c80f9.jpg" width="500" height="333" alt="IMG_6880.jpg" /></a></p>
<p>Looking for more info about Big Design and how it went? Check out the <a href="http://twitter.com/#search?q=%23bigd10">#bigd10 hashtag</a>, and some of the blog posts and photos that followed the conference:</p>
<p><a href="http://www.flickr.com/photos/jeremyjohnson/collections/72157624078585771/">My photos on Flickr</a></p>
<p><a href="http://www.flickr.com/photos/michaelcummings/sets/72157624062846655/">@michaelcummings flickr set</a></p>
<p><a href="http://theusabilitycorner.blogspot.com/2010/06/big-design-day-1-secret-entrance.html">http://theusabilitycorner.blogspot.com/2010/06/big-design-day-1-secret-entrance.html</a></p>
<p><a href="http://theusabilitycorner.blogspot.com/2010/06/big-design-conference-my-timeline.html  ">http://theusabilitycorner.blogspot.com/2010/06/big-design-conference-my-timeline.html  </a></p>
<p><a href="http://worldofdevign.wordpress.com/2010/06/02/putting-on-my-bigd10-yellow-hat/">http://worldofdevign.wordpress.com/2010/06/02/putting-on-my-bigd10-yellow-hat/</a></p>
<p><a href="http://www.mkanderson.com/portal/archives/1797">http://www.mkanderson.com/portal/archives/1797</a></p>
<p><a href="http://derans.blogspot.com/2010/05/big-design-conference-2010-recap.html">http://derans.blogspot.com/2010/05/big-design-conference-2010-recap.html</a></p>
<p><a href="http://www.madmacgirl.com/2010/05/30/brief-reflections-on-the-bigdesign-conference/">http://www.madmacgirl.com/2010/05/30/brief-reflections-on-the-bigdesign-conference/</a></p>
<p><a href="http://baxie404.com/2010/05/big-d-conference-day-1/  ">http://baxie404.com/2010/05/big-d-conference-day-1/  </a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jeremyjohnsononline.com/2010/06/04/big-design-2010-bigd10/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The Mobile Question: Lessons in Design and Strategy for Your Mobile Experience</title>
		<link>http://www.jeremyjohnsononline.com/2010/04/26/the-mobile-question-lessons-in-design-and-strategy-for-your-mobile-experience/</link>
		<comments>http://www.jeremyjohnsononline.com/2010/04/26/the-mobile-question-lessons-in-design-and-strategy-for-your-mobile-experience/#comments</comments>
		<pubDate>Mon, 26 Apr 2010 21:35:46 +0000</pubDate>
		<dc:creator>Jeremy Johnson</dc:creator>
				<category><![CDATA[IA]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[me]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://www.jeremyjohnsononline.com/?p=182</guid>
		<description><![CDATA[Earlier this month I gave a presentation at the 2010 IA Summit in Phoenix, AZ on Mobile Strategy. I&#8217;m happy to say it was well attended, and everyone had lots of good questions. In the presentation I went over a method to determine where you should spend your time &#8220;going mobile&#8221;. For some it&#8217;s an [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.jeremyjohnsononline.com/wp-content/uploads/2010/04/mobile_question.jpg"><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2010/04/mobile_question.jpg" alt="" title="mobile_question" width="390" height="250" class="alignnone size-full wp-image-184" /></a><br />
Earlier this month I gave a presentation at the <a href="http://2010.iasummit.org/">2010 IA Summit in Phoenix, AZ</a> on Mobile Strategy. I&#8217;m happy to say it was well attended, and everyone had lots of good questions. In the presentation I went over a method to determine where you should spend your time &#8220;going mobile&#8221;. For some it&#8217;s an app, others it&#8217;s a site &#8211; where some should be focusing on Blackberry vs an iPhone (or vice-versa). Hopefully I made everything a little less confusing, and gave everyone the information needed to make an informed roadmap to move forward.<br />
<span id="more-182"></span></p>
<p>First, I went over the general trends and numbers of what&#8217;s going on in the mobile space &#8211; nothing in my opinion moves faster, or changes more frequently. It hard to keep-up, and new stats come out everyday. </p>
<p>To start here&#8217;s my presentation (<a href="http://www.slideshare.net/jeremy/the-mobile-question-lessons-in-design-and-strategy-for-your-mobile-experience">hosted on SlideShare</a>), you can <a href="http://www.slideshare.net/jeremy/the-mobile-question-lessons-in-design-and-strategy-for-your-mobile-experience/download">download the PDF here</a>, or listen to the <a href="http://files.boxesandarrows.com/podcasts/Johnson.m4a">podcast</a>.</p>
<div style="width:425px" id="__ss_3835412"><strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/jeremy/the-mobile-question-lessons-in-design-and-strategy-for-your-mobile-experience" title="The Mobile Question: Lessons in Design and Strategy for Your Mobile Experience">The Mobile Question: Lessons in Design and Strategy for Your Mobile Experience</a></strong><object width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=mobilequestionjeremyjohnson-100423170617-phpapp01&#038;stripped_title=the-mobile-question-lessons-in-design-and-strategy-for-your-mobile-experience" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=mobilequestionjeremyjohnson-100423170617-phpapp01&#038;stripped_title=the-mobile-question-lessons-in-design-and-strategy-for-your-mobile-experience" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="padding:5px 0 12px">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/jeremy">Jeremy Johnson</a>.</div>
</div>
<p><strong>The first step (after learning a bit about mobile in general) is determining what type of mobile project you have:</strong></p>
<ul>
<li>Mobile First</li>
<li>Content</li>
<li>Application or ecommerce</li>
<li>Entertainment</li>
</ul>
<p>Each of these have specific properties that will help inform your strategy. As an example, if you&#8217;re creating a Mobile First product &#8211; you&#8217;re going to need to target multiple devices, starting with one of the dominate mobile OSes: iPhone or Android. You&#8217;re going to most likely go native, as your project being mobile specific will need access to many of the phones core functionality. That, vs a content site with a well established .com &#8211; who would want to go with something like a mobile formatted website as a companion to the desktop site.</p>
<p><strong>The second step is to get into the design process, which has lots of factors:</strong></p>
<ul>
<li>What parts of your existing site need to go mobile? (if you have an existing site&#8230;)</li>
<li>Who are your mobile users?</li>
<li>What devices are they using?</li>
<li>How do you design for mobile?</li>
<li>What devices do you need to focus on?</li>
<li>What technologies do you use?</li>
</ul>
<p>I try to answer all these, and almost like a decision tree, you usually come out with a solid plan to move forward.</p>
<p>At the end of the presentation I go over a number of upcoming trends surrounding mobile. I&#8217;f you&#8217;re looking to keep up with mobile trends, I&#8217;ve created a twitter account that posts all the mobile related articles I&#8217;m currently reading: <a href="http://twitter.com/mobilefeeds">@mobilefeeds</a></p>
<p>Luke W. (<a href="http://www.lukew.com/">www.lukew.com</a>) attended my talk, and posted a recap -<a href="http://www.lukew.com/ff/entry.asp?1064"> IA Summit: The Mobile Question</a> &#8211; and boxesandarrows just <a href="http://boxesandarrows.com/view/ia-summit-10-day-2">posted the podcasts</a>, you can <a href="http://files.boxesandarrows.com/podcasts/Johnson.m4a">download my presentation&#8217;s podcast here</a>.</p>
<p>My slides make a bit more sense with me talking to them ;-) so I&#8217;d like to see everyone in the Dallas, TX area come see me at <a href="http://bigdesignconference.com/">Big (D)esign on Saturday, May 29th</a> &#8211; and if you&#8217;re getting ready for a mobile project, see me at the conference for some one-on-one.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jeremyjohnsononline.com/2010/04/26/the-mobile-question-lessons-in-design-and-strategy-for-your-mobile-experience/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>User Experience? You&#039;ve picked the right profession!</title>
		<link>http://www.jeremyjohnsononline.com/2009/09/14/user-experience-youve-picked-the-right-profession/</link>
		<comments>http://www.jeremyjohnsononline.com/2009/09/14/user-experience-youve-picked-the-right-profession/#comments</comments>
		<pubDate>Mon, 14 Sep 2009 16:05:13 +0000</pubDate>
		<dc:creator>Jeremy Johnson</dc:creator>
				<category><![CDATA[IA]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.jeremyjohnsononline.com/?p=134</guid>
		<description><![CDATA[Not that I knew it at the time, but going into User Experience turned out to be a great career move. I&#8217;ve always thought there would be job security with the number of new technologies and devices that will need designing &#8211; think of everything that will have a &#8220;screen&#8221; in the future. Who&#8217;s designing [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2009/09/blog_profession.jpg" alt="User Experience? You&#039;ve picked the right profession!" title="User Experience? You&#039;ve picked the right profession!" width="390" height="250" class="alignnone size-full wp-image-135" /></p>
<p>Not that I knew it at the time, but going into User Experience turned out to be a great career move. I&#8217;ve always thought there would be job security with the number of new technologies and devices that will need designing &#8211; think of everything that will have a &#8220;screen&#8221; in the future. Who&#8217;s designing for these screens? Who&#8217;s creating the interactions, workflows, graphics? That would be us!<br />
<span id="more-134"></span></p>
<p>I often use an example of an interactive cereal box. What other aisle in the grocery store tries to communicate with you more! Let&#8217;s mix up a couple new technologies &#8211; like <a href="http://www.jeremyjohnsononline.com/2009/08/17/2010-and-beyond/">e-paper, RFID, and wireless power</a> &#8211; and you have a talking, interactive cereal box. &#8220;Thanks for choosing Kellogg&#8217;s Frosted Flakes, did you know we&#8217;re the #1 cereal for vitamin A?&#8221;, &#8220;Touch here to learn more&#8221;. We&#8217;re all set for years!</p>
<p>One of my first jobs was at an Ad Agency that had been around since the 1970&#8242;s and at one time had 70+ people working for it. WIth production conveniences, like desktop publishing, digital photography, etc… the number of people needed had been cut over the years. You didn&#8217;t need someone to run to the photo studio to check out the day&#8217;s photo shoot. You didn&#8217;t need multiple people hand setting an ad, etc&#8230;</p>
<p>I wonder if these jobs are now starting to come back. Not the same jobs obviously, but the number of jobs in the Design space. Where everything is getting an interface of some kind. Phones are more advanced, kiosks are more prevalent, having a screen is cheaper than having actual hardware buttons in some cases, and with that there is more work today for User Experience professionals then there has been in a long time.</p>
<p>UPA just released the 2009 salary survey &#8211; and the average salary of a UX professional is $85k, and it&#8217;s steadily climbing. These are people doing things like user research, heuristic reviews, interaction design, creating prototypes, usability testing, etc… There are many things that go into today&#8217;s interfaces. It&#8217;s not just a developer adding some fields and buttons on a screen anymore. People are taking User Experience seriously &#8211; and that means following the processes, doing the leg work, and going further than we&#8217;ve gone in the past.</p>
<p>Speaking of jobs ;-) &#8211; the company I work for currently has nine open UX related positions right now. And that says a lot, they&#8217;ve been very conservative about hiring in this economic climate, but they understand the need for User Experience across our organization.</p>
<p>If you&#8217;re interesting in working with me, or at the $largecompany I work for &#8211; let me know, here&#8217;s what they currently have posted:</p>
<p>User Experience Designer / Information Architect<br />
US-TX-Dallas Ft Worth &#8211; Southlake<br />
Job Posting:Aug 28, 2009-Job Number 0071X<br />
<a href="https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=130840">https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=130840</a></p>
<p>User Experience Developer / Front-End Developer<br />
US-TX-Dallas Ft Worth &#8211; Southlake<br />
Job Posting:Aug 28, 2009-Job Number 0071Z<br />
<a href="https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=130841">https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=130841</a></p>
<p>Web Design Team Lead<br />
US-TX-Dallas Ft Worth &#8211; Southlake<br />
Job Posting:Sep 2, 2009-Job Number 0072M<br />
<a href="https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=131240">https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=131240</a></p>
<p>Principal GUI Developer<br />
United States<br />
Job Posting:Sep 2, 2009-Job Number 0072I<br />
<a href="https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=131180">https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=131180</a></p>
<p>Application Designer (User Experience)- Team Lead<br />
US-TX-Dallas Ft Worth &#8211; Southlake<br />
Job Posting:Aug 28, 2009-Job Number 006VD<br />
<a href="https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=127080">https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=127080</a></p>
<p>Senior IA<br />
United Kingdom<br />
Job Posting:Sep 1, 2009-Job Number 0071F<br />
<a href="https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=130560">https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=130560</a></p>
<p>Senior UI Developer<br />
United States<br />
Job Posting:Aug 25, 2009-Job Number 0071Q<br />
<a href="https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=130740">https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=130740</a></p>
<p>Web Design Senior &#8211; Senior<br />
GB-England-London<br />
Job Posting:Aug 24, 2009-Job Number 006P6<br />
<a href="https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=123120">https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=123120</a></p>
<p>Web Developer<br />
US-MD-Bethesda<br />
Job Posting:Aug 5, 2009-Job Number 006J1<br />
<a href="https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=119000">https://sabre.taleo.net/careersection/2/jobdetail.ftl?lang=en&#038;job=119000</a></p>
<p>And if my company isn&#8217;t for you, check out my older post on &#8220;<a href="http://www.jeremyjohnsononline.com/2006/06/14/hiring-on-the-fringe/">Hiring on the Fringe</a>&#8221; where you can find a list of sites that post UX type jobs.</p>
<p><em>(Above infographic by: <a href="http://www.good.is/">http://www.good.is/</a>)</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jeremyjohnsononline.com/2009/09/14/user-experience-youve-picked-the-right-profession/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>2010 and beyond&#8230;</title>
		<link>http://www.jeremyjohnsononline.com/2009/08/17/2010-and-beyond/</link>
		<comments>http://www.jeremyjohnsononline.com/2009/08/17/2010-and-beyond/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 21:32:33 +0000</pubDate>
		<dc:creator>Jeremy Johnson</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[me]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.jeremyjohnsononline.com/?p=126</guid>
		<description><![CDATA[Last week me and Stephen Thomas presented to our company&#8217;s UXC Luncheon. This is a quarterly event open to all the different User Experience groups in the company. Our topic was upcoming trends in Design and technology. This is actually the fifth time I&#8217;ve presented a presentation like this one, starting back in 2005. While [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2009/08/blog_2010.jpg" alt="2010 and beyond" title="2010 and beyond" width="390" height="250" class="alignnone size-full wp-image-128" /></p>
<p>Last week me and <a href="http://www.stephenthomas.com/">Stephen Thomas</a> presented to our company&#8217;s UXC Luncheon. This is a quarterly event open to all the different User Experience groups in the company.  Our topic was upcoming trends in Design and technology.  This is actually the fifth time I&#8217;ve presented a presentation like this one, <a href="http://www.slideshare.net/jeremy/slideshows">starting back in 2005</a>. While some trends are still developing, there are some new and interesting things that will shape the years to come.<br />
<span id="more-126"></span><br />
This year we hit on 23 different topics &#8211; ranging from the less practical interactive holograms, to something we&#8217;re enjoying today &#8211; location based gaming.</p>
<p>Due to the nature of many of these new technologies, we included a lot of videos this year &#8211; I tried to include a link to most of them. </p>
<p><strong>So here it is &#8211; 2010 and Beyond:</strong></p>
<div style="width:425px;text-align:left" id="__ss_1872889"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/jeremy/2010-and-beyond" title="2010 And Beyond">2010 And Beyond</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=2010andbeyond-090817134038-phpapp01&#038;stripped_title=2010-and-beyond" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=2010andbeyond-090817134038-phpapp01&#038;stripped_title=2010-and-beyond" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View all presentations from <a style="text-decoration:underline;" href="http://www.slideshare.net/jeremy">Jeremy Johnson</a> or <a style="text-decoration:underline;" href="http://www.slideshare.net/jeremy/2010-and-beyond/download">download &#8220;2010 and beyond&#8221; as a PDF</a>.</div>
</div>
<p><strong>Some notes</strong> &#8211; one of the biggest trends which I missed until this year was Augmented Reality and all it&#8217;s many flavors. This seemed to be one of the biggest trends coming in the next year. Once Apple releases it&#8217;s 3.1 update for the iPhone we should see a flood of these types of apps hit the app store, and  quickly gain wide adoption.</p>
<p>Some topics like the command line, twitter, and location were back with updates for 2009. And although RFID has been around for a while, this is the first time the phrase &#8220;Internet of Things&#8221; appeared in my presentations.</p>
<p>We had a longer list then the 23 we got to &#8211; this took us about 1 1/2 hours to get through &#8211; we&#8217;ll save those for next time!</p>
<p>Please comment if you feel we left something out &#8211; or thought something shouldn&#8217;t have been included. See you next time!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jeremyjohnsononline.com/2009/08/17/2010-and-beyond/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Big (D)esign</title>
		<link>http://www.jeremyjohnsononline.com/2009/06/17/big-design/</link>
		<comments>http://www.jeremyjohnsononline.com/2009/06/17/big-design/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 02:30:29 +0000</pubDate>
		<dc:creator>Jeremy Johnson</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[me]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://www.jeremyjohnsononline.com/?p=111</guid>
		<description><![CDATA[Big (D)esign has come and gone. I was fortunate to be part of the planning team that put this successful (yes, I can now call it that now ;-) conference. Over the past months, I was able to see behind the scenes of the conference: event planning, sponsorship, contacting speakers, scheduling, logistics &#8211; and got [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2009/06/bigdesign_blog.jpg" alt="Big (D)esign 2009" title="Big (D)esign 2009" width="390" height="250" class="alignnone size-full wp-image-113" /></p>
<p>Big (D)esign has come and gone. I was fortunate to be part of <a href="http://bigdesignconference.com/2009/05/introducing-your-conference-organizers/">the planning team</a> that put this successful (yes, I can now call it that now ;-) conference. Over the past months, I was able to see behind the scenes of the conference: event planning, sponsorship, contacting speakers, scheduling, logistics &#8211; and got to play a part in many of these activities. It was great to see people from <a href="http://dfw-upa.org/">UPA</a>, <a href="http://www.refreshdallas.org/">Dallas Refresh</a>, and <a href="http://ixda-dfw.ning.com/">IxDA</a> (among others) come together to put this together &#8211; that and the 500+ people who ended up attending!</p>
<p><span id="more-111"></span><br />
In the past Dallas had been home to a couple of User Experience conference, we&#8217;ve had Wemaster Jam, Design Thinking, and Forrester had a Customer Experience Forum here last year. But none of these were happening in 2009. While Dallas may not have any UX focused conferences, we have an abundance of local clubs. I really mean abundance&#8230; Depending on what you&#8217;re interested in, you could literally go to a meeting about every night.</p>
<p>Dallas Refresh, UPA, IxDA, DSVC, AIGA, Adobe, Microsoft, Java, Ruby, Facebook Dev Garage, Mobile Monday, iPhone Dev, Social Media Club, the list could go on and on. That&#8217;s not counting special community events, like DevHouse, HackDay, BarCamp, etc&#8230;</p>
<p>Dallas really does have a really good, supportive community of Designers, Developers, Usability Professionals, and many others in User Experience related fields.</p>
<p><strong>If you missed Big (D)esign, here&#8217;s a quick video I put together to learn a little more:</strong></p>
<p><object width="450" height="253"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5011248&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5011248&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="450" height="253"></embed></object>
<p><a href="http://vimeo.com/5011248">Big (D)esign 2009</a> from <a href="http://vimeo.com/jeremyjohnson">Jeremy Johnson</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><strong>And of course we had an afterparty ;-)</strong></p>
<p><object width="450" height="253"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5076536&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5076536&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="450" height="253"></embed></object>
<p><a href="http://vimeo.com/5076536">Big (D)esign After Party</a> from <a href="http://vimeo.com/jeremyjohnson">Jeremy Johnson</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>If you want even more! Here are some photo galleries on Flickr:</p>
<ul>
<li><a href="http://www.flickr.com/photos/jeremyjohnson/sets/72157618969363651/">My photos</a></li>
<li><a href="http://www.flickr.com/photos/36742530@N00/sets/72157619015672293/">T. Scott&#8217;s sketching</a></li>
<li><a href="http://www.flickr.com/photos/carissabyers/sets/72157618983626169/">Carissa&#8217;s photos</a></li>
</ul>
<p>I hope if you&#8217;re in the Dallas area, that you join in and become part of the community, join a club, attend a meeting, volunteer, share your knowledge, and continue to watch our community grow!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jeremyjohnsononline.com/2009/06/17/big-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>So you want to prototype?</title>
		<link>http://www.jeremyjohnsononline.com/2009/02/24/so-you-want-to-prototype/</link>
		<comments>http://www.jeremyjohnsononline.com/2009/02/24/so-you-want-to-prototype/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 23:59:13 +0000</pubDate>
		<dc:creator>Jeremy Johnson</dc:creator>
				<category><![CDATA[IA]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.jeremyjohnsononline.com/?p=86</guid>
		<description><![CDATA[I personally think prototyping is the way to go when creating a new software product (or any product really). You get to &#8220;blueprint&#8221; out how something is going to work, how the pieces fit together, and how it will really work once launched. I think most people are sold on the concept, so it&#8217;s a [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.jeremyjohnsononline.com/wp-content/uploads/2009/02/prototyping_blog.jpg" alt="prototyping_blog" title="prototyping_blog" width="390" height="250" class="alignnone size-full wp-image-87" /></p>
<p>I personally think prototyping is the way to go when creating a new software product (or any product really). You get to &#8220;blueprint&#8221; out how something is going to work, how the pieces fit together, and how it will really work once launched.  I think most people are sold on the concept, so it&#8217;s a matter of how to build this close-to-real product that you can test with your user base. Do you use paper? Mock-ups? Tools like iRise and Axure, or get real and build a non-functioning ready to reuse front-end?<br />
<span id="more-86"></span></p>
<p>The first step is defining what you&#8217;re going to use this prototype for. Is it to drum out business requirements? Demo to clients before they write the big check? Or get something as close as possible to the real thing, so you can start the User Centered Design process and test your ideas on actual people that will be using your product.</p>
<p>Obviously I enjoy prototyping for the latter, getting real feedback that our team&#8217;s ideas were dead on, or widely off-base (never!). To do this, you really want to build the prototype in the technology you&#8217;re going to create the finished product in (usually HTML or Flex for web based software). This solves two problems: one, this truly is as close to the real thing as you can get. By using the actual UI technology you&#8217;ll be creating the final product in, you&#8217;ll know what can and can&#8217;t be done, users will get a real feeling for the responsiveness, animations, and interactions. It&#8217;s real, sans the months of backend development needed to power this prototype. And two, you can pass this finished front-end code off to the development team, taking pressure off backend developers who may not be well versed in front-end development.</p>
<p>Microsoft when working on <a href="http://www.adaptivepath.com/blog/2008/08/20/pencil-and-paper-to-live-prototype-whered-the-wireframe-go/">Office 2007 did this very thing:</a></p>
<blockquote><p>“if you’re trying to build a prototype that you want use as a blueprint, it should exist in the same medium as the final product.”</p></blockquote>
<p>In the past when I&#8217;ve run prototyping projects, the teams usually consist of just one designer/IA, one developer, and a small amount of a backend developers time (to get some fake system data up and running). Depending on the maturity of your front-end development group, you may have sets of UI widgets and code ready to go, this will help speed up the overall process.</p>
<p>Dave Cronin from Cooper recently wrote an article titled &#8220;<a href="http://www.adobe.com/devnet/fireworks/articles/cooper_prototyping.html">Industry trends in prototyping</a>&#8221; &#8211; which I agree with about everything in the article &#8211; he lists out four reasons for creating prototypes: <strong>prototypes make your designs better, help facilitate communication, enable user input and usability assessment, and help assess technical feasibility and reduce development time</strong>. He&#8217;s also a fan of creating &#8220;real&#8221; prototypes where it makes sense.</p>
<p>I love this <a href="http://www.adaptivepath.com/blog/2008/08/20/pencil-and-paper-to-live-prototype-whered-the-wireframe-go/#comment-179490">comment from <a href="http://www.xero.com/">Philip Fierlinger</a>: </p>
<blockquote><p>Prototypes, on the other hand, let people feel the flow and experience the relationships. Building prototypes allows architects and interaction designers to quickly identify broken pathways and iterate quickly to find better flows &#8211; by feeling the experience, rather than thinking about it in the abstract. Developers, designers and clients also get a much more tangible sense of what the end product will be.</p></blockquote>
<p>Again, I can&#8217;t stress enough how a &#8220;real&#8221; prototype will give you the best feedback for the effort. We&#8217;ve also used these prototypes to help sell ideas to business groups. Imagine trying to sell an idea for a mobile app by letting your VP access it directly on their phone. This will beat out any PowerPoint presentation.</p>
<p><a href="http://www.digital-web.com/articles/just_build_it_html_prototyping_and_agile_development/">Garrett wrote on this topic years ago</a>, and the technology is now easier to use than ever before. There are frameworks, open source systems, and reusable icon sets ready to be molded into your own prototype.</p>
<p>Using wireframes or paper for low-fedility prototyping is not necessarily a bad thing. Maybe your just testing internally, or you&#8217;re limited with your technology skills. There are discussions about what <a href="http://www.boxesandarrows.com/view/real_wireframes">fidelity wireframes should be</a> (both form and function). There are many tools at your disposal for creating wireframes and prototypes, and they&#8217;ve really just recently gotten easy to use. No longer are you stuck with Visio &#8211; here&#8217;s a list of some tools, ranging from very expensive to free with varying sets of features:</p>
<ul>
<li><a href="http://www.axure.com/">Axure</a></li>
<li><a href="http://www.evolus.vn/Pencil/Home.html">Pencil Project</a></li>
<li><a href="http://www.balsamiq.com/">Balsamiq Mockups</a></li>
<li><a href="http://labs.adobe.com/technologies/flashcatalyst/">Adobe Flash Catalyst<a/></li>
<li><a href="http://www.irise.com/">iRise</a></li>
<li><a href="http://www.omnigroup.com/applications/omnigraffle/">OmniGraffle</a></li>
<li><a href="http://www.lovelycharts.com/">Lovely Charts</a></li>
<li>
<a href="http://rapidrabb.it/">Rapidrabb.it</a></li>
<li><a href="http://www.iplotz.com">iplotz.com</a></li>
<li><a href="http://www.serena.com/products/prototype-composer/home.html">Prototype Composer</a></li>
<li><a href="http://www.fluidia.org/">fluidIA</a></li>
<li><a href="http://wireframesketcher.com/">WireframeSketcher</a></li>
<li><a href="http://mockupscreens.com/">MockupScreens</a></li>
</ul>
<p>Boxes and Arrows has an <a href="http://www.boxesandarrows.com/view/visio_replaceme">article from 2006 written by Scott McDowell</a>, that goes over some of these options, but what&#8217;s really interesting are the comments below the article where designers talk from real world experience. And Russell Wilson from Dexo Design compares <a href="http://www.dexodesign.com/2008/11/07/review-16-user-interface-prototyping-tools/">16 prototyping tools</a> (2008) and again, the comments are interesting.</p>
<p>I tend to use wireframes to quickly get across ideas and interactions. Something that could possibly be thrown away, or will be changed a number of times. Once the idea seems to stick, I move to high fidelity mock-ups, sometimes merging the mock-ups together in a slide-by-slide presentation showing the page flow with faked interactions.</p>
<p>GUUUI posted some links to <a href="http://www.guuui.com/posting.php?id=2192">videos showing lo-fidelity prototypes in action</a>. Again, this can work to help guide overall concepts, but to get true feedback &#8211; you really need to have a higher level of fidelity.</p>
<p>If you&#8217;re in a good situation where you&#8217;re ahead of the product timeline, prototyping is your next step. Just like how a architect moves to a model, build out your prototype and test, iterate, improve, and in the end launch a successful product!</p>
<p>(additions)<br />
Great post over at Adaptive Path: <a href="http://www.adaptivepath.com/blog/2009/03/24/rapid-prototyping-tools/">Rapid Prototyping</a> Tools</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jeremyjohnsononline.com/2009/02/24/so-you-want-to-prototype/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Emerging Interface Patterns</title>
		<link>http://www.jeremyjohnsononline.com/2008/09/16/emerging-interface-patterns/</link>
		<comments>http://www.jeremyjohnsononline.com/2008/09/16/emerging-interface-patterns/#comments</comments>
		<pubDate>Tue, 16 Sep 2008 21:17:36 +0000</pubDate>
		<dc:creator>Jeremy Johnson</dc:creator>
				<category><![CDATA[UI]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[me]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.jeremyjohnsononline.com/2008/09/16/emerging-interface-patterns/</guid>
		<description><![CDATA[Last month I gave a talk here at our Customer Experience University about what I call &#8220;Emerging Interface Patterns&#8221;. Very often we get buried in day-to-day work and miss out on new experiences, new things that are going on in interaction design just pass us by. This is tragic for those who don&#8217;t take the [...]]]></description>
			<content:encoded><![CDATA[<p><img id="image62" src="http://www.jeremyjohnsononline.com/wp-content/uploads/2008/09/emerging_interfaces.jpg" alt="Emerging Interface Patterns" /></p>
<p>Last month I gave a talk here at our Customer Experience University about what I call &#8220;Emerging Interface Patterns&#8221;. Very often we get buried in day-to-day work and miss out on new experiences, new things that are going on in interaction design just pass us by. This is tragic for those who don&#8217;t take the time to stop smell the pixels ;-) Everyone should be paying attention because these new experiences are great creative stimulus for innovative ideas.</p>
<p><span id="more-61"></span></p>
<p>In the below presentation I try to run the gamut of what&#8217;s new in User Experience, and Interaction Design &#8211; scouting ahead for what&#8217;s changing the landscape.  As someone who is passionate about these topics, I love discovering new interaction patterns, and better ways to do something that was thought adequate before. And by consuming all these new patterns, you can blend them into current projects, and even synthesize something new.</p>
<p>What&#8217;s going on in Game Design? What are some of the newest UI trends? How is information design contributing to the interaction design practice? How are we bringing the real world into applications? These are just some of the questions I explore below:</p>
<div style="width:425px;text-align:left" id="__ss_601674"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/jeremy/emerging-interface-patterns-presentation?type=powerpoint" title="Emerging Interface Patterns">Emerging Interface Patterns</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=080508emerginginterfaces-1221597354072040-9&#038;stripped_title=emerging-interface-patterns-presentation" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=080508emerginginterfaces-1221597354072040-9&#038;stripped_title=emerging-interface-patterns-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View SlideShare <a style="text-decoration:underline;" href="http://www.slideshare.net/jeremy/emerging-interface-patterns-presentation?type=powerpoint" title="View Emerging Interface Patterns on SlideShare">presentation</a> or <a style="text-decoration:underline;" href="http://www.slideshare.net/upload?type=powerpoint">Upload</a> your own. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/ux">ux</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/user-experience">user experience</a>)</div>
</div>
<p><a href="http://www.jeremyjohnsononline.com/documents/080508_emerging_interfaces.pdf">Download PDF</a></p>
<p>At the end of the presentation I featured the recently revealed <a href="http://www.adaptivepath.com/aurora/">Adaptive Path Aurora</a> concept &#8220;browser&#8221;. I was actually mostly done with this presentation when Aurora was revealed, and thought it was the perfect closing to my presentation. Why? Because it is the product of many of these emerging patterns we see in other areas of product and interaction design. You could say the design is somewhat reminiscent of the Sugar UI in the OLPC computer, or that having things fade away into the distance is bringing the real world into the experience. The way you can quickly type in a search, or the contextual menu that pops-up to reveal more actions. These are all things we&#8217;ve seen before, just not together in this new and innovative idea. </p>
<p>While you could of lived in a cave for the past couple of years and had the same ideas, I theorize that by observing these trends you are &#8220;building on the shoulders of giants&#8221; and can better combine, iterate, test, and innovate.</p>
<p>I did want to mention a combination I&#8217;ve had in my head for awhile :-) on page 30 I have a shot of the Prius fuel consumption screen. I think by using game design and comparing this to other drivers (not just Prius, but all cars) people would instinctively want to &#8220;win&#8221; by having the best gas mileage. If we could get a mandate for all car companies to include a version of this, with a way to transmit &#8220;scores&#8221; to a central database, I think we could be off foreign oil in no time! The elevator pitch would be &#8220;It&#8217;s like <a href="http://nikeplus.nike.com/nikeplus/">Nike+</a> for fuel consumption&#8221; ;-)</p>
<p><img id="image63" src="http://www.jeremyjohnsononline.com/wp-content/uploads/2008/09/gas_game.jpg" alt="Gas Game" />
<p>via: <a href="http://flickr.com/photos/88262773@N00/2525850407">http://flickr.com/photos/88262773@N00/2525850407</a></p>
<p>Last, things change fast. Since presenting this we&#8217;ve seen new patterns in Google&#8217;s Chrome browser, and Mozilla&#8217;s Ubiquity. Remember to keep up, stay informed, and absorb as much as you can.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jeremyjohnsononline.com/2008/09/16/emerging-interface-patterns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hello, welcome to 2008</title>
		<link>http://www.jeremyjohnsononline.com/2008/04/30/hello-welcome-to-2008/</link>
		<comments>http://www.jeremyjohnsononline.com/2008/04/30/hello-welcome-to-2008/#comments</comments>
		<pubDate>Wed, 30 Apr 2008 20:33:23 +0000</pubDate>
		<dc:creator>Jeremy Johnson</dc:creator>
				<category><![CDATA[IA]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[me]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://www.jeremyjohnsononline.com/2008/04/30/hello-welcome-to-2008/</guid>
		<description><![CDATA[Starting in 2005 when returning from SXSWi a coworker and I would put together a trends presentation talking about up-and-coming technologies, patterns, websites, etc&#8230; and 2008 is no different. The presentations keep getting longer and longer, as innovation keeps building on the previous year, moving faster and faster. This year my co-presenter was Dustin Askins [...]]]></description>
			<content:encoded><![CDATA[<p><img id="image59" src="http://www.jeremyjohnsononline.com/wp-content/uploads/2008/04/post_header.jpg" alt="Hello, welcome to 2008" /></p>
<p>Starting in 2005 when returning from SXSWi a coworker and I would put together a trends presentation talking about up-and-coming technologies, patterns, websites, etc&#8230; and 2008 is no different. The presentations keep getting longer and longer, as innovation keeps building on the previous year, moving faster and faster. This year my co-presenter was <a href="http://dustinaskins.com/">Dustin Askins</a> of Travelocity, and we gave the presentation internally to our UX groups, and just this week at the <a href="http://dfw-upa.org/modules/extcal/event.php?event=23">Dallas UPA Chapter</a>.</p>
<p><span id="more-60"></span><br />
Why SXSWi? I think it&#8217;s really good for getting a pulse of what&#8217;s going on in the User Experience field. You get to meet with a wide verity of people from different practices, and hear from some of the top web professionals. An while there are many great conferences (like UIE, IA Summit, UX Week, etc&#8230;) SXSWi is consistent on it&#8217;s wide ranging topics (great for &#8220;T-Shaped&#8221; People).</p>
<p>When looking at trends across technology, marketing, UX, and business you start to see patterns of what the leaders in their respective groups are expecting for 2008 and beyond. Things I keep seeing rise to the top: Mobile, Open Platforms, Data Control, Mixing Virtual and Reality, Semantic Web, Interoperability, and Location Based tools (see slide 33). None of these are unexpected, I sure we&#8217;d all agree these are hot items that will effect multiple areas.   </p>
<p>I&#8217;ve never posted these presentations before, so I have <a href="http://www.jeremyjohnsononline.com/documents/trends_2005.pdf">2005</a>, <a href="http://www.jeremyjohnsononline.com/documents/trends_2006.pdf">2006</a>, and <a href="http://www.jeremyjohnsononline.com/documents/trends_2007.pdf">2007</a> to post along with <a href="http://www.jeremyjohnsononline.com/documents/trends_2008.pdf">2008</a>. So if you&#8217;re new to the web and User Experience, now is your chance to catch up on a couple years worth of knowledge.</p>
<p><strong>So say hello to 2008:</strong>
<div style="width:425px;text-align:left" id="__ss_372725"><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=trends2008-1209156653404176-9"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=trends2008-1209156653404176-9" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;"><a href="http://www.slideshare.net/?src=embed"><img src="http://static.slideshare.net/swf/logo_embd.png" style="border:0px none;margin-bottom:-5px" alt="SlideShare"/></a> | <a href="http://www.slideshare.net/jeremy/web-design-and-ux-trends-for-2008?src=embed" title="View 'Web, Design, and UX Trends for 2008.' on SlideShare">View</a> | <a href="http://www.slideshare.net/upload?src=embed">Upload your own</a></div>
</div>
<p><a href="http://www.slideshare.net/jeremy/technology-design-and-ux-trends-for-2007/">2007 On SlideShare</a></p>
<p><a href="http://www.slideshare.net/jeremy/web-design-and-ux-trends-for-2006/">2006 On SlideShare</a></p>
<p><a href="http://www.slideshare.net/jeremy/web-design-and-ux-trends-for-2005/">2005 On SlideShare</a></p>
<p>I also have most of this presentation in a podcast (I think my recorder battery went dead&#8230;), so <a href="http://www.jeremyjohnsononline.com/podcasts/trends_2008.WMA">listen in</a>.  Hopefully I will continue to keep this trend of my own, it&#8217;s always interesting to look back&#8230;</p>
<p>[EDIT 05/12/08]<br />
Here&#8217;s some video from our UPA talk:<br />
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=995744&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color="><param name="quality" value="best" /><param name="allowfullscreen" value="true" /><param name="scale" value="showAll" /><param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=995744&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=" /></object><br /><a href="http://www.vimeo.com/995744?pg=embed&#038;sec=995744">Me &#038; Dustin speaking @ Dallas UPA</a> from <a href="http://www.vimeo.com/jeremyjohnson?pg=embed&#038;sec=995744">Jeremy Johnson</a> on <a href="http://vimeo.com?pg=embed&#038;sec=995744">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jeremyjohnsononline.com/2008/04/30/hello-welcome-to-2008/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
<enclosure url="http://www.jeremyjohnsononline.com/podcasts/trends_2008.WMA" length="8551776" type="audio/x-ms-wma" />
		</item>
	</channel>
</rss>
