<?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>Design Caffeine&#187; Inspiration</title>
	<atom:link href="http://www.designcaffeine.com/tag/inspiration/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designcaffeine.com</link>
	<description>We design what works.</description>
	<lastBuildDate>Fri, 27 Jan 2012 07:37:25 +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>Mobile Websites, Tablet Apps and Hybrids: 7 Mobile Strategy Tips for 2012</title>
		<link>http://www.designcaffeine.com/articles/mobile-websites-tablet-apps-and-hybrids-7-mobile-strategy-tips-for-2012/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=mobile-websites-tablet-apps-and-hybrids-7-mobile-strategy-tips-for-2012</link>
		<comments>http://www.designcaffeine.com/articles/mobile-websites-tablet-apps-and-hybrids-7-mobile-strategy-tips-for-2012/#comments</comments>
		<pubDate>Tue, 03 Jan 2012 19:40:22 +0000</pubDate>
		<dc:creator>Greg Nudelman</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Design Strategy Articles]]></category>
		<category><![CDATA[Featured UX Design Articles]]></category>
		<category><![CDATA[Mobile and Tablet UX Design Articles]]></category>
		<category><![CDATA[best practices]]></category>
		<category><![CDATA[Design Strategy]]></category>
		<category><![CDATA[ecommerce]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Kindle Fire]]></category>
		<category><![CDATA[revenue]]></category>
		<category><![CDATA[tablet]]></category>
		<category><![CDATA[UX Design]]></category>

		<guid isPermaLink="false">http://www.designcaffeine.com/?p=2061</guid>
		<description><![CDATA[Sites like YouTube and Facebook are already projecting mobile use to surpass desktop use as early as *this year*. What’s your mobile and tablet strategy? Allow me to humbly present the wisdom I got from the experience of walking the last 365 miles. Barefoot. In the snow. Uphill both ways.]]></description>
			<content:encoded><![CDATA[<p>Last few years of mobile growth have been phenomenal. According to Luke Wroblewski’s well-documented blog post, “<a title="Mobile Monday: A Year From Now... (Opens in a New Window) " href="http://www.lukew.com/ff/entry.asp?1463" target="_blank">Mobile Monday: A Year From Now&#8230;</a>” major sites like YouTube and Facebook are projecting mobile use to surpass desktop use as early as <em>this year</em>!</p>
<p>Make 2012 the year you take ownership of your mobile and tablet strategy.  Here are 7 tips to help you get started. Not every tip will apply to every business. If you have a question, please don’t hesitate to set up your free 30 minute consultation where we can discuss what strategies may be right for you.  <a href="http://www.designcaffeine.com/contact/" target="_blank">Click here</a> to go to my contact page.</p>
<h2>Tip #7: Mobile is about Vision, not Numbers</h2>
<p>I often say in my presentations that </p>
<blockquote><p>
If your company does not have a mobile strategy, it does not have a growth strategy.
</p></blockquote>
<p>Yet many companies say that they simply “do not see the numbers” they need to convince themselves that mobile strategy is worth pursuing. </p>
<p>Relying on the current trickle of mobile traffic as a prediction of the tsunami that is just around the bend in mobile space is a <em>fundamental mistake</em>. Despite rocket growth, mobile is still in its infancy. Just like in the early days of the internet many people would dismiss the web as a “fad”, managers that compare mobile visit numbers to web visit numbers are completely missing the point.  </p>
<blockquote><p>
Mobile context of use is as different from desktop web, as Internet was from the brick-and-mortar.
</p></blockquote>
<p>Just like the early adopters of the Internet like Amazon, Staples, Yahoo, Facebook, Verisign and many others have been able to see the value of the new technology and take advantage of it, mobile land grab is going on right now.  And it’s moving at <em>ten times</em> the break-necking speed of the Internet growth of only a decade ago.</p>
<p>Today, it is patently absurd to think that <em>any</em> company would sit on a sidelines of the internet with a static brochure-ware site waiting for the visit numbers to catch up to their brick-and-mortar visitors before they invest into a transaction-capable ecommerce platform.  Yet this is <em>exactly</em> what I see going on in Mobile space.</p>
<p>Take fancy last-minute gift giving – a perfect example of mobile context of use. While some companies like 800 Flowers invest in building award-winning mobile experiences:</p>
<p><a href="http://www.designcaffeine.com/wp-content/uploads/2012/01/mobile-strategy_tips_800_flowers.png"><img src="http://www.designcaffeine.com/wp-content/uploads/2012/01/mobile-strategy_tips_800_flowers-200x300.png" alt="" title="mobile strategy_tips_800_flowers" width="200" height="300" class="aligncenter size-medium wp-image-2076" /></a></p>
<p>Others, like Red Envelope are sitting on the mobile sidelines waiting for the chickens to hatch:</p>
<p><a href="http://www.designcaffeine.com/wp-content/uploads/2012/01/mobile-strategy_tips_red_envelope.png"><img src="http://www.designcaffeine.com/wp-content/uploads/2012/01/mobile-strategy_tips_red_envelope-200x300.png" alt="" title="mobile strategy_tips_red_envelope" width="200" height="300" class="aligncenter size-medium wp-image-2077" /></a></p>
<p>And hatch they will – because any customer that uses a mobile phone to shop on the current version of RedEnvelope.com will be unlikely to face the pain of doing so again in the near future.</p>
<blockquote><p>
Investment in the mobile technology should be driven by Vision of what this new channel can do for your company, not simple game of number crunching.  
</p></blockquote>
<p>Make 2012 the year you develop and invest into your mobile strategy.</p>
<h2>Tip #6: Mobile Apps Space is Oversaturated</h2>
<p>Unless you are building the next Angry Birds or N.O.V.A., forget building an app. Shocking? I hope not.</p>
<blockquote><p>
Apple App store and Android Market each contain over 500,000 apps. Yet both marketplaces are still geared toward the browse model that does not scale past about 1,000 items, especially on the tiny screen of the mobile device.
</p></blockquote>
<p>To paraphrase the classic Jared Spool example, customers searching for “easy to use to do list” will get no better results than those searching for “mysteries that are not scary”.  In a word, not at all what they expected or can put to use.  </p>
<p>What does that leave you with? </p>
<p>Unfair, ridiculous competition for very limited attention span of a fickle mobile app consumer. While there will always be room for well executed specialized apps like Twitter or Gowalla, the truth is that mobile app space is simply oversaturated. People have figured out that they do not need your app if they plan to use it only occasionally. Outside of games, today’s mobile consumers will simply not put forward the time, phone space and bandwidth commitment required to download and update your app if your (or your competitor’s) mobile site will do just fine.</p>
<blockquote><p>
In contrast to mobile apps, the tablet app space is ripe for the taking (see Tip #2 below).
</p></blockquote>
<h2>Tip #5: Hybrid Apps Must Die</h2>
<p>Once I had a Coleman canoe. It cost only $300. The salesperson explained that a near 7X reduction in price is due to the new manufacturing process: the new hull design of the Coleman allows the canoes to be stamped out of a single sheet of plastic and transported from China with hulls stacked one inside another like Russian Matryoshkas, allowing the manufacturer to stuff about 1000 into a single shipping crate. In contrast, a typical canoe at that time cost over $2000, had to be built by hand and packaged individually, shipping at only about 50 per crate.</p>
<p>Sometimes, you get <em>exactly</em> what you pay for. The Coleman canoe I purchased <em>was optimized for manufacturing and shipping, not paddling.</em> My $300 canoe paddled not a penny more, nor less than the $300 I paid for it: flexing, twisting, warping, dragging and capsizing at every opportunity.</p>
<p>The same rule applies to hybrid mobile apps.  </p>
<blockquote><p>
Just because hybrid apps are cheap to build and maintain, does not mean they create the same experience as the higher-end custom mobile apps. Just the opposite.
</p></blockquote>
<p>Like the $300 Coleman canoe, Hybrid apps often create confusing architecture on either Apple or Android, and offer scant advantages over a mobile website, basically providing link to what is essentially the same website, but with about 20% less screen real-estate and no speed or functionality improvements. </p>
<p>Why is this a problem? </p>
<blockquote><p>
Downloading an app is a big commitment on the part of the customer, and people expect some extra functionality and convenience. And as a rule, hybrid apps simply don’t deliver, so people that download hybrid apps feel cheated.
</p></blockquote>
<p>It’s very easy to see which apps are Hybrid just by looking at the comments in the App Store. Mobile consumers are not fools, and they will let you know when your app just does not measure app to the dedicated full-fledged iPhone and Android experiences carefully crafted by your competitors.</p>
<p>2011 was a year of turbulent market consolidation for mobile platforms. With Nokia out of the picture, Windows Mobile&#8217;s consistently lagging IE browser, HP flushing the Palm Web OS down the toilet and Blackberry’s stubborn refusal to evolve past being an enterprise email platform, the mobile market is essentially down to only two competitors: iOS and Android. If you must, think of it as building desktop software for Windows and Mac. You have no excuse not to build a custom app optimized for at least one or the other. If you really must have an app that is – for most purposes a good mobile website makes a smarter investment.</p>
<h2>Tip #4: Mobile Website First</h2>
<p>Now that the mobile apps market is over-saturated, what’s left? Although one size does not fit all, </p>
<blockquote><p>
As a rule of thumb, a good mobile website should be the basis of your mobile strategy. 
</p></blockquote>
<p>There are many reasons for this. Not the least is the “<a title="(Open in a New Window)" href="http://www.lukew.com/ff/entry.asp?933" target="_blank">Mobile First</a>” concept popularized by Luke Wroblewski. If you take the Mobile First path, your design and development will be streamlined, your team more focused and empowered.  Your layout and Information Architecture simpler and more intuitive. Your forms will be devoid of the extraneous fields that some brilliant marketing professional (who is (un?)fortunately no longer with your company) decided it was a good idea to force your customers to fill out.</p>
<p>Like any birth, the process of transition to mobile will be painful. But happen it must, if your company is to survive the coming general shift from desktop to mobile use. And, if you allow this birth to happen, mobile will be the fresh wind that will blow through all of your digital offerings, removing the cobwebs of accumulated features no one uses, outdated circumlocution of lawyer-speak, useless hero images of <a title="Gratuitous reference to one of my favorite musicians (Opens in a New Window)" href="http://www.norahjones.com/discography/the-fall.php" target="_blank">naked skinny blondes eating burgers</a> and other sacred mad-cows that should have been disposed as bio-hazard waste ages ago. </p>
<blockquote><p>
If you design and build mobile first, you will get to the core of your features and brand value.
</p></blockquote>
<p>If you need to see this process in action, just compare the eBay.com – a bloated bling-encrusted Titanic, rule-bound and feature-laden to the point of near-unusability with its streamlined, slick mobile counterpart.</p>
<h2>Tip #3: Build an App if you Have a Good Easter Egg</h2>
<p>There is one exception to the mobile website first rule: what I call Easter Egg functionality.  </p>
<blockquote><p>
If your app can offer your customers something they <em>frequently want to use in the mobile context</em>, that mobile website cannot, it is worth building an app.
</p></blockquote>
<p>Examples include frequent GPS use, storing login information for faster login (or bypassing login altogether), clever integration of accelerometer, camera, voice recognition or other on-board mobile sensors.</p>
<p>You have to be perfectly honest with yourself about the “frequent use” part of the above statement. With the release of the HTML 5 standard, “occasional” use of the native phone functionality like GPS no longer qualifies. Let me give you an example: if you have a mobile ecommerce website that can also be used to track down store locations in your area, this does not qualify as “frequent use”, and can be implemented using HTML 5. The only difference will be that the site will ask permission on every occasion of using the GPS.</p>
<p>On the other hand, Yelp dictates strong preference for the app over the mobile website, due to local nature of almost every query that requires use of the GPS. Asking permission to use GPS ever time you use Yelp would be tedious and distracting. Another Easter Egg in the Yelp app is the Monocle, that creates a virtual reality overlay using the on-board camera, a neat and useful trick that would be very hard to implement using HTML alone:</p>
<p><a href="http://www.designcaffeine.com/wp-content/uploads/2012/01/mobile-strategy_tips_yelp_monocle.png"><img src="http://www.designcaffeine.com/wp-content/uploads/2012/01/mobile-strategy_tips_yelp_monocle-200x300.png" alt="" title="mobile strategy_tips_yelp_monocle" width="200" height="300" class="aligncenter size-medium wp-image-2078" /></a></p>
<p>There are many examples of great apps that I included in my book: “<a href="http://www.designcaffeine.com/designing-search-ux-strategies-for-ecommerce-success/" target="_blank">Designing Search: UX Strategies for Ecommerce Success</a>” (Wiley 2011).  You can download a sample chapter <a href="http://www.designcaffeine.com/designing-search-ux-strategies-for-ecommerce-success/" target="_blank">here</a>.</p>
<h2>Tip #2: Mobile Offerings Do Not Work on Larger Tablets</h2>
<p>Despite what the official Party Line towed by both Apple and Google <em>mobile apps do not work on Tablets</em>. More accurately,</p>
<blockquote><p>
Mobile apps do <em>render</em> on tablets, in a very limited and rather goofy way that does not take advantage of the tablet’s unique capabilities, ergonomics, context of use or the tablet’s status as a shared family device.
</p></blockquote>
<p>Larger 9-10 inch tablets are a completely different type of device – <em>a “Third Device”</em>, not simply a large iPhone. While specific Tablet design considerations are beyond the scope of this short article, I will discuss them in detail in later installments of this newsletter. I dedicate Chapter 17 of “<a href="http://www.designcaffeine.com/designing-search-ux-strategies-for-ecommerce-success/" target="_blank">Designing Search: UX Strategies for Ecommerce Success</a>” exclusively to Tablet search designs.</p>
<p>The main take-away is that while all mobile device traffic should be redirected to your mobile website, the larger 9-10 inch tablets should use a desktop web site or dedicated luxury custom tablet app. </p>
<blockquote><p>
In contrast to mobile apps, tablet apps still offer an excellent expansion opportunity. Very few companies have figured out how to do them well.
</p></blockquote>
<p>Many websites will work “as is” on the tablet. However, I recommend doing a thorough audit of key money-generating workflows and fix or redesign any functionality that doesn’t work on a tablet. Furthermore, if your mobile strategy includes attracting and retaining significant tablet traffic, I also recommend planning a version of your desktop web site with a tablet-optimized design and CSS. Google.com for tablet, with more whitespace between search results, “airy” page layout, and many other enhancements offers excellent inspiration:</p>
<p><a href="http://www.designcaffeine.com/wp-content/uploads/2012/01/mobile-strategy_tips_google_tablet.png"><img src="http://www.designcaffeine.com/wp-content/uploads/2012/01/mobile-strategy_tips_google_tablet-300x225.png" alt="" title="mobile strategy_tips_google_tablet" width="300" height="225" class="aligncenter size-medium wp-image-2079" /></a></p>
<p>Should you also build a special version of your website for a 7-inch tablet, such as Kindle Fire? This question brings us to our #1 tip:</p>
<h2>Tip #1: Consider A Future-Friendly Responsive Website</h2>
<p>For content-heavy websites, media publishing, and even ecommerce, future-friendly responsive design may be your best bet. Responsive design is a huge topic. With the redesign of the Boston Globe in 2011, the entire “Future Friendly” movement has moved beyond the geeks’ garage and into the world at large, capturing the imagination of many.  </p>
<blockquote><p>
The idea is deceptively simple: building a single website that adopts to render reasonably well on all existing and many of the future devices, in portrait and landscape modes. The reality is of course much more complicated.
</p></blockquote>
<p>For example, <a href="http://scottjehl.com/" target="_blank">Scott Jehl&#8217;s</a> brilliant use of JavaScipt in the Boston Globe redesign has demonstrated some creative technical solutions to the challenges of responsive design.</p>
<p>Recently, we also put our money where our mouth was with the responsive redesign of DesignCaffeine.com.  Our site now renders well on all of the modern devices. In the process, we learned a few things, which we’ll be sharing with you shortly, right here, in the <strong>Tablet &amp; Mobile Design Secrets</strong> Newsletter. To make sure you do not miss out, be sure to sign up below.</p>
<p>We Wish You a Great Mobile 2012!</p>
[signature]
]]></content:encoded>
			<wfw:commentRss>http://www.designcaffeine.com/articles/mobile-websites-tablet-apps-and-hybrids-7-mobile-strategy-tips-for-2012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Notes from Whitney’s Amazing talk “Evangelizing Yourself”</title>
		<link>http://www.designcaffeine.com/articles/notes-from-whitney%e2%80%99s-amazing-talk-%e2%80%9cevangelizing-yourself%e2%80%9d/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=notes-from-whitney%25e2%2580%2599s-amazing-talk-%25e2%2580%259cevangelizing-yourself%25e2%2580%259d</link>
		<comments>http://www.designcaffeine.com/articles/notes-from-whitney%e2%80%99s-amazing-talk-%e2%80%9cevangelizing-yourself%e2%80%9d/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 18:23:04 +0000</pubDate>
		<dc:creator>Greg Nudelman</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Design Strategy Articles]]></category>
		<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://www.designcaffeine.com/?p=328</guid>
		<description><![CDATA[Notes from Whitney’s Amazing talk “Evangelizing Yourself” http://www.slideshare.net/whitneyhess/evangelizing-yourself-1184852 by Whitney Hess http://www.WhitneyHess.com Visit Thisisindexed.com – great simple life graphics Access to most challenging projects &#38; hardest problems Practice &#8220;Common sense is not common practice&#8221; Play up your strength Accept your weaknesses Share expertise &#8212; blog Focus &#8212;  focus on your specific skills, make them digestible, <a href="http://www.designcaffeine.com/articles/notes-from-whitney%e2%80%99s-amazing-talk-%e2%80%9cevangelizing-yourself%e2%80%9d/" class="more-link">Read More &#187;</a>]]></description>
			<content:encoded><![CDATA[<p>Notes from Whitney’s Amazing talk “Evangelizing Yourself” <a href="http://www.slideshare.net/whitneyhess/evangelizing-yourself-1184852">http://www.slideshare.net/whitneyhess/evangelizing-yourself-1184852</a></p>
<p>by Whitney Hess <a href="http://www.whitneyhess.com/">http://www.WhitneyHess.com</a><br />
<span id="more-328"></span><br />
Visit Thisisindexed.com – great simple life graphics</p>
<p>Access to most challenging projects &amp; hardest problems</p>
<p>Practice</p>
<p>&#8220;Common sense is not common practice&#8221;</p>
<p>Play up your strength</p>
<p>Accept your weaknesses</p>
<p>Share expertise &#8212; blog</p>
<p>Focus &#8212;  focus on your specific skills, make them digestible, be honest, write often</p>
<p>Share new insights</p>
<p>Speak</p>
<p>Teach</p>
<p>“The opposite of networking is NOT working”</p>
<p>Visit a general tech conference &#8212; talk about UX</p>
<p>School &#8212; GGU</p>
<p>Share ideas and opinions</p>
<p>Find people who inspire you</p>
<p>See what they do every day &amp; find your own voice.</p>
<p>Twitter:</p>
<p>Reply to everyone</p>
<p>Avoid negativity!!</p>
<p>Remember: you are a rep of UX in the universe</p>
<p>Go big &#8212; build a network</p>
<p>Linked in:</p>
<p>Write recommendations for people you know.</p>
<p>Fully public profile</p>
<p>Connect to everyone you know</p>
<p>Follow and engage with influencers</p>
<p>Figure out why you are important &#8212; 1 liner</p>
<p>Facebook:</p>
<p>Proceed with caution</p>
<p>Weird for professional use</p>
<p>No clients, friends mostly, feels inauthentic if client connect</p>
<p>Link everything back to your blog</p>
<p>Use same email address</p>
<p>Use same username</p>
<p>Be findable &#8212; 1 person, loveable, smart, real</p>
<p>Accept invitations to social events</p>
<p>Seek out events</p>
<p>Organize your own</p>
<p>Tech events are everywhere: IxDA, UPA, meetup IA UX &#8212; start your own</p>
<p>Ask someone for coffee: when you do, you will be top of mind in their head &#8212; they&#8217;ll remember the meeting they had with you last week.</p>
<p>Carpe Diem!</p>
<p>Opportunities seized = life</p>
<p>Have a goal before going out</p>
<p>Pick one person in the room to talk to</p>
<p>David Armano</p>
<p>Fred Beecher &#8212; prototyping</p>
<p>Have a recent blog/article/book to discuss</p>
<p>Ask people to introduce u to others</p>
<p>Ask: “can you help me meet more people?”</p>
<p>&#8220;Who do you think I should meet here?&#8221;</p>
<p>Carry your card.</p>
<p>Follow up.</p>
<p>Ask:  &#8221;What are you working on?&#8221; &#8212; remember it!</p>
<p>Make conscious effort to remember what matters to the other person: kids, etc.</p>
<p>We are all each other&#8217;s resources</p>
<p>Exude confidence</p>
<p>Negative thinking holds u back. Bury it</p>
<p>There are 3 kinds of confidence:</p>
<p>Confidence in yourself</p>
<p>Making others confident in you</p>
<p>Helping people find confidence in themselves</p>
<p>Recognize your past amazing work, be proud of it</p>
<p>Do things that are scary &#8212; they will not be scary anymore</p>
<p>Act &#8220;as if&#8221; pretend, do it often enough, it becomes the habit.</p>
<p>Be decisive!</p>
<p>Nothing is permanent, make decision, move on.</p>
<p>Be opinionated, support it when challenged.</p>
<p>Be willing to walk away from negative situations</p>
<p>Ask for feedback, listen to it.</p>
<p>No reason to be emotional, not publically!!</p>
<p>Admit mistakes &#8212; everyone makes them!</p>
<p>Shut up and listen: 2 ears and 1 mouth to use in proportion</p>
<p>Shooting your mouth off = your own lack of confidence.</p>
<p>Organize events</p>
<p>Mentor others (Coffee)</p>
<p>Give feedback and recognition linkedin recommendations</p>
<p>Connect the dots &#8212; synthesize what&#8217;s going on!!</p>
<p>Hope &#8211; Optimism &#8211; Enthusiasm</p>
<p>Cast a wider net</p>
<p>Don&#8217;t feed the trolls, ignore the haters.</p>
<p>Find your own happiness; pursue your life&#8217;s purpose.</p>
<p>Be reliable, grateful.</p>
<p>Follow your gut.</p>
<p>&#8220;Go forth unafraid&#8221;</p>
<p>I have empathy; I help people; I can help things that are broken and fix the real problems.</p>
<p>I want to affect as many lives as possible, harder problems, bigger challenges.</p>
<p>Helping people trade better &#8212; not fulfilling your life&#8217;s purpose.</p>
<p>Ignore haters &#8212; they are not very happy.</p>
<p><strong>Remember why you are here!</strong></p>
<p>Greg@DesignCaffeine<br />
@DesignCaffeine</p>
<p>http://DesignCaffeine.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designcaffeine.com/articles/notes-from-whitney%e2%80%99s-amazing-talk-%e2%80%9cevangelizing-yourself%e2%80%9d/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

