<?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>Darren Hoyt Dot Com</title>
	<atom:link href="http://www.darrenhoyt.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.darrenhoyt.com</link>
	<description>Web Design + Development</description>
	<lastBuildDate>Sun, 07 Apr 2013 00:41:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>Improved Guidelines for Clients</title>
		<link>http://www.darrenhoyt.com/2012/11/12/improved-guidelines-for-clients/</link>
		<comments>http://www.darrenhoyt.com/2012/11/12/improved-guidelines-for-clients/#comments</comments>
		<pubDate>Mon, 12 Nov 2012 20:36:04 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=3373</guid>
		<description><![CDATA[I&#8217;ve changed gears to focus on freelance design and development this past year and I&#8217;m happy to say that in terms of client relations, there have been fewer misunderstandings and [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve changed gears to focus on freelance design and development this past year and I&#8217;m happy to say that in terms of client relations, there have been fewer misunderstandings and moments of quagmire than what I&#8217;ve experienced working for larger design firms in the past.</p>
<p>Part of that is being my own project manager. I don&#8217;t need to push back on, or translate, what someone else is communicating. My standard contract specifies a single point-of-contact for every organization, which leaves little room for communication breakdowns.</p>
<p>In the most recent contracts, I&#8217;ve included more specific guidelines on the design process which aim to be a little more firm about what I&#8217;d like to see in the client-designer relationship. The goal should be to ensure the client is invested in the process at every level.</p>
<p>Most of these issues will sound familiar because they are age-old. Most of them have improved over the years, but they rear their head often enough that I&#8217;ve decided to formalize them in my contract. If &#8220;design consulting&#8221; is part of how you market your skills, conveying your experiences with the client are a vital part of that.</p>
<p>From my new standard contract, <strong>&#8220;Appendix B: Tips for a Smooth Process&#8221;</strong>:</p>
<blockquote><p>
A great website is the result of solid communication and collaboration between designer and client. Throughout this project, you’ll be asked to give feedback on elements of your website design. To ensure the project stays on schedule and budget, we’ll need your help and expertise!
<ul>
<li><strong>Designate a Contact.</strong> Please designate a single point-of-contact within your organization to handle all communications regarding this project. It may be necessary to cc: other team members in emails, but Darren Hoyt LLC reserves the right to incorporate <em>only</em> feedback from the designated point-of-contact.</li>
<li>
<p><strong>Avoid Committee Decisions. </strong>Whenever possible, discourage your organization from using a committee to submit website feedback. Committee-based design decisions historically lead to confusion, contradiction, broken deadlines, higher costs and an overall compromised product that aspires to please everyone while never seeming to please anyone. Please don’t let this happen to your project!</p>
<p>If group feedback is unavoidable:</p>
<ul>
<li>
Empower your designated point-of-contact to make final decisions on all design notes collected from the group</li>
<li>
Loop everyone into feedback at the beginning of the project. Avoid waiting until the design is nearly completed to begin reviewing with a CEO, board member, committee, etc.</li>
</ul>
</li>
<li>
<p><strong>Organize Content.</strong> As noted in Section 4 (“Client will provide Darren Hoyt with all necessary content within (1) week of beginning the project.”) , it’s very important that web content is defined and organized before the design phase can begin. This means submitting electronic versions of all assets: logo, branding elements, colors, typography and finalized copy writing. If any of those elements does not exist, Darren Hoyt LLC can recommend a branding/identity designer, copy writer or additional content strategist as needed.</p>
</li>
<li>
<p><strong>Let Content Drive Design.</strong> Many web designs have faltered in the past because designers were tasked with creating something whose core meaning was still undefined. As the author of web design standards <a href="http://www.zeldman.com/2008/05/06/content-precedes-design/">says</a>: “Content precedes design. Design in the absence of content is not design, it&#8217;s decoration.”</p>
<p>In the early phase of your project, prepare to put visuals and aesthetics aside. Starting with the homepage, work with the designer to prioritize your messaging. Consider hierarchy. Hone your taglines and marketing text so they speak clearly to your audience. Define your most important calls-to-action. Your designer may recommend a <a href="http://en.wikipedia.org/wiki/Website_wireframe">wireframing</a> phase. Determine the products or services that represent your organization best. Boil them down and work with the designer to integrate them into your homepage.</p>
<p>Copywriting greatly influences design choices, so avoid placeholder <a href="http://en.wikipedia.org/wiki/Lorem_ipsum">lorem ipsum text</a> whenever possible.</p>
</li>
<li>
<p><strong>Consider Industry Standards &amp; Competing Websites.</strong> Every website should be a success story for both designer and client. That process begins with familiarizing yourself with the highest models of web design within your industry. During the discovery phase, it may help to collaborate with your designer to share URLs and screenshots to get more familiar with great website design looks and feels like in a way that’s relevant to your project.</p>
</li>
<li>
<strong>Put Audience Expectations Before Personal Taste.</strong> Your new website should meet the goals of your organization, but more pressingly, the needs of your audience. Begin to think in terms of <a href="http://en.wikipedia.org/wiki/Persona_(user_experience)">personas</a>. Put yourself in the shoes of someone who will be finding your site via Google search. Can the content be scanned and immediately understood? Are there certain interactions vital to holding your users’ attention? Are <a href="http://blog.kissmetrics.com/what-converting-websites-do/">value propositions and conversion rates</a> being considered?</p>
<p>Collaborate with your designer to ensure core design elements like color and typography are based on overall user experience, not subjective personal preference.</p>
</li>
<li>
<p><strong>Brand Wisely.</strong> The question of how and where to incorporate branding on a website is one of the oldest tug-of-war decisions between client and designer. Traditional stopgap solutions&mdash;ex: ”make the logo bigger”&mdash;won’t do anything to improve user experience. It won’t help users find your website: they are already there. Once there, good content is what will drive their experience.</p>
<p>Collaborate with your designer to integrate branding elements like color and typography in a way that complements that content. Users are more likely to complain about not being able to find what they want than complain about a small or less-prominent logo.</p>
</li>
</ul>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2012/11/12/improved-guidelines-for-clients/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>An Unobtrusive &#8216;Edit&#8217; Link</title>
		<link>http://www.darrenhoyt.com/2012/08/31/an-unobtrusive-edit-link/</link>
		<comments>http://www.darrenhoyt.com/2012/08/31/an-unobtrusive-edit-link/#comments</comments>
		<pubDate>Fri, 31 Aug 2012 21:20:36 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=3327</guid>
		<description><![CDATA[For WordPress projects, I prefer to keep admin views totally separate from public views, which is why some users dislike the admin toolbar. I usually disable the toolbar, but still [...]]]></description>
			<content:encoded><![CDATA[<p>For WordPress projects, I prefer to keep admin views totally separate from public views, which is why some users <a href="http://wp.tutsplus.com/tutorials/how-to-disable-the-admin-bar-in-wordpress-3-3/">dislike the admin toolbar</a>. I usually disable the toolbar, but still use the &#8216;edit&#8217; link if I&#8217;m revising a post often and need to toggle back and forth:</p>
<pre name="code" class="php">&lt;?php edit_post_link(__('Edit','mytheme'), '', ''); ?&gt;</pre>
<p>The only problem is I don&#8217;t like displaying it inline with my content, especially if it breaks something. I&#8217;d rather see the layout exactly as a user sees it.</p>
<p>Lately, I&#8217;ve been fixed-positioning the link in a less obtrusive way, using the standard &#8220;post&#8221; icon as a link. Here&#8217;s what I see on the front end when I&#8217;m logged in:</p>
<div id="attachment_3344" class="wp-caption aligncenter" style="width: 330px"><img class="size-full wp-image-3344" title="edit-link" src="http://www.darrenhoyt.com/wp-content/uploads/2012/08/edit-link.png" alt="" width="320" height="197" /><p class="wp-caption-text">Repositioned &#8216;edit&#8217; link</p></div>
<p>It&#8217;s out of the way of the layout, but stays fixed when you scroll. It&#8217;s easy enough to implement. Just paste the <code>edit_post_link</code> function above anywhere within the Loop. Then use this CSS:</p>
<pre name="code" class="php">a.post-edit-link {
	background: url(../../../../wp-admin/images/menu.png) 119px -35px;
	text-indent: 100%;
	overflow: hidden;
	display: inline-block;
	text-indent: -99em;
	white-space: nowrap;
	height: 24px;
	width: 24px;
	position: fixed;
	top: 5px;
	left: 5px;
	}</pre>
<p><strong>Note:</strong> this only works if your stylesheet is in your theme&#8217;s root. If you use a subfolder like /css/ you would need to add an extra ../ to the background path.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2012/08/31/an-unobtrusive-edit-link/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Wireframing in Google Docs</title>
		<link>http://www.darrenhoyt.com/2012/08/23/wireframing-in-google-docs/</link>
		<comments>http://www.darrenhoyt.com/2012/08/23/wireframing-in-google-docs/#comments</comments>
		<pubDate>Thu, 23 Aug 2012 00:12:07 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Asides]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=3273</guid>
		<description><![CDATA[Some great templates for making quick sketches and wireframes with standard UI elements. Via Happy Cog.]]></description>
			<content:encoded><![CDATA[<p>Some <a href="http://googledocs.blogspot.ch/2010/05/rapid-wireframe-sketching-in-google.html">great templates</a> for making quick sketches and wireframes with standard UI elements. Via <a href="http://happycog.com/">Happy Cog</a>. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2012/08/23/wireframing-in-google-docs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mimbo Pro Now Available from WordPress.com</title>
		<link>http://www.darrenhoyt.com/2012/04/17/mimbo-pro-now-available-from-wordpress-com/</link>
		<comments>http://www.darrenhoyt.com/2012/04/17/mimbo-pro-now-available-from-wordpress-com/#comments</comments>
		<pubDate>Tue, 17 Apr 2012 18:17:18 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Releases]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=3202</guid>
		<description><![CDATA[Mimbo Pro was released way back in March of 2008 and I&#8217;m still proud to look back on it as one of the very first paid open-source themes and the [...]]]></description>
			<content:encoded><![CDATA[<p>Mimbo Pro was released way back <a href="http://www.darrenhoyt.com/2008/03/12/mimbo-pro-magazine-theme-released/">in March of 2008</a> and I&#8217;m still proud to look back on it as one of the very first paid open-source themes and the first theme to use the <a href="http://code.google.com/p/timthumb/">TimThumb</a> image-resize script. </p>
<p>Around the time <a href="http://www.darrenhoyt.com/2012/02/17/introducing-mimbo-pro-3/">Mimbo Pro got a major retooling</a> (responsive design, HTML5 and CSS3 improvements, webfonts) this February, we also began working with the awesome theme team at WordPress.com to re-code a few things up to their standards. They made it really easy for us to track progress and communication, and the vetting process happening more quickly than we&#8217;d hoped. You can read their <a href="http://en.blog.wordpress.com/2012/04/05/new-themes-mimbo-pro-blaskan-vintage-kitchen/">official release post here</a>.</p>
<p>It&#8217;s exciting to now see it included in the &#8220;Shop->Premium Themes&#8221; section of WordPress.com blogs in a marketplace that is still relatively small:</p>
<p><a href="http://en.blog.wordpress.com/2012/04/05/new-themes-mimbo-pro-blaskan-vintage-kitchen/"><img src="http://www.darrenhoyt.com/wp-content/uploads/2012/04/mp-wp-2.png" alt="" title="mp-wp-2" width="572" height="411" class="aligncenter size-full wp-image-3205" /></a></p>
<p>Big, big thanks to <a href="http://iandanielstewart.com/">Ian Stewart</a>, <a href="http://www.michellelangston.com/">Michelle Langston</a>, <a href="http://simpledream.net/">Lance Willett</a> and the rest of the WP theme team and Automatticians for making this happen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2012/04/17/mimbo-pro-now-available-from-wordpress-com/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introducing Mimbo Pro 3.0</title>
		<link>http://www.darrenhoyt.com/2012/02/17/introducing-mimbo-pro-3/</link>
		<comments>http://www.darrenhoyt.com/2012/02/17/introducing-mimbo-pro-3/#comments</comments>
		<pubDate>Fri, 17 Feb 2012 16:05:28 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Releases]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=3173</guid>
		<description><![CDATA[It's been almost <a href="http://www.darrenhoyt.com/2008/03/12/mimbo-pro-magazine-theme-released/">4 years</a> since Mimbo Pro first hit the WordPress themes market. Since then we've made numerous enhancements to keep up with changes to the WordPress core...]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been almost <a href="http://www.darrenhoyt.com/2008/03/12/mimbo-pro-magazine-theme-released/">4 years</a> since Mimbo Pro first hit the WordPress themes market. Since then we&#8217;ve made numerous enhancements to keep up with changes to the WordPress core, while maintaining the basic look and feel, and releasing additional child themes like <a href="http://prothemedesign.com/themes/dispatch/">the popular Dispatch</a>.</p>
<p>In that time, web design standards have also changed. Instead of retiring the theme, we wanted to give it a makeover and help keep its popularity going&mdash; <img class="aligncenter borderless" style="padding:10px 0 0" src="http://prothemedesign.com/wp-content/themes/gravy/images/mpro3.png" /></p>
<p><em>Improvements include:</em></p>
<ul>
<li>Responsive design for mobile devices</li>
<li>Web fonts <a href="http://www.fontsquirrel.com/fonts/bitter">via Font Squirrel</a></li>
<li>CSS3 enhancements for navigation, colors, gradients</li>
<li>Semantic HTML 5 markup</li>
<li>Inclusion of sub- and sub-sub categories in breadcrumb nav</li>
<li>Improvements to Custom WP Menus</li>
<li>&#8220;Related Posts&#8221; widget uses WP categories, instead of tags</li>
</ul>
<ul class="button-row" style="margin:10px 0 44px;">
<li><a href="http://demo.prothemedesign.com/wordpress/mimbo-pro/">See Live Demo</a></li>
<li><a href="http://prothemedesign.com/themes/mimbo-pro/">Buy It Now</a></li>
</ul>
<p>
<strong>Important to note:</strong> Mimbo 3.0 is a standalone product. Significant changes have been made to the core code so it should <strong>not</strong> be used to overwrite older versions of Mimbo Pro without some breakage. Existing Mimbo Pro users will have access to both versions in the accounts system.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2012/02/17/introducing-mimbo-pro-3/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Wireless Void</title>
		<link>http://www.darrenhoyt.com/2011/12/15/wireless-void/</link>
		<comments>http://www.darrenhoyt.com/2011/12/15/wireless-void/#comments</comments>
		<pubDate>Thu, 15 Dec 2011 21:27:37 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=2854</guid>
		<description><![CDATA[My favorite piece of writing in the last year was &#8220;<a href="http://nplusonemag.com/sad-as-hell">Sad as Hell</a>&#8221;, published by <em>n+1</em>. Officially it's a book review for Gary Shteyngart's <em>Super Sad True Love Story</em>. Unofficially it's a portrait of <a href="http://alicegregory.tumblr.com/">the reviewer's</a> addiction to media and the struggle to prevent it from derailing her life.]]></description>
			<content:encoded><![CDATA[<p>My favorite piece of writing from the last year was &ldquo;<a href="http://nplusonemag.com/sad-as-hell">Sad as Hell.</a>&rdquo; Officially it&#8217;s a book review for Gary Shteyngart&#8217;s <em>Super Sad True Love Story</em>. Unofficially it&#8217;s a portrait of <a href="http://alicegregory.tumblr.com/">the reviewer&#8217;s</a> addiction to media and the struggle to prevent it from derailing her life.</p>
<blockquote><p>This anxiety is about more than failing to keep up with a serialized source, though. It’s also about the primitive pleasure of constant and arbitrary stimulation&#8230;</p>
<p>And it’s losing track of this distinction—between reading and seeing—that’s so shameful. It’s like being demoted from the category of thinking, caring human to a sort of rat that doesn’t know why he needs to tap that button, just that he does.</p></blockquote>
<p>There are no illusions about technology making our lives better. Just stretching us thinner, making us more numb, more dependent, less able to experience life authentically:</p>
<blockquote><p>Shteyngart says the first thing that happened when he bought an iPhone “was that New York fell away . . . It disappeared. Poof.” That’s the first thing I noticed too: the city disappeared, along with any will to experience. New York, so densely populated and supposedly sleepless, must be the most efficient place to hone observational powers. But those powers are now dulled in me. I find myself preferring the blogs of remote strangers to my own observations of present ones.</p></blockquote>
<p>As book reviews go, it&#8217;s pretty bleak. I&#8217;ve probably read it 10 times this year and I can&#8217;t remember a piece like it   hitting me on that specific emotional level.</p>
<p>There have been similar pieces like Nicholas Carr&#8217;s &#8220;<a href="http://www.theatlantic.com/magazine/archive/2008/07/is-google-making-us-stupid/6868/">Is Google Making Us Stupid?</a>&#8220;, Sharon Begley&#8217;s &#8220;<a href="http://www.newsweek.com/2010/01/07/your-brain-online.html">Does the Web Change How We Think?</a>&#8221; and more recently Bill Keller&#8217;s &#8220;<a href="http://www.nytimes.com/2011/05/22/magazine/the-twitter-trap.html">The Twitter Trap</a>&#8221; (and its <a href="http://technosociology.org/?p=431">critiques</a>).</p>
<p>But I keep coming back to &#8220;Sad as Hell.&#8221; Consider that the author, Alice Gregory, is only 23 years old.</p>
<hr />
<p>For years we&#8217;ve been led to believe, and almost encouraged to fear, the idea that younger generations who became technologically savvy in adolescence would never understand the significance because it&#8217;s all they&#8217;ve ever known; they would integrate it into their daily lives, develop a deeper understanding of it than you, identify with it more, master it, maybe even use it as a tool to eventually usurp you (you, a fading middle-aged person who is unable to keep up).</p>
<p>But here&#8217;s a bright person who came of age in an ideal period when the web was maturing and becoming social&#8230;and just out of college, she&#8217;s already feeling burned by the same things she sees in Shteyngart&#8217;s science fiction:</p>
<blockquote><p>Like all great science fiction writers, Shteyngart deals in absurdist teleology, taking what is farcical about the present day to its logical extreme. Everyone in this world is ranked within categories: “personality,” “fuckability, “anal/oral/vaginal preference,” “male hotness.” Often, Lenny scores within the lowest of these percentiles.</p>
<p>The premise is super funny but also super true. What else are we doing on the internet if not asserting our rank?</p></blockquote>
<p>These days when I open an email from Twitter telling me I have a new follower, my eyes hover on those stats (&ldquo;Number Following | Number of Followers | Listed&rdquo;) and my subconscious decides it&#8217;s okay to rank a stranger according to &#8220;influence&#8221; or the extent to which they might be able to entertain me or help my career. Then there&#8217;s a feeling of guilt <a href="http://blog.brizk.com/post/2105688845/15-tweets-of-fame">like my friend Kai described</a> after experiencing a surge of new followers.</p>
<p>This is part of life now, unrecognizable from how it looked at 23.</p>
<hr />
<p>1998, the year I turned 23, was the year I learned to design and build websites to support myself. I didn&#8217;t know much about computers, but I would spend all night wandering the web, following hyperlinks from page to page like a <em>Choose Your Own Adventure</em> book with no beginning or end. I explored every web-ring and online community. I would email total strangers if they seemed interesting. Sometimes it was just for the thrill of striking up a conversation with someone who was unlike me, as it had been writing to pen-pals as a child.</p>
<p>I remember each time I launched Netscape Communicator, it was like diving in a submarine, down into a weird world of exotic outposts. The visuals could be loud or clumsy, but the experience was &#8220;quiet.&#8221; The 1998 web never provoked panic or made me feel like I needed to have 20 apps and browser windows running. No one expected my constant presence or feedback or &#8220;Likes&#8221; of their content. It was not a substitute for my brain; it was a place for my brain to get lost for awhile. </p>
<p>(Was the web ever that quaint? Is anything as quaint as you remember it?) </p>
<p>Almost 15 years later, I go through phases of spending embarrassing amounts of time online. It&#8217;s like someone flipped the hourglass and all the contents of the real world trickled down into the virtual world, which is where all the exciting stuff happens now. But people my age have had 15 years to gradually accept how the web was changing the ways we experience life. We can claim we &#8220;lived more&#8221; in those days, in ways this generation cannot: </p>
<blockquote><p>You really want to know what it is about 20-somethings? It’s this: we live longer now. But we also live less. It sounds hyperbolic, it sounds morbid, it sounds dramatic, but in choosing the internet I am choosing not to be a certain sort of alive. Days seem over before they even begin, and I have nothing to show for myself other than the anxious feeling that I now know just enough to engage in conversations I don’t care about. </p></blockquote>
<p>There is no mention of limiting the iPhone usage, taking breaks from Twitter, or modulating the anxiety by simply unplugging for awhile. Unplugging isn&#8217;t a serious option, not even close. She&#8217;s a reluctant internet Lifer like the rest of us. The choice is whether to surrender and accept the permanent changes to your brain and nervous system, or to be the lone defector among your family and friends who unplugs from all their status updates and feels like the most isolated person on earth and the only one who understands what a mixed blessing that is&mdash;how many 23-year olds today are capable of that?</p>
<hr />
<blockquote class="right"><p>They become alienated from the sound of their own true voice, their identity, their sense of self.</p></blockquote>
<p>It&#8217;s possible Alice Gregory is one voice in a tiny minority of younger people who are especially sensitive to the anxiety, and part of an even tinier minority able to express that it&#8217;s happening at all. She dreads her iPhone (&#8220;that little monster in my pocket pushing me an uninterrupted stream of distractions&#8221;) while everyone else her age treats it like their body&#8217;s most precious appendage. Maybe the majority of them really are swimming along, happily juggling their multiple devices and avatars and feeds and email accounts without feeling the weight of it.</p>
<p>On Twitter I follow around 500 people from a range of backgrounds. I imagine them sitting at glossy Apple displays, drinking coffee, complimenting each other, ogling typography, holding down a dozen simultaneous conversations, waking up the next day, doing it all over again. You couldn&#8217;t find a more tame, good-natured environment, like watching friends sit at a bar having a drink together. But for some there&#8217;s an element of performance taking place that leads to what Sherry Turkle (<em><a href="http://www.amazon.com/Alone-Together-Expect-Technology-Other/dp/0465010210">Alone Together</a></em>) calls &#8220;presentation anxiety&#8221; as people become addicted to asserting themselves online. They become alienated from the sound of their own true voice, their identity, their sense of self.</p>
<p>Last year British psychologists studying the <a href="http://www.gnmhealthcare.com/pdf/01-2010/22/1867841_TheRelationshipbetweenExc.pdf">link between internet addiction and depression</a> concluded:</p>
<blockquote><p>Young people were significantly more likely to show addictive symptoms than were older people. There was a significant difference between the IA and the NA group in their levels of depressive symptoms, with the NA group firmly in the non-depressed range, and the IA group in the moderately-to-severely depressed range.</p></blockquote>
<p>20 years from now, the demands on our attention will be even more intense. Either we&#8217;ll collectively adapt or there will be much larger movements among people to unplug as a legitimate means of therapy. Alice&#8217;s generation might be the last to  experience the growing pains of constant connectedness. Each time I read it, &#8220;Sad as Hell&#8221; reminds me that there are some who are not happily surfing the web or even swimming in it. It&#8217;s more like they&#8217;re drowning in it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2011/12/15/wireless-void/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Lost Art, Rediscovered</title>
		<link>http://www.darrenhoyt.com/2011/04/01/lost-art-rediscovered/</link>
		<comments>http://www.darrenhoyt.com/2011/04/01/lost-art-rediscovered/#comments</comments>
		<pubDate>Fri, 01 Apr 2011 15:29:05 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Asides]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=2851</guid>
		<description><![CDATA[I&#8217;m going to do more writing over at the Readability blog soon. My first post was about attention deficits, portable content &#038; rediscovering longform on the web.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m going to do more writing over at the Readability blog soon. <a href="http://blog.readability.com/2011/04/lost-art-rediscovered/">My first post</a> was about attention deficits, portable content &#038; rediscovering longform on the web.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2011/04/01/lost-art-rediscovered/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Designing Readability</title>
		<link>http://www.darrenhoyt.com/2011/02/01/designing-readability/</link>
		<comments>http://www.darrenhoyt.com/2011/02/01/designing-readability/#comments</comments>
		<pubDate>Tue, 01 Feb 2011 22:54:56 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=2778</guid>
		<description><![CDATA[The <a href="http://lab.arc90.com/2009/03/02/readability/">original Readability bookmarklet</a> took on such a life of its own between 2009-2010, it made this week's launch of <a href="http://www.readability.com/">Readability.com</a> inevitable.]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://lab.arc90.com/2009/03/02/readability/">original Readability bookmarklet</a> took on such a life of its own between 2009-2010, it made this week&#8217;s launch of <a href="http://www.readability.com/">Readability.com</a> inevitable. The tool and the big ideas behind it matured quickly this year, right the midst of an ongoing publishing crisis. The timing, <a href="https://www.readability.com/about/">advisory board</a> and innovative pay model set the stage for a pretty exciting launch.</p>
<p>Rich already <a href="http://blog.readability.com/2011/01/the-new-readability/">summed up the new Readability</a> very well, as did <a href="http://dashes.com/anil/2011/02/reading-is-fundamental.html">Anil Dash</a>:</p>
<blockquote><p>It&#8217;s been extremely gratifying to hear a roomful of coders and entrepreneurs talk passionately and at length about how important it is to them to support great writing, and great journalism. They speak honestly and sincerely about being on a mission, and about building a meaningful business that&#8217;s thoughtful about the way it does its work and the impact this product has on the web.</p></blockquote>
<p>The design process itself was a three-month sprint. The core ideas of the &#8220;new&#8221; Readability were ironed out long ago, but many new ones crept in during the design process. Things moved so fast that wireframing went from impractical to impossible. There was no existing branding, but the primary guideline was to create something that spoke to the tradition of a calm, comfortable reading experience; a conservative idea with a radical payment plan that aspired to change how we fund online content. Wrapping that message in a restrained design was a big challenge.</p>
<p>In the early phase, my buddy <a href="http://twitter.com/yarcom">Yaron Schoen</a> came in on a freelance basis to pour the concrete: color palette, logo and style guide stuff. For supporting illustrations, we contracted a <a href="http://www.barnickeldesign.com/">Brooklyn illustrator</a> who digitized and &#8220;mastered&#8221; old public domain images to support the design. The project also introduced us to the talented <a href="http://incisive.nu/">Erin Kissane</a> who brainstormed with us during the day while editing a new <a href="http://www.happycog.com/about/kissane/">A List Apart book</a> at night.</p>
<p>Today Mandy Brown from Typekit <a href="http://blog.typekit.com/2011/02/02/featured-site-the-new-readability/">summed up what became the final product</a>:</p>
<blockquote><p>The new website sports Adobe Minion for a classy look. Subtle shifts in color, placement, and type size create a clear hierarchy, while the subdued color palette suggests a calm, quiet reading room. </p></blockquote>
<p>When that phase wrapped, I took the building blocks and began laying out the homepage, reading lists and dashboards. As the development scope shifted, the design happened more in the browser than in Photoshop. There are pieces I&#8217;d still consider &#8216;first drafts&#8217;, but that is a lesson of working in a startup where the priority is to launch first and then iterate.</p>
<p>After a series of all-nighters, 10 of us gathered in the <a href="http://174.136.63.8/~darrenho/wp-content/uploads/2011/02/latenight.jpg">board room</a> Monday night to begin final testing and deployment. We were coordinating with <a href="http://www.nytimes.com/2011/02/01/technology/01read.html">the NY Times article</a> which published around 10:00pm. We went live to the public around 11:00pm and began immediately tracking questions, blog posts and <a href="http://search.twitter.com/search?had_popular=true&#038;q=readability&#038;result_type=recent">tweets</a>. Within 20 minutes, the launch was <a href="http://174.136.63.8/~darrenho/wp-content/uploads/2011/02/toptweets_screenshot.png">a Top Tweet on Twitter&#8217;s homepage</a>. At 2:30am we finally we stumbled out of <a href="http://arc90.com">Arc90</a> and into the snowfall outside.</p>
<p>Since launch, sign-ups for both Publishers and Readers have been magnitudes greater what we&#8217;d predicted. We&#8217;re continuing a dialog  with users to address any misconceptions and remind folks that the extensions and <a href="https://www.readability.com/bookmarklets/">bookmarklets</a> will always be free. What&#8217;s obvious is the desire for converting web content to an e-Reader format with TiVO-like features resonates with many people, especially as publishers struggle to find a model that suits readers and publishers equally. The &#8220;new&#8221; pay model has worked for generations: pay people directly for their talents in return for a great experience.</p>
<p>I&#8217;ve started <a href="https://www.readability.com/darrenhoyt/latest/">a reading list here</a>. If you like similar stuff, drop me a line on Twitter and <a href="http://twitter.com/darrenhoyt">send me yours</a>. In upcoming months, we will have methods to share and recommend that content, so stay tuned.</p>
<p>Read more Readability press from this week:</p>
<ul>
<li><a href="http://www.nytimes.com/2011/02/01/technology/01read.html">New York Times</a></li>
<li><a href="http://www.ftrain.com/readability.html">Ftrain</a></li>
<li><a href="http://www.fastcodesign.com/1663138/readability-relaunches-aims-to-redesign-web-publishing">Fast Company</a></li>
<li><a href="http://lifehacker.com/5748686/readability-pays-the-authors-and-publishers-you-enjoy-for-a-monthly-fee">Lifehacke</a>r</li>
<li><a href="http://dashes.com/anil/2011/02/reading-is-fundamental.html">Anil Dash</a></li>
<li><a href="http://gigaom.com/2011/02/01/publishers-payment-ads-readability/">Giga Om</a></li>
<li><a href="http://www.macworld.com/article/157583/2011/02/readability_project_instapaper.html">MacWorld</a></li>
<li><a href="http://www.webmonkey.com/2011/02/revamped-readability-rewards-writers/">WebMonkey</a></li>
<li><a href="http://blog.typekit.com/2011/02/02/featured-site-the-new-readability/">Typekit</a></li>
<li><a href="http://blogs.forbes.com/billbarol/2011/02/04/arc90s-readability-takes-aim-at-free/">Forbes</a></li>
<li><a href="http://techcrunch.com/2011/02/05/instapaper-readability/">TechCrunch</a></li>
<li><a href="http://www.economist.com/blogs/babbage/2011/02/making_web_legible">The Economist</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2011/02/01/designing-readability/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Current Status</title>
		<link>http://www.darrenhoyt.com/2010/09/09/current-status/</link>
		<comments>http://www.darrenhoyt.com/2010/09/09/current-status/#comments</comments>
		<pubDate>Thu, 09 Sep 2010 14:46:39 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Personal]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=2750</guid>
		<description><![CDATA[A year ago I started collaborating with my friend <a href="http://www.smashcompany.com/">Lawrence</a> to develop custom software that hooked up technical experts with people in need. We launched <a href="http://wpquestions.com">WPQuestions</a> first, and later, <a href="http://phpemergency.com/">PHP Emergency</a>, <a href="http://symfonyexperts.com/">Symfony Experts</a>, <a href="http://javascriptquestions.com/">Javascript Questions</a> and <a href="http://www.mysqlemergency.com/">MYSQL Emergency</a> which are aggregated at our umbrella site <a href="http://codewi.se/">CodeWise</a>.]]></description>
			<content:encoded><![CDATA[<p>A year ago I started collaborating with my friend <a href="http://www.smashcompany.com/">Lawrence</a> to develop custom software that hooked up technical experts with people in need. We launched <a href="http://wpquestions.com">WPQuestions</a> first, and later, <a href="http://phpemergency.com/">PHP Emergency</a>, <a href="http://symfonyexperts.com/">Symfony Experts</a>, <a href="http://javascriptquestions.com/">Javascript Questions</a> and <a href="http://www.mysqlemergency.com/">MYSQL Emergency</a> which are aggregated at our umbrella site <a href="http://codewi.se/">CodeWise</a>.</p>
<p>Working life and personal life have changed a lot in a year. For a number of reasons, I can&#8217;t commit any time to the CodeWise sites that we&#8217;ve grown, unfortunately. I am full-time at <a href="http://arc90.com">arc90</a> working on a couple projects I care a lot about, plus holding down other real world responsibilities that I can&#8217;t sacrifice to make WPQuestions and the other sites work.</p>
<p>So Lawrence will continue growing those sites over the next year and need design and CSS help in the meantime. We&#8217;re currently speaking with interested parties who would be a good fit. Mainly we&#8217;re looking for people with an entrepreneurial interest as well as design skills who want to get involved, at least at first, just for the enjoyment, but also with an interest in expanding and seeing more profit.</p>
<p>Mainly I just wanted to clarify what&#8217;s happening so no one is confused why I&#8217;m not able to promote those sites much these days. I will post again on this blog and at WPQuestions as things progress.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2010/09/09/current-status/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Moving Target</title>
		<link>http://www.darrenhoyt.com/2010/08/30/moving-target/</link>
		<comments>http://www.darrenhoyt.com/2010/08/30/moving-target/#comments</comments>
		<pubDate>Mon, 30 Aug 2010 14:50:27 +0000</pubDate>
		<dc:creator>Darren</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.darrenhoyt.com/?p=2738</guid>
		<description><![CDATA[My favorite book on the film industry is <a href="http://en.wikipedia.org/wiki/William_Goldman">William Goldman's</a> (<em>The Princess Bride</em>, <em>Butch Cassidy and the Sundance Kid</em>)  “<a href="http://en.wikipedia.org/wiki/Adventures_in_the_Screen_Trade">Adventures in the Screen Trade</a>”. What I love is there are no specific conclusions about filmmaking...]]></description>
			<content:encoded><![CDATA[<p>My favorite book on the film industry is <a href="http://en.wikipedia.org/wiki/William_Goldman">William Goldman&#8217;s</a> (<em>The Princess Bride</em>, <em>Butch Cassidy and the Sundance Kid</em>)  “<a href="http://en.wikipedia.org/wiki/Adventures_in_the_Screen_Trade">Adventures in the Screen Trade</a>”. What I love is there are no specific conclusions about filmmaking. Just one recurring anti-conclusion: &#8220;<strong><a href="http://en.wikipedia.org/wiki/Adventures_in_the_Screen_Trade#.22Nobody_Knows_Anything.22">nobody knows anything</a></strong>.&#8221;</p>
<blockquote><p>&#8220;The single most important fact, perhaps, of the entire movie industry is that &#8216;nobody knows anything&#8217;. Not one person in the entire motion picture field knows for a certainty what&#8217;s going to work. Every time out it&#8217;s a guess and, if you&#8217;re lucky, an educated one.&#8221;</p></blockquote>
<p>Great formulas (ex: <a href="http://www.rottentomatoes.com/m/troy/">attractive cast, epic storyline</a>) fail as often as they succeed, even after 100 years of filmmaking. Goldman admits there are so many moving parts to assemble, it&#8217;s a miracle <strong>any</strong> film gets made, much less a great one.</p>
<h2>Everybody Knows Everything</h2>
<p>Compare with the decade-old web design industry. The formulas for successful websites have developed mighty fast. We&#8217;ve got tons of books, tutorials, blogs and conference lectures to learn from, plus disproportionate numbers of experts, consultants, coaches, evangelists and assorted gurus.</p>
<p>So on the surface, &#8220;everybody knows everything&#8221;. Information is plentiful. Methods are transparent. There should be no excuse for a mediocre website. Why doesn&#8217;t &#8220;guru&#8221;-level knowledge translate into launching better websites?</p>
<p>Easiest conclusion&mdash;interesting, addictive content is <strong>not valued enough</strong>. Often it&#8217;s an afterthought, barely discussed with the client. It&#8217;s like magic dust and neither guru nor client knows where it will come from. The final product is a sparkly site with forgettable content. It&#8217;s like building a car and considering the engine last. Or just as often, neglecting to install one.</p>
<h2>The Original Gurus</h2>
<p>Geeks and gurus could learn something from their <strong>advertising roots</strong>.  Consider the Mad Men era of advertising, defined by stuff like <a href="http://bit.ly/9qIo9u">Doyle Dane Bernbach&#8217;s Volkswagen ad campaigns</a>.</p>
<blockquote><p>&#8220;[The Volkswagen ads] changed the rules. Agencies were no longer punished but rewarded for arguing with clients, for breaking the guidelines of art direction, for clowning around in the copy, for using ethnic locutions and academic references and a myriad of other once-forbidden formulae. Seemingly overnight, a great wave of originality engulfed the advertising profession&#8230;&#8221;</p></blockquote>
<p>DDB ad men were notoriously flamboyant, but they had the vision to back it up. They looked at the big picture and wanted their ads to have cultural impact. They studied human behavior. They wanted their product to be smart. Can that be said of today&#8217;s gurus?</p>
<p>To generalize greatly, there is too much time spent lost in the tunnel-vision world of shiny gadgets, tech trends and empty &#8220;social media&#8221; promises and way too little time on basic human psychology and the fundamentals that made 1960s advertising so powerful&mdash;figuring out what the public wants and finding smart, persuasive ways to give it to them.</p>
<h2>Missing Ingredients and Healthy Content</h2>
<p>William Goldman says the elusive element of success is <strong>timing</strong>. Even with great acting and a great story, the stars rarely align so that a movie gets released at the perfect time of year in the perfect stage of the actors&#8217; popularity in a way that overlaps with what the public wants.</p>
<p>Of the <a href="http://www.the-numbers.com/movies/index2010.php">771 movies released in 2010</a> so far, how many have you heard of? How many got good reviews? How many really spoke to the public&#8217;s needs and wants?</p>
<p>In web design and blogging, most would say &#8220;compelling content&#8221; is what eludes us. But even after 10 years, no two people even agree on what &#8220;compelling content&#8221; means. If anything, it&#8217;s a <strong>constantly moving target</strong>, consumed by a fickle audience who travel the web too quickly to differentiate between fast-food addictions like Mashable and healthier &#8220;<a href="http://www.rebeccablood.net/archive/2010/06/a_slow_web.html">slow web</a>&#8221; addictions to sites like <a href="http://alistapart.com">A List Apart</a>, <a href="http://www.designobserver.com/">Design Observer</a>, <a href="http://good.is">Good</a>, <a href="http://nplusonemag.com/">N+1</a> or <a href="http://www.thesmartset.com/">The Smart Set</a>.</p>
<p>Web design conferences could use an equivalent to Jamie Oliver&#8217;s &#8220;<a href="http://www.ted.com/talks/jamie_oliver.html">Teach Every Child About Food</a>&#8221; speech to remind people of how nourishing good content can be.</p>
<h2>Solving the Content Mystery</h2>
<p>In one sense, it&#8217;s a fine thing that so few know how to crack the mystery of making great, addictive content. The elusive nature keeps us creative, makes us chase abstract ideas, forces us to put human psychology at the forefront of the things we create.</p>
<p>Client projects should include in-depth discussions of how the content itself (not jQuery effects or &#8220;social media&#8221; tie-ins) is going to propel their site. Setting them up with a WordPress theme, giving them the keys and waving goodbye just isn&#8217;t enough.</p>
<p>2010 is still the Stone Ages of the internet. With all our expertise maybe we still don&#8217;t &#8220;know anything&#8221;, but by now we should at least know enough about our fellow humans to <strong>deliver them something they benefit from</strong> rather than selling our expertise in the form of a dull, hollow wrapper of a website that no one cares to visit  more than once.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.darrenhoyt.com/2010/08/30/moving-target/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
