<?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>Hello Erik</title>
	<atom:link href="http://www.helloerik.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.helloerik.com</link>
	<description>User Experience Design // Web Development</description>
	<lastBuildDate>Wed, 15 Feb 2012 22:15:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>What people want to see in a UX portfolio or website.</title>
		<link>http://www.helloerik.com/what-people-want-to-see-in-a-ux-portfolio-or-website</link>
		<comments>http://www.helloerik.com/what-people-want-to-see-in-a-ux-portfolio-or-website#comments</comments>
		<pubDate>Thu, 29 Dec 2011 01:48:02 +0000</pubDate>
		<dc:creator>Erik</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Geek Stuff]]></category>

		<guid isPermaLink="false">http://www.helloerik.com/?p=3978</guid>
		<description><![CDATA[Here&#8217;s the tl;dr version of this post: I am redoing all my personal materials to be something much more deliberate and efficient. Starting with this website. Everything will be new. I&#8217;ve learned some things recently. Partially from poking around the internet looking at other UX designer&#8217;s sites, and also from having to sift through some [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.helloerik.com/wp-content/uploads/eriknew2.png"><img class="aligncenter size-full wp-image-3987" title="eriknew2" src="http://www.helloerik.com/wp-content/uploads/eriknew2.png" alt="" width="649" height="321" /></a></p>
<p><strong>Here&#8217;s the tl;dr version of this post: I am redoing all my personal materials to be something much more deliberate and efficient. Starting with this website. Everything will be new.</strong></p>
<p>I&#8217;ve learned some things recently. Partially from poking around the internet looking at other UX designer&#8217;s sites, and also from having to sift through some resumes for UX designers here at my place of employment.</p>
<p>See, I&#8217;ve learned 2 things.</p>
<ol>
<li>People usually don&#8217;t build their resume for what employers want to see. In fact, they usually aren&#8217;t &#8216;built&#8217; at all, but instead they are just a thoughtless collections of data arranged in a fashion that was taught in a 10th grade English class.</li>
<li>People don&#8217;t build a website (portfolio, personal brand, whatever) to cater to what their visitors want to see. I am talking specifically about online resume/branding sites (like helloerik.com).</li>
</ol>
<p>Here&#8217;s something: have you ever known anyone who is out in the job market to send custom optimized resumes to different prospective employers? People expect to create one homogenous, vanilla resume that is made to have no roughedges and take no risks whatsoever. They desire it to be soft and sweet like a marshmallow.</p>
<p>Why don&#8217;t people optimized (A/B test even!) their resume for each and every place they send it? Layout, color, wording, arrangement, style.. whatever! How did we arrive at a place where people try their hardest to create one generic, comprehensive resume?</p>
<p>Granted &#8211; most people aren&#8217;t on a job hunt trying to land some great job and applying all over the country. Clearly if your resume is being stapled to a job application form, it doesn&#8217;t really matter. But for people who are claiming to be design and optimization professionals, people who shape the experience of the user, shouldn&#8217;t we be shaping the experience of the people who use our websites and view our materials?</p>
<p>The goal is not to be transparent and risk-free. This is your chance to paint whatever picture you want, and then stand behind it and back it up. Ask yourself &#8220;What do these people NEED to see here?&#8221; Work history, skills, references? Usually no.</p>
<p>They want to see if you match their (subconscious) expectations of who they want to hire. A bland resume and presentation doesn&#8217;t do that. That gives people an ambiguous slate for them to paint on, and no room to paint anything on it yourself.</p>
<p>It&#8217;s a bold move. It&#8217;s a risky move. But fortune favors the bold. When someone is looking at your resume, website&#8230; your cumulative personal brand, I would want them to be saying &#8220;This person meets my expectations of who I&#8217;m looking for&#8221; and not &#8220;Does this person meet my expectations of who I&#8217;m looking for?&#8221;</p>
<p>You can&#8217;t read minds, and you can&#8217;t predict what people want. But if you feel confident in yourself and your abilities, I say that you present something memorable and authentic. This isn&#8217;t some &#8220;stand out in a crowd&#8221; bullshit either. I don&#8217;t subscribe that that particular notion. The sentiment here is &#8220;Who cares if you stand out or not &#8211; give them something to look at and ask &#8216;This is what I&#8217;ve got, is it what you are looking for?&#8217;&#8221;</p>
<p>I don&#8217;t ever want some prospective viewer of my materials to be unsure and have to ask &#8220;Is this how a successful UX designer portrays himself?&#8221; Instead, I want them to see something with some balls and say &#8220;Well, I am not sure how a successful UX designer portrays himself, but this guy sure is making an attempt!&#8221;</p>
<p>The moral of this story? Don&#8217;t be generic. But also, don&#8217;t stand out in a crowd. Just put the same amount of effort and creativity you put into your work and designs into your personal materials; resume, website, business card, etc etc.</p>
<p>You don&#8217;t need to be &#8216;over the top&#8217;, or ostentatious, or braggadocios, or gaudy.  Just define yourself in a way that has hard edges. You don&#8217;t want your resume/website/portfolio looking dead on arrival.<a href="http://www.helloerik.com/wp-content/uploads/resumetesta.jpg"><img class="aligncenter size-full wp-image-3983" title="resumetesta" src="http://www.helloerik.com/wp-content/uploads/resumetesta.jpg" alt="" width="556" height="483" /></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloerik.com/what-people-want-to-see-in-a-ux-portfolio-or-website/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Pigs and Bowling Balls; Lipstick and Lace</title>
		<link>http://www.helloerik.com/pigs-and-bowling-balls-lipstick-and-lace</link>
		<comments>http://www.helloerik.com/pigs-and-bowling-balls-lipstick-and-lace#comments</comments>
		<pubDate>Wed, 19 Oct 2011 16:44:12 +0000</pubDate>
		<dc:creator>Erik</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.helloerik.com/?p=2295</guid>
		<description><![CDATA[What do &#8220;putting lipstick on a pig&#8221; and &#8220;putting lace on a bowling ball&#8221; have in common? Two things: 1. Neither has ever worked. Lipstick has ever made a pig more attractive, and lace has never improved a bowling ball. Neither fool anyone, and often insult the intelligence of the target audience. 2. Both sayings [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.helloerik.com/wp-content/uploads/warthog_748_600x450.jpg"><img class="alignright size-medium wp-image-2300" title="warthog_748_600x450" src="http://www.helloerik.com/wp-content/uploads/warthog_748_600x450-225x300.jpg" alt="" width="225" height="300" /></a>What do &#8220;putting lipstick on a pig&#8221; and &#8220;putting lace on a bowling ball&#8221; have in common? Two things:</p>
<p><strong>1. Neither has ever worked. Lipstick has ever made a pig more attractive, and lace has never improved a bowling ball. Neither fool anyone, and often insult the intelligence of the target audience.</strong></p>
<p><strong>2. Both sayings are often used by people as a acceptable solution to a fundamental problem with design or function. They aren&#8217;t metaphors that are supposed to be answers; they are metaphors that are supposed to point out pointless and ineffective measures to improve something.</strong></p>
<p>If you say &#8220;it&#8217;s like putting lipstick on a pig / lace on a bowling ball,&#8221; you should be referring to a failed, obvious attempt at dressing something up, which only served to make the original offending article more apparent.</p>
<p>If you use those metaphors as a solution &#8211; you&#8217;re missing the point. Neither has ever worked. No amount of lipstick or lace will improve your pig. If you have dolled up your pig, it was a mistake and should be reversed. If you are suggesting we doll up the big &#8211; it&#8217;s a mistake and should be reevaluated.</p>
<p>Plus, on a professional level, it&#8217;s insulting to designers. It&#8217;s like saying &#8220;We&#8217;ve got this wife who is our date, but she is not dressed up at all, her hair is not done, she no makeup, no perfume, no jewelry, but we want you to now put a very thin, useless facade of lipstick on her to hopefully give her some attractiveness. You have 5 seconds to apply this lipstick on while we back the car out of the driveway on our way to the high school reunion.&#8221;</p>
<p>If you want your old buddies to think your wife is hot, and your exgirlfriends to be jealous, it&#8217;s going to take more than lipstick to make a stunning impression. Lipstick only works if the woman is looking good to begin with.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloerik.com/pigs-and-bowling-balls-lipstick-and-lace/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Horses, Camels, and Committees. Not all things are created equal.</title>
		<link>http://www.helloerik.com/horses-camels-and-committees-not-all-things-are-created-equal</link>
		<comments>http://www.helloerik.com/horses-camels-and-committees-not-all-things-are-created-equal#comments</comments>
		<pubDate>Mon, 17 Oct 2011 16:41:16 +0000</pubDate>
		<dc:creator>Erik</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.helloerik.com/?p=2286</guid>
		<description><![CDATA[&#8220;A horse is a camel designed by committee&#8221; is a terrible metaphor. Every time I hear it, I feel like the point of the metaphor is lost. &#8220;A committee is a cul-de-sac into which ideas are lured and then quietly strangled.&#8221; Let me explain. A camel is a animal perfectly adapted and finely tuned for [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.helloerik.com/wp-content/uploads/camel3.jpg"><img class="size-medium wp-image-2287 alignright" title="camel3" src="http://www.helloerik.com/wp-content/uploads/camel3-300x236.jpg" alt="" width="300" height="236" /></a>&#8220;A horse is a camel designed by committee&#8221; <strong>is a terrible metaphor.</strong> Every time I hear it, I feel like the point of the metaphor is lost.</p>
<p><em><strong>&#8220;A committee is a cul-de-sac into which ideas are lured and then quietly strangled.&#8221;</strong></em></p>
<p>Let me explain.</p>
<p>A camel is a animal perfectly adapted and finely tuned for its environment and purpose: living in the Sahara Desert in extreme heat with little to no water for extended periods of time. It is a marvel of evolution. When the needs of the &#8220;user&#8221; arose in the Sahara, a camel was the exact right product for the job. So it probably wasn&#8217;t committee got it right; it a great UX team who took the time to research and develop a solution for the problem.</p>
<p>A horse would die in the Sahara. No &#8220;committee&#8221; is going to build a camel when they try to build a horse. The metaphor is flawed. You aren&#8217;t going to &#8220;stumble&#8221; into building a 4 legged creature who is impervious to heat and dehydration, with built in water stores and massive feet built to not sink into sand.</p>
<p>A horse would be designed for a entirely different purpose. It doesn&#8217;t need to have the adaptations that a camel does, because horses do not live in the Sahara. Horses are perfectly adapted for their own environments.</p>
<p>If you want to build a horse by a committee, you don&#8217;t end up with a horse. You end up with an abomination of biology and science, something that probably never made it out of the lab. Things designed by committee are rarely happy-accidents, they are usually unusable in any situation.</p>
<p>If you want a camel, design a camel. If you want a horse, design a horse. But don&#8217;t try to peddle your committee design as a &#8220;the right thing for the wrong situation&#8221; coincidence. If you have a functional creature, you probably but a lot of time and care into it, but maybe it was geared for a specific environment that doesn&#8217;t fit your goals exactly. If you have something truly built by committee,  you don&#8217;t end up with a perfect horse or camel, you end up with this:</p>
<p>&nbsp;</p>
<p><a href="http://www.helloerik.com/wp-content/uploads/horse.png"><img class="aligncenter size-full wp-image-2288" title="horse" src="http://www.helloerik.com/wp-content/uploads/horse.png" alt="" width="635" height="449" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloerik.com/horses-camels-and-committees-not-all-things-are-created-equal/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Steve Jobs</title>
		<link>http://www.helloerik.com/steve-jobs</link>
		<comments>http://www.helloerik.com/steve-jobs#comments</comments>
		<pubDate>Thu, 06 Oct 2011 14:43:36 +0000</pubDate>
		<dc:creator>Erik</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Random Thoughts]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.helloerik.com/?p=2043</guid>
		<description><![CDATA[&#160; This isn&#8217;t a post about Apple, or their product. This is about a man who lived the type of life I want to live, but have not. And may not. A man who cared about what he did, and pursued it with a fury. Only a fool would believe his goal was to become [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.helloerik.com/wp-content/uploads/5.jpg"><img class="aligncenter size-full wp-image-2048" title="Steve Jobs" src="http://www.helloerik.com/wp-content/uploads/5.jpg" alt="Steve Jobs" width="320" height="238" /></a></p>
<p>&nbsp;</p>
<p>This isn&#8217;t a post about Apple, or their product. This is about a man who lived the type of life I want to live, but have not. And may not.</p>
<p>A man who cared about what he did, and pursued it with a fury. Only a fool would believe his goal was to become rich. Being a billionaire was a byproduct. A byproduct of passion, and a relentless refusal to succumb to fear or mediocrity.</p>
<p>A man who would rather lose everything and fail than forget that passion and creativity matter, both in your personal life, but also in business. He wasn&#8217;t a financial mogul, or a guy who got lucky in the 70&#8242;s and have ridden their billions for the last 25 years without ever pushing creative boundaries. He never stopped trying to improve what he felt was his passion.</p>
<p>I see no purpose in discussing the business he built, and lost, and built again. The only thing I take from yesterday&#8217;s news is that a man died who did the thing I wish I could do: care about something enough to make it your life, the thing that feeds your passion and soul. To once again value creativity and vision and passion. And to pursue it so relentlessly that you only stop on the edge of death, when you are physically incapable of doing more.</p>
<p>Anyone would be lucky, blessed, to have the type of drive and passion that he had. In any field or endeavor. It is rare that you can say &#8220;For him, it wasn&#8217;t about the money.&#8221; I believe that 100%.</p>
<p>It was about the drive, the will to succeed, the will to follow what your heart and mind want to follow, and doing it without regard for failing or losing it all. That is the man who died yesterday. Who cares about his company or his money, or even his impact on his industry, or even the world.</p>
<p>All I can see is a man who had a huge impact on his own life, something that most of us will never achieve. What we lost was a man who was an example for giving 100% of your heart to something you care about, regardless of the praise or criticism you will garner.</p>
<p>I&#8217;m not going to build the next great computer or operating system or music player or gadget. I&#8217;m not ever going to be famous, and very likely never be rich. I just hope that when I am near death, I can look back at something, anything, and be able to say with absolute certainty: &#8220;I did my best to pursue something I cared about.&#8221; Hopefully I can.</p>
<p>Thanks, Steve, for showing me that someone can remain relentless, creative, and passionate both in the depths of failure and in the heights of success.</p>
<blockquote><p>Blacktop pavement cover me<br />
Like a chemical reaction or a steam roller<br />
Spreading randomly</p>
<p>There&#8217;s a distant buzz and low frequency<br />
It tickles my ear, rumbles under my feet<br />
And it shakes the leaves off of every tree, violently<br />
What pretension, everlasting peace<br />
Everything must cease</p>
<p>Institution on the Hill<br />
Like a beacon in the mind of an ancestor<br />
To ignite a people&#8217;s will</p>
<p>There&#8217;s a shadowed stain on the west facade<br />
It has spread like decay to enshroud the fraud<br />
And the descendants find it oh so odd<br />
Oh so odd<br />
What pretension everlasting peace<br />
Everything must cease</p>
<p>Grave memorial, hewn white stone<br />
Like the comforting caress of a mother<br />
Or a friend you&#8217;ve always known</p>
<p>It evokes such pain and significance<br />
What was once, is reduced to remembrance<br />
And the generations pass without recompense</p>
<p>What pretension everlasting peace<br />
Everything must cease</p></blockquote>
<p>Rest in Peace.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloerik.com/steve-jobs/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>My Interview with Google UX</title>
		<link>http://www.helloerik.com/my-interview-with-google-ux</link>
		<comments>http://www.helloerik.com/my-interview-with-google-ux#comments</comments>
		<pubDate>Fri, 19 Aug 2011 07:03:57 +0000</pubDate>
		<dc:creator>Erik</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Case Studies]]></category>
		<category><![CDATA[Geek Stuff]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[Random Thoughts]]></category>
		<category><![CDATA[Search Engine Optimization]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[Google Interview]]></category>

		<guid isPermaLink="false">http://www.helloerik.com/?p=890</guid>
		<description><![CDATA[One day in May 2011, I was contacted by a Google recruiter to apply for a job on the Google UX team. I made it to the all-day onsite interview in Mt. View. Google was *awesome* to work with, and the whole experience was an honor and educational journey. Out of respect to Google and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.helloerik.com/wp-content/uploads/photo-2.jpg"><img class="alignright size-medium wp-image-923" title="photo 2" src="http://www.helloerik.com/wp-content/uploads/photo-2-225x300.jpg" alt="" width="225" height="300" /></a>One day in May 2011, I was contacted by a Google recruiter to apply for a job on the Google UX team. I made it to the all-day onsite interview in Mt. View. <strong>Google was *awesome* to work with, and the whole experience was an honor and educational journey.</strong></p>
<p>Out of respect to Google and their process, <strong>I won&#8217;t be talking about any of the specific hoops.</strong> There&#8217;s no cheat-sheets or pro-tips here. Just my tale of visiting Google HQ in Mountain view.</p>
<p>This is that story.</p>
<h2>Email Heard Round The World</h2>
<p>May 3rd, 2011 I received an email from someone <strong>@google.com</strong>. I assumed it was some sort of scam or phishing attempt. I had not sent in an application or resume &#8211; in fact, after checking my analytics, I saw how they found me: They did a Google search for:</p>
<p><strong>intitle:ux portfolio</strong></p>
<p>Pretty clever. I have done alot to SEO my site, so at that time I was on page 7&#8230; right now <strong>I am on page 1, result 7</strong> (from what I can tell doing a search through a proxy so it doesn&#8217;t geolocate me to Salt Lake City).</p>
<h2>Initial Contact</h2>
<p>I replied to the email sort of saying &#8220;Yeah sure, hit me with whatever questions you have.&#8221; A few days later, I got a call from a random area code. Sure enough, it was Google recruiting. They asked me many of the standard phone screen questions, really basic stuff that wasn&#8217;t really UX specific. At this point, I was pretty shocked. <strong>It was very surreal to be talking to God.</strong></p>
<h2>Screening</h2>
<p><a href="http://www.helloerik.com/wp-content/uploads/photo-1.jpg"><img class="alignright size-medium wp-image-921" title="photo 1" src="http://www.helloerik.com/wp-content/uploads/photo-1-225x300.jpg" alt="" width="225" height="300" /></a>After the phone screen, it was a week or so later that I got another email saying I was moving to phase 2. By the way, every time I got moved on to a phase, I was equally shocked each time. <strong>It was like Indiana Jones going through the trials at the end of the Last Crusade, only the penitent man will pass.</strong></p>
<p>Anyways &#8211; I was told I would have a phone call with one of the UX designers. <strong>Uh oh!</strong> I geared myself for what I was sure would be the disqualification round. I got another call from Mountain View, and spoke for about an hour with a UX designer. This particular designer worked on &#8220;apps&#8221; as he put it. Pretty awesome. I answered his questions the best I could, <strong>but I did something different this time, compared to how I usually answer on interviews.</strong> I did not embelish or try to be impressive. I figured, this is GOOGLE, <strong>they aren&#8217;t going to be fooled or impressed by bravado or buzzwords.</strong> So I just played it straight &#8211; gave them solid answers, doing the best I could, but treated them like they had the answers, and it was me who was being tested.</p>
<p>I was sure that was the end. Who am I to be contacted and screened by Google? Little did I know, <strong>things were about to get REAL.</strong></p>
<h2>Project</h2>
<p>A few days later, maybe a week (this whole process took 6 weeks), I was emailed again saying <strong>&#8220;Congrats! We would like to proceed with phase 3 &#8211; the Project.&#8221;</strong></p>
<p><a href="http://www.helloerik.com/wp-content/uploads/photo-5.jpg"><img class="alignright size-medium wp-image-920" title="photo 5" src="http://www.helloerik.com/wp-content/uploads/photo-5-300x224.jpg" alt="" width="300" height="224" /></a>I was asked to choose from a selection of micro-projects, which I would complete to specific parameters. I am not going to say what they were, or what I did, I don&#8217;t want to give away Google&#8217;s process. <strong>But I will say, that it was quite a challenge.</strong> I had a deadline, and with the pressure of doing something &#8220;good enough&#8221; to pass on my mind, it was a very nervewracking experience. But, I dove into the micro-project the best I could, did everything they asked me to do, and uploaded it to be viewed by the UX team.</p>
<p>I was sure that that was going to be the end. My project, while good, was far, far from ideal. But I was given very specific parameters I couldn&#8217;t surpass &#8211; no spending 10 days working on it, I had a tiny window and urgent deadline.<strong> It was a test of talent, but also a test of agility.</strong></p>
<p>I uploaded that sucker&#8230; and stayed <strong>glued to the Analytics I had put on the page.</strong></p>
<p>No visits. No visits. No visits. Boom. <strong>7 visits from &#8220;Mountain View&#8221; in one day.</strong> Things were real now. I was being evaluated by the team, and this is what they were going to use to make their decision on if I continue. Tick tick tick.</p>
<p>About a week later, I got the email: <strong>Congratulations Erik! We would like to invite you to an onsite interview here at Google Headquarters in Mountain View, California.</strong></p>
<p>I tell everyone who is in my inner cicle, <strong>&#8220;Folks, I have been called upon to visit the most sacred of grounds &#8211; The Googleplex.&#8221;</strong></p>
<h2>Onsite</h2>
<p><a href="http://www.helloerik.com/wp-content/uploads/photo-4.jpg"><img class="alignright size-medium wp-image-919" title="photo 4" src="http://www.helloerik.com/wp-content/uploads/photo-4-224x300.jpg" alt="" width="224" height="300" /></a><strong>June 21st at 10am.</strong> Perfect summer day. Terrified, I drove onto 1600 Amphitheater Parkway, and into the Google parking lot. Plenty of open spaces, right near the front. <strong>No one drives to Google</strong>, pssssh. They take one of the Google buses that drive all around the bay area, or they ride <strong>bikes</strong>.<strong> So many bikes. Bikes everywhere.</strong> So there I was, stepping out of my car and walking 20 feet to what I can only presume<strong> is the equivalent to UX Disneyland</strong>. I was early, on purpose, so I just walked around. There were so many buildings, it was like a college campus. People hanging around outside, talking, eating breakfast, walking around. Saw a dude with dreadlocks.</p>
<p>I walked around for about half an hour, saw the volleyball court, the dinosaur T-Rex sculpture, all the freaking bikes. <strong>It was the coolest damn workplace I had ever seen.</strong></p>
<p>It was finally time to get down to business. I went to my building, signed in, and got my visitor badge. I sat down in the lobby waiting for the recruiter to come greet me. On the windows behind me was stained glass, made out of Google designs. Also &#8211; it was blistering hot under the sun, I was afraid I&#8217;d be too sweaty like George Costanza. But I was too nervous to move, I just wanted to sit still and wait for my turn. My recruiter came down, greeted me, and we were on our way. He was a super nice guy, just awesome. Everyone was awesome.</p>
<h2>Team Interview</h2>
<p>This isn&#8217;t intramurals, this is division one football. Right off the bat,<strong> they were going to come in with the high heat, fastballs straight past the nose.</strong> I was lead into a conference room, and told &#8220;Set up your computer, get the projector ready, and the team will be in shortly.&#8221; Hoooooly moley. It was almost time. It was like the moments before a big sports game (not that I&#8217;d know). <strong>Any second, I&#8217;d have to put the jitters aside and just dive into the jive.</strong></p>
<p>The team came in. Of course, they were all cool and collected &#8211; to them, this was just an hour they had to take out of their day. No big deal. To me, this was the trial of my life. I had to present my project, defend it, and field questions about my portfolio.</p>
<p><a href="http://www.helloerik.com/wp-content/uploads/photo-3.jpg"><img class="alignright size-medium wp-image-922" title="photo 3" src="http://www.helloerik.com/wp-content/uploads/photo-3-224x300.jpg" alt="" width="224" height="300" /></a>I stood there quiet like I always do in interviews, which I&#8217;ve had a ton of recently. I don&#8217;t smalltalk, I don&#8217;t try and make myself more comfortable, I just get ready. Every one was seated, and I asked &#8220;We all ready to start?&#8221; Everyone kind of nodded, I hit the lights, and clicked my Apple Remote to stat my presentation. <strong>Like Bruce Banner turning into the Incredible Hulk, all the fear and nervousness vanished, and it was smashing time.</strong></p>
<p>Finally I was in my element, the only place I feel comfortable in the world. <strong>The only place I come alive.</strong> That place: Speaking in front of people. Talking about <strong>the one thing I love &#8211; work. UX. Problem solving. The internet. Innovation. Invention.</strong> I didn&#8217;t have to know how to make smalltalk, or conform to social niceties and norms. It was time to lay things down on the line and take control of the situation <strong>like a boss.</strong></p>
<p>I started talking, and things just flowed form there. <strong>I felt like I was finally in control of myself.</strong> I was answering questions with <strong>confidence</strong>, explaining my project and my portfolio with humility and ferocity at the same time. I was telling jokes and zingers. Hands up on the wall the projection was on, gesturing and pointing and just living it up.<strong> I felt great, even though I had no idea the outcome, at least I know I was in the moment, doing my best.</strong> Anticipation and fear were gone &#8211; it was time to take swings at those fastballs. That&#8217;s where everyone is equal. It doesn&#8217;t matter who is throwing, or who is batting. All that matters is if you make contact or not. <strong>Just keep your eye on the ball and let everything else go.</strong></p>
<p>And, from my perspective, I had a bunch of strikes, a bunch of base hits, a few doubles, a few triples, and I know for certain a homerun or 2 (no grand slams though). <strong>People on the UX team actually would interrupt me and tell me that answer was &#8220;great&#8221; and they had never thought of that before.</strong> And these weren&#8217;t platitudes, they were genuinely impressed. I had ideas and thoughts on the fly I had never conceived before, I was just getting things thrown at me, and making contact in ways I didn&#8217;t think I would. At one point, there was even some light arguing amongst the team, some people thinking the answer was ambiguous and off the mark, and other team members saying &#8220;No, I get exactly what he is saying, it sounds great.&#8221; That was a huge confidence booster.</p>
<p>I was taken to lunch at one of the many Google cafes.<strong> Gourmet food, all buffet style.</strong> It was awesome. And all free to the employees. You could eat every meal there all day, and snacks and drinks too. I had an hour to eat with one of the UX designers, sort of talk, and prepare for the rest of the gauntlet. Soon enough, the hour was over and it was time for the one on ones.</p>
<h2>The One on Ones</h2>
<p>This is where it got hairball. There&#8217;s no real need to describe each interview (there were 5 hour long interviews), so I&#8217;ll sum them up in a list.</p>
<ul>
<li><strong>The questions were hard.</strong> They weren&#8217;t &#8220;gotcha&#8221; questions or paradoxes, <strong>they were legit questions a UX person would be faced with at the biggest internet juggernaut.</strong> I did my best, but a few times I just had to say &#8220;I don&#8217;t know. The best I can do is postulate an answer, but straight up, I&#8217;ve never even considered that idea until you asked.&#8221;</li>
<li>Some questions were based on the premise that a person would know how to handle huge volumes of visitors. I didn&#8217;t. I had no idea how to tackle questions that hinged on knowing what the implications of hundreds of millions of pageviews a week entailed.</li>
<li><strong>I thought too small. This was my biggest mistake.</strong> I was in the mindset of my current rank and station in my career &#8211; limited resources, limited innovation in the workplace, and limited thought based on past experience. <strong>These people were used to literal &#8220;anything goes&#8221; answers, and I was stuck in smalltime thinking.</strong> There was a particular question where I was stuck on using HTML to accomplish something on a mobile device &#8211; not realizing that a native app for iOS or Android was well within the bounds of the question. I had never thought of it like that, because <strong>in my word, if you couldn&#8217;t whip it out in a month using html, php and jquery, you weren&#8217;t going to get the time, and probably didn&#8217;t have the right resources anyways.</strong> At the end, I smacked my head, realizing I should have answered with the biggest, most advanced technologies there were. <strong>Huge mistake on my part.</strong></li>
<li>By the last interview, I had drank a redbull, had 2 excedrins, had a killer migraine, and was tired as all hell. The last interview I had to just limp across the finish line. <strong>A huge disappointment. By far my worst performance.</strong> I knew that I had sucked, and I just hoped that it didn&#8217;t hurt me too bad.</li>
</ul>
<p><strong></strong>I just sort of collapsed with fatigue, and had to leave immediately to catch my flight at SFO. I had zero idea how I would be judged. Some answers were good, some sucked, but I had made it this far, they had vetted the crap out of me. <strong>Who knows, maybe they were looking for someone like me.</strong></p>
<p><strong>Nope</strong>. About 2 weeks later, 2 brutal weeks later, I was notified by phone that I was not going to be offered a job. Not much else to say. Just like that, <strong>it was over.</strong></p>
<p><strong>Aftermath</strong></p>
<p><strong>The experience was great. Everyone was nice, really encouraging, and totally cooperative.</strong> I&#8217;ve read things about Google interviews where people complain, but I have none. It was a totally positive experience, and <strong>an honor.</strong> I wanted to work there in a big way, but I just wasn&#8217;t what they wanted at the time. And I don&#8217;t blame them, I am sure the other candidates could easily have surpassed me, hell they might have been coming from any of the other tech giants with that massive enterprise experience. <strong>I was just outclassed. No hard feelings.</strong></p>
<p>And that&#8217;s the Google story. <strong>&#8220;Come home with your shield, or on it.&#8221;</strong></p>
<p>I can say this though &#8211; <strong>I&#8217;m going to try again.</strong> Maybe in a year or two, maybe after I work at a few more enterprise class places. But at some point, I&#8217;ll be back.<strong> I climbed the mountain saw the top.</strong> People may argue &#8211; but I believe that Google is <strong>the pinnacle of UX careers.</strong> The depth and breadth of the work there is unsurpassed. In a way, it pumped my ego up, but also <strong>smacked it down like a Grizzly Bear smacks down a reckless hiker.</strong> Should I feel proud I made it all the way to the onsite interview, or dejected for not having what it takes. <strong>I don&#8217;t know.</strong></p>
<p><strong>P.S.:</strong> This all happened 1 week before Google Plus was announced. And during one of the interviews, I was asked a few questions, vague questions, about how I&#8217;d design certain aspects of a social network. I gave my answers, got a few good responses&#8230; and a week later I learn that the answers I had given were a part of Google Plus. I had came to some of the same conclusions that the Google engineers had come to probably a year previous when they were planning Google Plus. that was the one thing I was most proud of &#8211; I showed myself that I did have the capability to think like a Google UX Designer.</p>
<p style="text-align: center;"><a href="http://www.helloerik.com/wp-content/uploads/11.jpg"><img class="aligncenter size-medium wp-image-909" title="Google Block Puzzle" src="http://www.helloerik.com/wp-content/uploads/11-269x300.jpg" alt="" width="269" height="300" /></a><em>The Google wooden block puzzle they gave me as part of my gift bag.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloerik.com/my-interview-with-google-ux/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>New Portfolio Items</title>
		<link>http://www.helloerik.com/new-portfolio-items</link>
		<comments>http://www.helloerik.com/new-portfolio-items#comments</comments>
		<pubDate>Tue, 26 Jul 2011 01:56:34 +0000</pubDate>
		<dc:creator>Erik</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Website Development]]></category>

		<guid isPermaLink="false">http://www.helloerik.com/?p=438</guid>
		<description><![CDATA[I&#8217;ve added some new items to the portfolio page! It takes a while to get projects started, documented, and viewable in any matter. This technically isn&#8217;t a blog post, I&#8217;ve got a few of those in draft format I&#8217;ll be publishing soon. It&#8217;s been a very, very long month. CityDeals Mobile App &#8211; iPhone project. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-medium wp-image-317" title="UX_logo" src="http://www.helloerik.com/wp-content/uploads/UX_logo-300x133.jpg" alt="" width="300" height="133" />I&#8217;ve added some new items to the <a title="UX Portfolio – User Experience Examples" href="http://www.helloerik.com/ux-portfolio-user-experience-examples">portfolio page!</a> It takes a while to get projects started, documented, and viewable in any matter. This technically isn&#8217;t a blog post, I&#8217;ve got a few of those in draft format I&#8217;ll be publishing soon. It&#8217;s been a very, very long month.</p>
<p><strong><a title="UX Portfolio: CityDeals Mobile App UX" href="http://www.helloerik.com/ux-portfolio-user-experience-examples/ux-portfolio-citydeals-mobile-app-ux">CityDeals Mobile App &#8211; iPhone</a></strong> project. This was a UX project dealing with mobile applications and usability. Strictly<strong> UX and information design.</strong> This is one of the rare examples where I was not involved in visual design or coding development. A real awesome experience.</p>
<p><strong><a title="UX Portfolio: PieShares Wireframes, Mockups, Prototype" href="http://www.helloerik.com/ux-portfolio-user-experience-examples/ux-portfolio-pieshares-wireframes-mockups-prototype">PieShares UX Process and Interaction</a></strong> project. This is a process exercise and demonstration of my methods and techniques used when designing an application and the iterative cycle things going through in a rapid release environment. A real winner.</p>
<p>Thanks for reading and I will have new articles up this week! I hope to start a every-other-day release of articles and posts of relevance. Writing things out gives me new insights and ideas I hadn&#8217;t though about until it was written down, plus articles are great <strong>SEO</strong> food. Nom nom nom.</p>
<p><a href="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-25-at-7.53.57-PM.jpg"><img class=" size-full wp-image-439" title="Analytics" src="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-25-at-7.53.57-PM.jpg" alt="" width="1054" height="545" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloerik.com/new-portfolio-items/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Absence of Evidence is not Evidence of Absence</title>
		<link>http://www.helloerik.com/absence-of-evidence-is-not-evidence-of-absence</link>
		<comments>http://www.helloerik.com/absence-of-evidence-is-not-evidence-of-absence#comments</comments>
		<pubDate>Fri, 08 Jul 2011 18:03:31 +0000</pubDate>
		<dc:creator>Erik</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.helloerik.com/?p=378</guid>
		<description><![CDATA[Absence of Evidence is not Evidence of Absence This is a confusing as hell statement. It takes me a while to get what it means every time I use it or say it. So, I&#8217;m going to try and draw a parallel as to why this relates to UX design. You&#8217;re a stakeholder, and you&#8217;re [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>Absence of Evidence is not Evidence of Absence</p></blockquote>
<p><img class="alignright size-full wp-image-421" title="field" src="http://www.helloerik.com/wp-content/uploads/field.png" alt="" width="300" height="200" />This is a confusing as hell statement. It takes me a while to get what it means every time I use it or say it. So, I&#8217;m going to try and draw a parallel as to why this relates to UX design.</p>
<p>You&#8217;re a stakeholder, and you&#8217;re looking at your product (be it a site, app, whatever). You don&#8217;t see anything wrong with it, <strong>so you assume that this proves there is nothing wrong and that everything is great</strong>. But just because you don&#8217;t see anything wrong doesn&#8217;t mean that things are right.</p>
<p>Now, I want to make a special note: I am not saying &#8220;because you don&#8217;t see anything wrong, you assume that nothing is wrong.&#8221; What I am trying to say is <strong>&#8220;Just because you don&#8217;t see anything wrong, doesn&#8217;t mean that things are right.&#8221;</strong> I draw this distinction because often without any real UX, UI, IxD and IA, you may very well be <strong>satisfied with &#8220;neutral&#8221;</strong> because the pain points are removed and things are &#8220;working&#8221; without any apparent defects. It&#8217;s like cooking a dish and saying &#8220;This is not disgusting.&#8221; That statement might satisfy your requirements, but it&#8217;s not stating that the dish is good; it may very well be totally bland and neutrally appealing/unappealing.</p>
<p>That is a mediocre analogy of why UX is often needed. The app, the site, the interaction, <strong>they aren&#8217;t painful or glaring</strong>. So why hire a UX guy &#8211; things are fine. And they probably are. <strong>But I think things should be great.</strong></p>
<p>That&#8217;s why I have such a work ethic and drive to always be improving things and driving towards <strong>a higher level of construction.</strong> No matter how well something performs, no matter how satisfying the experience, <strong>you can always work at improving it.</strong> Or at least try. Until you reach an <strong>undeniable plateau of awesomeness</strong>, there&#8217;s always more to do. And if you do reach that plateau where you just can&#8217;t make it better &#8211; move on to something else and now try to make it as awesome as it can be.</p>
<p>It takes a specific personality type to have this drive. And in fact, it might even be a detriment in cases where your dive and passion is seen as <strong>officious</strong>. Often, people just have these traits, or they don&#8217;t. Some people leave work at work, some people go home and chew on the same problems they were working on at work, and keeping working on them all night, not because they love to work &#8211; but<strong> because they love to solve the problems</strong> whether they are &#8220;at work&#8221; or not. Money, luxury, freedom; <strong>these aren&#8217;t the goals</strong>. Solving problems, figuring things out, and seeing the problem solving <strong>as an end unto itself.</strong></p>
<p>Workaholics Anonymous.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloerik.com/absence-of-evidence-is-not-evidence-of-absence/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Portfolios: The problem with NDA&#8217;s and Internal Projects</title>
		<link>http://www.helloerik.com/portfoliosthe-problem-with-ndas-and-internal-projects</link>
		<comments>http://www.helloerik.com/portfoliosthe-problem-with-ndas-and-internal-projects#comments</comments>
		<pubDate>Fri, 08 Jul 2011 17:14:36 +0000</pubDate>
		<dc:creator>Erik</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Website Development]]></category>

		<guid isPermaLink="false">http://www.helloerik.com/?p=372</guid>
		<description><![CDATA[User Experience Portfolio&#8217;s aren&#8217;t the easiest thing to portray online. I liken it to other fields where the deliverable result is usually a series of intangible activities and the usage of talents; talents gained through experience. For a Graphic Artist, it is very easy to make a portfolio. Show examples of your work, make a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-420 alignright" title="redacted_200" src="http://www.helloerik.com/wp-content/uploads/redacted_200.png" alt="" width="214" height="269" />User Experience Portfolio&#8217;s aren&#8217;t the easiest thing to portray online. I liken it to other fields where the deliverable result is usually a series of intangible activities and the usage of talents; talents gained through experience.</p>
<p>For a Graphic Artist, it is very easy to make a portfolio. Show examples of your work, make a gallery, and maybe make a few notes on your technique. People want to see your talent as an artist.</p>
<p>The same can be said for a web developer. A long list of websites created, complete with screenshots, links to the live site, maybe a few wireframes (if you even bothered to make any). People want a website built, you show them websites you&#8217;ve built, and if they are good sites, people want you to build them a good site as well.</p>
<h2>Demonstrating your role as a UX practitioner.</h2>
<p>For UX, showing your &#8220;talent&#8221; is a more difficult task. How do you show all the meetings and brainstorming sessions? Or how you presented ideas and workflows to your VP&#8217;s and key corporate stakeholders? Or how you successfully took a whiteboard session to paper prototypes to Axure to mockups to a final product when all of that is under NDA&#8217;s and the intellectual property of the company you were working for at the time?</p>
<p>Internal projects, proprietary software, intangible &#8220;work&#8221; that takes place in conversation and talk with the rest of the team &#8211; these things aren&#8217;t something that can be shown in a jQuery lightbox gallery. How do you get around that?</p>
<p>Here are some things I&#8217;ve thought of that can demonstrate knowledge, talent and ability, without disclosing things that are either private, under NDA contracts, or just intangible.</p>
<ol>
<li>The easiest, show what you can. If you&#8217;ve got a product (site, interface, interaction) that is public, by all means show the pictures of the whiteboard, the graph paper wireframes drawn with a sharpie, the digital wireframes, mockups, and then how they all compare to the finished site.</li>
<li>Talk about the project in obfuscated, generalized fashion. Without breaking any NDAs, you can talk about the general process of conceiving a mobile app, how needs were determined, how interface and interaction challenges were identified and overcome, and the process of taking all that into a working model and eventual prototype/product. I liken this to someone who has to give a lecture or keynote speech. You talk about your brain and how it works, not necessarily what you were working on.</li>
<li>Write. I personally like to write blog articles on generalized topics. You can show knowledge, depth, thought process, and what you hope is evidence of talent and ability. This may or may not work, since you could be plagiarizing something from another blog. But I like to think that creating an information and entertaining piece may help convince someone that you know what you&#8217;re talking about. And if you&#8217;re really super great, they might even assume you&#8217;re and expert.</li>
<li>Make a &#8220;proof of knowledge&#8221; project. A fictitious site, app, whatever. This way, you go through the process of thinking of an idea, wireframing it, designing the information organization (architecture), mockups, and even development schedules. This way, you can show the UX process without having to actually develop a product. This is probably the best method of showing your skill (other than showing a real project). It can be time consuming, so pick something that will really highlight everything. I still need to do one of this; it&#8217;s in the hopper.</li>
</ol>
<p>I really don&#8217;t have an answer to this. Hopefully you, and I, can provide enough data to get an on-site interview, at which point you can just attack the whiteboard for the interview and really show them your toolbox.</p>
<p>But if you ask me, the real secret is to just <span style="background-color: #000000; color: #000000;">wow them with bullshit</span> and follow it up with <span style="background-color: #000000; color: #000000;">a strawman</span> and <span style="background-color: #000000; color: #000000;">emotional manipulation</span>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloerik.com/portfoliosthe-problem-with-ndas-and-internal-projects/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Optimizing my own UX here&#8230;</title>
		<link>http://www.helloerik.com/optimizing-my-own-ux-here</link>
		<comments>http://www.helloerik.com/optimizing-my-own-ux-here#comments</comments>
		<pubDate>Wed, 06 Jul 2011 18:04:16 +0000</pubDate>
		<dc:creator>Erik</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Random Thoughts]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.helloerik.com/?p=415</guid>
		<description><![CDATA[My site needed some UX applied to it, so I am redoing my menu and portfolio pages to better fit what I&#8217;m trying to do here. I&#8217;m making the UX portfolio alot more relevant, highlighting blog posts more, and making the visual design portfolio not so prominent, since that&#8217;s not what I&#8217;m focusing on in [...]]]></description>
			<content:encoded><![CDATA[<p>My site needed some UX applied to it, so I am redoing my menu and portfolio pages to better fit what I&#8217;m trying to do here.</p>
<p>I&#8217;m making the UX portfolio alot more relevant, highlighting blog posts more, and making the visual design portfolio not so prominent, since that&#8217;s not what I&#8217;m focusing on in my career anymore. It will still be there, but too many people were going there first and missing the UX stuff. Gotta convert those visitors to the right areas!</p>
<p>Alot of showing off UX is through information, so my blog posts and articles highlight the knowledge necessary to be a UX professi0nal, since it&#8217;s really hard to show that in &#8220;examples.&#8221; Hopefully you will all like what I am doing here. Should be done by the end of the day today&#8230;</p>
<p> <img src='http://www.helloerik.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloerik.com/optimizing-my-own-ux-here/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Viewport and Screen Resolution</title>
		<link>http://www.helloerik.com/viewport-and-screen-resolution</link>
		<comments>http://www.helloerik.com/viewport-and-screen-resolution#comments</comments>
		<pubDate>Sun, 03 Jul 2011 21:10:55 +0000</pubDate>
		<dc:creator>Erik</dc:creator>
				<category><![CDATA[Blog Entries]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[HTML and CSS]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Website Development]]></category>

		<guid isPermaLink="false">http://www.helloerik.com/?p=359</guid>
		<description><![CDATA[Preface: I am not suggesting that you abandon best practices and trying to easily include as many edge and near-edge cases that you can. I am just trying to point out a line of diminishing returns, and eventually you&#8217;re optimizing your sites width and usability for the grandma at the library kiosk on a Pentium [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-06-30-at-3.17.30-PM.png"><img class="alignright size-medium wp-image-370 hfwnpdibjxcmuewfxrvn hfwnpdibjxcmuewfxrvn hfwnpdibjxcmuewfxrvn hfwnpdibjxcmuewfxrvn hfwnpdibjxcmuewfxrvn hfwnpdibjxcmuewfxrvn hfwnpdibjxcmuewfxrvn hfwnpdibjxcmuewfxrvn" title="Screen shot 2011-06-30 at 3.17.30 PM" src="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-06-30-at-3.17.30-PM-300x250.png" alt="" width="300" height="250" /></a></p>
<p><strong>Preface:</strong> I am not suggesting that you abandon best practices and trying to easily include as many edge and near-edge cases that you can. I am just trying to point out a line of diminishing returns, and eventually you&#8217;re optimizing your sites width and usability for the grandma at the library kiosk on <strong>a Pentium 150mhz running a 13&#8243; CRT at 800&#215;600 in IE6 and Windows 98 Special Edition.</strong></p>
<p>So I&#8217;ve recently been developing the UI for a browser-based application. It is for internal use only, so my user group is set to the company employees that use it.</p>
<p>I wanted to gather some usage statistics on the most common screen resolution used in our company. Well, there was nothing in the app as far as analytics goes, so I had no data to retrieve.</p>
<p>Instead, I just did some soft-science and watched what people were doing, and walked around the office noting the screen resolution of a sample of users, and how they interacted with this browser based app.</p>
<p>Come to find out, I could go wider than the &#8220;safe&#8221; 960px and still be safe with my user base. But what I also found out was that if someone didn&#8217;t have their browser maximized and the right side of the app was cut off, they simply just maximize their browser or drag the corner until the app fits.</p>
<p>90% of people can see the entire width of my site. 95% can see the width of the content and half the menu. 98% can see the content. To reach 98% of visitors being able to see the entire width of your site, it would need to be no bigger than <strong>750 pixels.</strong> There is no sane web developer or stakeholder that would build anything to be able to work within 750 pixels. It&#8217;s just not possible while maintaining any modern usability.</p>
<h2>98% &#8211; 750 Pixels Wide</h2>
<p>This is by no means a scientific study, but I took a few popular websites and ran them through the Google Browser size experiment, and then drew a red line at the &#8220;98% &#8211; 750 pixels wide&#8221; mark.</p>
<p style="text-align: center;"><strong>Overstock.com</strong></p>
<p><a href="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.09.38-PM.jpg"><img class="aligncenter size-medium wp-image-379" title="Screen shot 2011-07-04 at 5.09.38 PM" src="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.09.38-PM-300x237.jpg" alt="" width="300" height="237" /></a></p>
<p>Overstock.com easily fits in the 90% range, but their site does not crush down to fit within the 98% range. The 750px line cleaves clean through part of their main carousel, and completely obliterates their right hand content.</p>
<p style="text-align: center;"><strong>Amazon.com</strong></p>
<p style="text-align: left;"><a href="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.09.57-PM.jpg"><img class="aligncenter size-medium wp-image-382" title="Screen shot 2011-07-04 at 5.09.57 PM" src="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.09.57-PM-300x238.jpg" alt="" width="300" height="238" /></a>Same as Overstock.com, Amazon.com doesn&#8217;t come close to the 98% range. The red line cuts right through their main banner, the right hand content, and a good 20-25% of their masthead and nav.</p>
<p style="text-align: center;"><strong>CNN.com</strong></p>
<p style="text-align: left;"><a href="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.11.50-PM.jpg"><img class="aligncenter size-medium wp-image-381" title="Screen shot 2011-07-04 at 5.11.50 PM" src="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.11.50-PM-300x231.jpg" alt="" width="300" height="231" /></a></p>
<p>CNN.com doesn&#8217;t make the cut. Almost their entire right side of content is cleaved clean away, along with a good 25% of their top navigation and information.</p>
<p style="text-align: center;"><strong>Wikipedia.org</strong></p>
<p><a href="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.13.23-PM.jpg"><img class="aligncenter size-medium wp-image-380" title="Screen shot 2011-07-04 at 5.13.23 PM" src="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.13.23-PM-244x300.jpg" alt="" width="244" height="300" /></a></p>
<p>Wikipedia uses a fairly fluid design, and they actually make the cut! Look at all that content smashed down to fit in the 750px width, creating huge, tall, unreadable columns. But, they are making their site browsable to all those people who have their IE6 maximized on their 15&#8243; CRT monitor running at 800&#215;600.</p>
<p style="text-align: center;"><strong>SmashingMagazine.com</strong></p>
<p><a href="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.11.18-PM.jpg"><img class="aligncenter size-medium wp-image-383" title="Screen shot 2011-07-04 at 5.11.18 PM" src="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.11.18-PM-300x256.jpg" alt="" width="300" height="256" /></a></p>
<p>Oh dear, it appears that the 750 pixel read line decapitates Smashing Magazine. The right hand content is total scorched earth, and so are all their social networking buttons and top navigation. The kinds of web content and design, only to be brought down by browser viewport sizing!</p>
<h2>So what, now what?</h2>
<p>I am finding myself thinking &#8220;this is a great min/max experiment, but how this effects actual usage is largely a small consideration.&#8221;</p>
<p>Many websites are abandoning the &#8220;above the fold&#8221; doctrine. People have been scrolling vertically online for almost 2 decades now, it&#8217;s as ubiquitous as 7 digit phone numbers (as opposed to 50 years ago when they were 5 or less).</p>
<p>The point being: every browser comes with a maximize button, and people know how to use it. Trying to determine the viewport size for every case, and edge-case, is an academic endeavor. If you have time to optimize your site for every possible viewport and resolution, you clearly don&#8217;t have enough paying work to keep you busy.</p>
<p>Again &#8211; it&#8217;s great to study edge-cases and try to incorporate them, but for day to day application, I&#8217;d say to make the cutoff at 2 standard deviations, maybe even 1.5.</p>
<p>I&#8217;d love to know the mean and modal viewport sizes, but that&#8217;s not going to hold up development if I don&#8217;t. For now, it&#8217;s a little bit of data and a bunch of common sense.</p>
<p><strong>And to keep things fair, here&#8217;s my own site.</strong> I&#8217;m comfortable with the 90% mark. Here&#8217;s my browser lab shot, and also my analytics on screen resolution (not browser viewport &#8211; I trust people to grab a corner and drag).</p>
<p><a href="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.32.01-PM.jpg"><img class="aligncenter size-full wp-image-384" title="Screen shot 2011-07-04 at 5.32.01 PM" src="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-07-04-at-5.32.01-PM.jpg" alt="" width="966" height="356" /></a></p>
<p><img class="aligncenter size-full wp-image-370" title="Screen shot 2011-06-30 at 3.17.30 PM" src="http://www.helloerik.com/wp-content/uploads/Screen-shot-2011-06-30-at-3.17.30-PM.png" alt="" width="652" height="544" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloerik.com/viewport-and-screen-resolution/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

