<?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>Boxes and Arrows &#187; Uncategorized</title>
	<atom:link href="http://boxesandarrows.com/category/uncategorized/feed/" rel="self" type="application/rss+xml" />
	<link>http://boxesandarrows.com</link>
	<description>Boxes and Arrows is devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business.</description>
	<lastBuildDate>Tue, 21 May 2013 08:00:48 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Site Speed and Usability</title>
		<link>http://boxesandarrows.com/site-speed-and-usability/</link>
		<comments>http://boxesandarrows.com/site-speed-and-usability/#comments</comments>
		<pubDate>Tue, 26 Mar 2013 08:00:12 +0000</pubDate>
		<dc:creator>Toby Biddle</dc:creator>
				<category><![CDATA[Methods]]></category>
		<category><![CDATA[Process and Methods]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://boxesandarrows.com/?p=4065</guid>
		<description><![CDATA[Did you know usability tests have shown that the maximum number of seconds a user is willing to wait, on average, before abandoning a web page, is 8.6? If that number surprises you, it should. The study took place in 1994. The bar is exponentially higher now for people involved in website user experience design...]]></description>
				<content:encoded><![CDATA[<p>Did you know usability tests have shown that the maximum number of seconds a user is willing to wait, on average, before abandoning a web page, is 8.6?</p>
<p>If that number surprises you, it should. The <a href="#1">study</a> took place in 1994.</p>
<p>The bar is exponentially higher now for people involved in website user experience design and development when it comes to load speed. Here’s a quick look at the state of affairs.</p>
<p>Slow speeds are a real usability challenge. According to software and monitoring experts at Gomez and Akamai, most users (up to 73%) have encountered a site that was too slow, crashed, froze or otherwise didn’t perform.</p>
<p>Your visitors’ expectations are high. A sizeable 47% of consumers expect a page to load in 2 seconds or less, and 40% of people will abandon a page that takes more than 3 seconds to load.</p>
<p>Slow load speed can be a costly challenge. These sources estimate that a 1-second delay can lead to a 7% drop in conversions, meaning that an e-commerce site doing $100k daily would experience a $2.5M loss in sales on an annual basis tied to 1 second in load speed.</p>
<p>If you’re curious about the impact of load speed on conversions, and want to learn about users’ expectations for mobile browsing vs. desktop browsing, KISSmetrics has built a <a title="How loading time affects your bottom line" href="http://blog.kissmetrics.com/loading-time/?wide=1" target="_blank">stellar infographic</a> on the topic.</p>
<p>Mozilla ran a study to test a similar concept: what happens if the development team combines files and rearranges the source to make the Firefox home page load 2.2 seconds faster? You guessed it. Conversions increased dramatically. Firefox saw a <a href="#2">15.4% lift</a> in browser downloads.</p>
<p>If all of this weren’t compelling enough, you should also know that organic search results can be negatively affected by slow load times. If you run search engine advertising, you’re familiar with quality score—Google’s determination of how ‘relevant’ your ad is—and you know it impacts the per-click price of your ad. Landing page speed is part of the quality score determination, too.</p>
<p>You get the point. The need for speed is great, and there’s a lot at stake.</p>
<p>What can you do to improve load speed?</p>
<p>There are a lot of solutions for improving how quickly your site loads. Some are simple and quick to implement, and others are tougher to tackle. Here’s a strategy to start moving your site in the right direction.</p>
<p>Run speed tests. Use <a title="Make your web site faster" href="https://developers.google.com/speed/pagespeed/insights" target="_blank">Google’s PageSpeed Insights</a> tool. See what easy-to-implement suggestions it spits out and heed the recommendations.</p>
<p>Then run your site through the <a title="Test the load time of a web page" href="http://tools.pingdom.com/fpt/" target="_blank">Pingdom speed tool</a>. How many requests have to be done to load your site? Are there tracking scripts that might be outdated or aren’t needed anymore? Can you consolidate any of the other requests?</p>
<p>Knock out the low-hanging fruit changes. Some of the recommendations you might receive include things like:</p>
<p>● Minimize HTTP requests.<br />
● Resize and optimize images.<br />
● Optimize multimedia.<br />
● Convert JavaScript behavior to CSS.<br />
● Use server-side sniffing.<br />
● Optimize JavaScript for execution speed and file size.<br />
● Convert table layout to CSS layout.<br />
● Replace inline style with CSS rules.<br />
● Minimize initial display time.<br />
● Load JavaScript wisely.<br />
● Create a dedicated landing page for mobile.</p>
<p>Install plugins to simplify your process. Your content management system might have plugins available that’ll make your life easier. For example, here are a couple of popular WordPress plugins that help with load speed in various ways.</p>
<p><a title="W3totalcache" href="http://wordpress.org/extend/plugins/w3-total-cache/" target="_blank">W3totalcache</a> improves site performance by improving caching with respect to the browser, page, objects, database and more. To learn more about this, you can read up on <a title="Configuring the W3 total cache plugin." href="http://www.shoutmeloud.com/how-to-install-configure-w3-total-cache-wordpress-plugin.html" target="_blank">configuring the W3 total cache plugin</a>.</p>
<p><a title="WP Smush.it" href="http://wordpress.org/extend/plugins/wp-smushit/" target="_blank">WP Smush.it</a>—Especially if you’re a blogger, you probably use plenty of images, and images can take considerable time to load. This plugin reduces image file sizes and improves performance by compressing the files.</p>
<p><a title="WP Optimize" href="http://wordpress.org/extend/plugins/wp-optimize/" target="_blank">WP Optimize</a>—This plugin allows you to clean up and optimize your database, especially if you’re a blogger with significant archives.</p>
<p>When in doubt, simplicity is key. Don’t be afraid to gut components that increase load time and A/B test simpler versions of the page against their predecessors. You may be surprised at the impact of a faster loading page, even if it suddenly has less of the stuff you once considered critical.</p>
<p>Toby Biddle is a seasoned website usability expert and CEO of Loop11, a tool for unmoderated <a title="online user testing" href="http://www.loop11.com" target="_blank">online user testing</a>.</p>
<p>Footnotes and sources</p>
<p><a name="1"></a>1 Nielsen, J. (1994). Usability engineering. London: Morgan Kaufmann.<br />
<a name="2"></a>2 You can learn about the Mozilla site speed case study here.</p>
]]></content:encoded>
			<wfw:commentRss>http://boxesandarrows.com/site-speed-and-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Let Them Pee: Avoiding the Sign-Up/Sign-In Mobile Antipattern</title>
		<link>http://boxesandarrows.com/let-them-pee-avoiding-the-sign-upsign-in-mobile-antipattern/</link>
		<comments>http://boxesandarrows.com/let-them-pee-avoiding-the-sign-upsign-in-mobile-antipattern/#comments</comments>
		<pubDate>Sun, 17 Mar 2013 20:00:35 +0000</pubDate>
		<dc:creator>Greg Nudelman</dc:creator>
				<category><![CDATA[Design Principles]]></category>
		<category><![CDATA[Special topic: Mobile UX]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://boxesandarrows.com/?p=4091</guid>
		<description><![CDATA[This is an excerpt from the upcoming Android Design Patterns: Interaction Design Solutions for Developers (Wiley, 2013) by Greg Nudelman Anything that slows down customers or gets in their way after they download your app is a bad thing. That includes sign-up/sign-in forms that show up even before potential customers can figure out if the app...]]></description>
				<content:encoded><![CDATA[<p>This is an excerpt from the upcoming <a title="Android Design Patterns: Interaction Design Solutions for Developers" href="http://bit.ly/droidpatterns"><em>Android Design Patterns: Interaction Design Solutions for Developers</em></a> (Wiley, 2013) by Greg Nudelman</p>
<p>Anything that slows down customers or gets in their way after they download your app is a bad thing. That includes sign-up/sign-in forms that show up even before potential customers can figure out if the app is actually worth using.</p>
<h2>It’s a simple UX equation</h2>
<p>This antipattern seems to be going away more and more as companies are beginning to figure out the following simple UX equation:</p>
<p><code>Long sign-up form before you can use the app = Delete app</code></p>
<p>However, a fair number of apps still force customers to sign up, sign in, or perform some other useless action before they can use the app.</p>
<h2>Example</h2>
<p>The application SitOrSquat is a brilliant little piece of social engineering software that enables people to find bathrooms on the go, when they gotta go. Obviously, the basic use case implies a, shall we say, certain sense of urgency. This urgency is all but unfelt by the company that acquired the app, Procter and Gamble (P&amp;G), as it would appear for the express purposes of marketing the Charmin brand of toilet paper. (It&#8217;s truly a match made in heaven—but I digress.)</p>
<p>Not content with the business of simply &#8220;Squeezing the Charmin&#8221; (that is, simple advertising), P&amp;G executives decided for some unfathomable reason to force people to sign up for the app in multiple ways. First, as you can see in <a href="#1">Figure 1</a>, the app forces the customer (who is urgently looking for a place to relieve himself, let’s not forget) to use the awkward picker control to select his birthday to allegedly find out if he has been “potty trained.” This requirement would be torture on a normal day, but—I think you’ll agree—it&#8217;s excruciating when you really gotta go.</p>
<p><a name="1"></a></p>
<div id="attachment_4107" class="wp-caption alignright" style="width: 310px"><a href="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2013/05/figure1.png"><img class="size-medium wp-image-4107 " alt="Registration Torture" src="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2013/05/figure1-300x264.png" width="300" height="264" /></a><p class="wp-caption-text">Figure 1: Registration Torture: Sign Up/Sign In antipattern in SitOrSquat app.</p></div>
<p><a name="1"></a></p>
<p>But the fun does not stop there—if (and only if) the customer manages to use the picker to select the month and year of his birth correctly (how exactly does the app know it’s correct?), he then sees the EULA (<a href="#2">Figure 2</a>), which, as discussed in the previous article, <a title="EULA Presentation" href="http://boxesandarrows.com/mobile-welcome-experience-antipattern-end-user-license-agreement-eula/">End User License Agreement (EULA) Presentation</a> (Boxes and Arrows January 2nd, 2013), is an antipattern all to itself.</p>
<p><a name="2"></a></p>
<div id="attachment_4101" class="wp-caption alignleft" style="width: 178px"><a href="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2013/05/figure2.png"><img class="size-medium wp-image-4101" alt="EULA on a mobile device" src="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2013/05/figure2-168x300.png" width="168" height="300" /></a><p class="wp-caption-text">Figure 2: Reading the EULA while wanting to pee should be an Olympic sport.</p></div>
<p><a name="2"></a></p>
<p>SitOrSquat&#8217;s EULA is long, complex, and written in such tiny font that reading it while waiting to go to the bathroom should be considered an Olympic sport, to be performed only once every four years. Assuming the customer gets through the EULA, P&amp;G presents yet another sign-up screen, offering the user the option to sign in with Facebook, as shown in <a href="#3">Figure 3</a>.</p>
<p><a name="3"></a></p>
<div id="attachment_4103" class="wp-caption alignright" style="width: 178px"><a href="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2013/05/figure3.png"><img class="size-medium wp-image-4103" alt="Sharing bathroom habits" src="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2013/05/figure3-168x300.png" width="168" height="300" /></a><p class="wp-caption-text">Figure 3: Finally! Sharing my bathroom habits on Facebook has never been easier!</p></div>
<p><a name="3"></a></p>
<p>I guess no one told the P&amp;G execs that the Twitter message “pooping” is actually a prank. They must have legitimately thought that they could transfer some sort of social engineering information about the person’s bathroom habits to “achieve and maintain synergistic Facebook connectivity.” I would have to struggle hard to find monumental absurdities from social networking experiments that are equal to this. I can&#8217;t imagine that anyone thinks &#8220;Finally! Sharing my bathroom habits on Facebook has never been easier!&#8221;</p>
<p>Assuming that the user is a legitimate customer looking to use the bathroom for its intended purpose, and not a coprophiliac Facebook exhibitionist, we may hope that he will naturally dismiss the Facebook sign-in screen and come to the next jewel: the Tutorial, shown in <a href="#4">Figure 4</a>.</p>
<p><a name="4"></a></p>
<div id="attachment_4099" class="wp-caption alignright" style="width: 178px"><a href="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2013/05/figure4.png"><img class="size-medium wp-image-4099" alt="Tutorial is a sub-par Welcome experience pattern. Here it is another impediment to progress." src="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2013/05/figure4-168x300.png" width="168" height="300" /></a><p class="wp-caption-text">Figure 4: Tutorial is a sub-par Welcome experience pattern. Here it is another impediment to progress.</p></div>
<p><a name="4"></a></p>
<p>SitOrSquat tutorial is an extra screen that provides very little value, other than impeding the use of the app for its intended purpose. (If you need a tutorial, I recommend a much more effective contextual Watermark pattern, which I discuss in Chapter 5 of the <a title="Android Design Patterns" href="http://bit.ly/droidpatterns">Android Design Patterns</a> book.)</p>
<h2>50 Taps and 7 Screens of Antipatterns</h2>
<p>Note that the entire app outside of registration consists of basically four screens (if you count the functionality to add bathrooms!). However, if you include all the sign-up antipattern screens (including my initial failure to prove that my potty training certificate is up to date, as referred to in Figure 1), it takes seven screens of the “preliminary” garbage before the content you are looking for finally shows up (refer to <a href="#5">Figure 5</a>). If you count the number of taps necessary to enter my birthday, that becomes almost 50 taps!</p>
<p><a name="5"></a></p>
<div id="attachment_4105" class="wp-caption alignright" style="width: 310px"><a href="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2013/05/figure5.png"><img class="size-medium wp-image-4105" alt="The Glory of 50 taps needed to get through the Sign Up/Sign In antipattern in SitOrSquat app." src="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2013/05/figure5-300x105.png" width="300" height="105" /></a><p class="wp-caption-text">Figure 5: The Glory of 50 taps needed to get through the Sign Up/Sign In antipattern in SitOrSquat app.</p></div>
<p><a name="5"></a></p>
<p>One of my favorite UX people, Tamara Adlin (who coauthored The Persona Lifecycle: Keeping People in Mind During Product Design with John Pruitt) wrote brilliantly: “For Heaven’s Sakes, Let Them Pee.” I believe that never before has this line been so appropriate. In the absurd pursuit of social media “exposure” coupled with endless sign-up screens, with heavy-handed “lawyering up,” P&amp;G executives completely lost sight of the primary use case: letting their customer SitOrSquat.</p>
<p>Long sign-up screens detract from the key mobile use case: quick, simple information access on the go. Overly invasive sign-up/sign-in screens presented up front and without due cause will cause your customers to delete the app.</p>
<h2>There is no reason to force anyone to register for anything</h2>
<p>When deciding whether to force the customer to perform an action, consider this: If this were a web app, would you force the customer to do this? If you have Internet connection, you can save everything the customer does and connect it back to his device using a simple session token and a guest account. And even if you don’t (for example, while riding in a subway, using airplane mode, and so on), today’s smartphones have plenty of on-board storage you can use for later syncing with your servers when the mobile network eventually becomes available.</p>
<p>This means <em>there is simply no reason to force anyone to register for anything</em>, other than if they want to share the data from their phone with other devices. As a general rule, rather than forcing registration upon download or at the first opportunity, it is much better to allow the customer to save a piece of information locally on the phone without requiring that he log in. Wait until the customer asks for something that requires registration, such as sharing the information with another device or accessing information already saved in his account; at that point completing the registration makes perfect sense.</p>
<p>For example, imagine how absurd the Amazon.com shopping experience would be if the app asked you for your home address, billing address, and credit card upfront—before allowing you to see a single item for sale! Yet entering the home address (where would you like to have the items shipped?) and credit card (how would you like to pay for this?) makes perfect sense during the checkout, after the customer selects a few items and indicates she would like to complete the purchase.</p>
<p>Finally, remember that “Forms suck,” as brilliantly quipped by Luke Wroblewski in his book Web Form Design (Rosenfeld Media, 2008). Only ask for what you strictly need to proceed to the next step and omit extraneous information. (Effective mobile data entry controls and forms is a huge topic to which I devote chapters 10-12 of my upcoming <a title="Android Design Patterns" href="http://bit.ly/droidpatterns">Android Design Patterns</a> book (Wiley March 11, 2013), now available on Amazon.com).</p>
]]></content:encoded>
			<wfw:commentRss>http://boxesandarrows.com/let-them-pee-avoiding-the-sign-upsign-in-mobile-antipattern/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>The Music Outlives the Band</title>
		<link>http://boxesandarrows.com/the-music-outlives-the-band/</link>
		<comments>http://boxesandarrows.com/the-music-outlives-the-band/#comments</comments>
		<pubDate>Wed, 14 Nov 2012 00:34:34 +0000</pubDate>
		<dc:creator>Robert Hoekman Jr</dc:creator>
				<category><![CDATA[Big Ideas]]></category>
		<category><![CDATA[Professionalism]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[process]]></category>
		<category><![CDATA[profanity]]></category>
		<category><![CDATA[user experience design]]></category>

		<guid isPermaLink="false">http://boxesandarrows.com/?p=3487</guid>
		<description><![CDATA[Parental advisory for strong language, guru deflating and semantics.    A couple of years ago, I was asked to speak about &#8220;design thinking&#8221; at a web conference. The conference-speaking part was nothing new, but the topic certainly was. With the &#8220;design thinking&#8221; wave having just recently peaked, I had yet to even come up with...]]></description>
				<content:encoded><![CDATA[<p><a href="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2012/11/parental_advisory_explicit_content_lge_logo.gif"><img class="alignleft  wp-image-3536" title="parental_advisory_explicit_content_lge_logo" src="http://www-boxesandarrows-com.zippykid.netdna-cdn.com/wp-content/uploads/2012/11/parental_advisory_explicit_content_lge_logo-300x204.gif" alt="" width="180" height="122" /></a><em>Parental advisory for strong language, guru deflating and semantics.   </em></p>
<p>A couple of years ago, I was asked to speak about &#8220;design thinking&#8221; at a web conference. The conference-speaking part was nothing new, but the topic certainly was. With the &#8220;design thinking&#8221; wave having just recently peaked, I had yet to even come up with a clear definition of the term. So I accepted the challenge and went about the business of putting a wrapper around the idea so I could map it to our work as strategists and designers.</p>
<p>What I found was a bit of a joke. The few snake-like definitions I was able to charm out of the depths of the interweb with magical flute-playing were no better, no worse, and no different than definitions of &#8220;interaction design,&#8221; which were in turn no different than definitions of &#8220;problem solving,&#8221; which we as a species have been doing since the dawn of humanity. So what was the big deal about design thinking? Well, the big deal was that some designer douchebag decided one day to rebrand &#8220;user experience,&#8221; presumably to bring his agency a few new dollars. Leader of IDEO or not (I&#8217;m talking to you, Tim), rebranding a profession for no good reason is not a noble nod to semantic precision, but an exercise in self-importance.</p>
<p>Besides this, it bothered me that those among us who spend our time fighting the good design fights were acting like we had nothing better to do, as if the world would solve its own problems while we were over in the corner deciding what to call our particular brand of ice cream. And it was at this point that I decided I no longer gave a fuck.</p>
<p>It doesn&#8217;t matter one bit what you name the band, it matters how good the music is. The reputation you build around the name will outlive even the stupidest, most drunkenly attempts at a moniker cool enough to guarantee future rock god glory.</p>
<p>And most importantly, while we were all busy debating syllables and word pairs, the world at large caught onto the moniker we&#8217;ve been using all along. On a near-constant basis these days, the term &#8220;user experience&#8221; is used by people whose expertise is in raising kids, or selling insurance, or milling sugar. It&#8217;s used by people who have no business even knowing what &#8220;user experience&#8221; means. It appears in dinner table conversations. It appears in write-ups about apps, devices, and gadgets galore. It&#8217;s in magazines, on television, and online.</p>
<p>&#8220;User experience,&#8221; as a term, is weak, ineffective, and inaccurate. But although I am among the many in our profession who believe this sad title we&#8217;ve assigned ourselves becomes less potent with each utterance, I happen to also believe we should guard it with our proverbial lives. &#8220;User experience,&#8221; like it or not, has become a household name. And the best chance any of us has at legitimizing a profession that invariably begs further explanation and qualification is to make it as easily recognized and banal as &#8220;carpenter” and &#8220;motorcycle mechanic.&#8221;</p>
<p>&#8220;User experience&#8221; either is or isn&#8217;t the best term to serve as the concrete beneath our careers. And we either give a fuck or we don&#8217;t. It&#8217;s our choice.</p>
<p>Let&#8217;s stop talking about what it&#8217;s called and start solidifying the world&#8217;s understanding of it. Some people build cabinets. Some fix motorcycles. We design sites and apps. It doesn&#8217;t matter how we do it. It matters how easy it is to accept that it&#8217;s real, it matters, and is a sound career path to describe when you meet your girlfriend&#8217;s parents over Thanksgiving dinner.</p>
<p>Fuck title debates. &#8220;User experience&#8221; has momentum. Let it roll, and get back to work.</p>
]]></content:encoded>
			<wfw:commentRss>http://boxesandarrows.com/the-music-outlives-the-band/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
