<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
    <title>Michael Johnson&apos;s Articles on Cognition</title>
    <link>http://cognition.happycog.com/feed</link>
    <description>A blog by the folks at Happy Cog</description>
    <dc:language>en</dc:language>
    <dc:creator>contact@happycog.com</dc:creator>
    <dc:rights>Copyright 2013</dc:rights>
    <pubDate>Thu, 16 May 2013 15:45:23 GMT</pubDate>
    <atom:link href="http://cognition.happycog.com/feed" rel="self" type="application/rss+xml" />   

    <item>
      <title>Invention is slow.</title>
      <link>http://cognition.happycog.com/article/invention-is-slow</link>
		<author>Michael Johnson</author>
      <guid isPermaLink="false">http://cognition.happycog.com/article/invention-is-slow#id:128#date:16:44</guid>
      <description><![CDATA[	<p>By now you&#8217;ve probably seen Noah Stokes tweet assailing responsive web design&#8217;s command over aesthetic: </p><blockquote><p><a href="https://twitter.com/motherfuton">@motherfuton</a>: I feel like responsive design has sucked the soul out of website design. Everything is boxes and grids. Where has the creativity gone?</p></blockquote>

	<p>He followed with a <a href="http://esbueno.noahstokes.com/post/44088237921/where-has-all-the-soul-gone">blog post clarifying his position</a>, adding an important observation I found myself dwelling on: &#8220;I wouldn’t go so far as to call it settling, but I do think that we are letting what we know about the technical aspects of <span class="caps">RWD</span> limit our creativity on the visual side of <span class="caps">RWD</span>.&#8221; </p>

	<p>Can creativity be divorced from limitation? </p>

	<p>In truth, design is not very hard. If I ask you to close your eyes and imagine a chair, you&#8217;ll picture an object in your mind I&#8217;m sure satisfies basal restrictions for what it is that defines a chair, without thinking on it very much. The chair formed in your mind is built upon an archetype, shaped by many people, over many many years. You could design a chair (maybe not a good chair), because all design is governed by a system of rules responsible for its form. </p>

	<h3>Restriction makes the designer&#8217;s job possible.</h3>

	<p>&#8220;Web design&#8221; is just a negotiation of limits (real and imposed) over time, which we call an experience. An amateur can borrow paradigms we&#8217;ve long established to resolve an interface problem without the help of a professional. Not much skill is required, nor should there be. Design for the web is easy, because archetypes exist to guide us.</p>

	<p>Good web design is more difficult to do, and to define, though I&#8217;d argue all good websites share commonality that could establish an archetype: standards compliance, accessibility, experience parity, progressive enhancement, all that extra love web designers put into a website so content can be made available to more people. (I exclude graphic style because its usefulness in describing an archetype is debatable.) For us, as professionals, there are intrinsic qualities of Good, of an archetype, that define the edges. The rules box us in. They free our minds to reflect and act on the nuance of design language. Creative freedom, at least in the way a designer demands it, or laments a lack of it, doesn&#8217;t exist. It leads to catatonia — faced with limitless solutions, the mind breaks. </p>

	<h3>We need the archetype. </h3>

	<p><span class="caps">RWD</span> is new, and its edges are, appropriately, elusive. We&#8217;ll get a handle on them eventually. When we do, we&#8217;ll be free to think on other things, and our design vernacular will evolve. Fascination with technique always follows technological advance. We&#8217;re not doomed to writing love letters to Rothko forever. </p>

	<p>Right now, we just have to keep working at it. Over and over and over, until it&#8217;s perfect. </p>

	<p>We&#8217;re all shaping an archetype. We&#8217;re all after Good. </p>

	<p>Invention demands patience.</p>]]></description>
      <category>Topics</category>
      <category>Community</category>
      <category>Design</category>
      <category>Design Thinking</category>
      <category>Tags</category>
      <category>Responsive Design</category>
      
      <pubDate>Thu, 28 Feb 2013 16:44 GMT</pubDate>
    </item>

    <item>
      <title>All Systems Are Go!(ing to Come Apart)</title>
      <link>http://cognition.happycog.com/article/all-systems-are-going-to-come-apart</link>
		<author>Michael Johnson</author>
      <guid isPermaLink="false">http://cognition.happycog.com/article/all-systems-are-going-to-come-apart#id:115#date:16:45</guid>
      <description><![CDATA[	<p>Bless her soul, Bessie stunk at jigsaw puzzles. She seemed less interested in recreating the dissected bucolic scene she&#8217;d purchased at Rose&#8217;s pharmacy decades ago than she was in hurriedly rearranging and redefining the jumbled mess splashed onto the modest kitchen table in front of her. There was no right way, just her way—and the multiple arrangements that lay ahead were every bit as valid to her as the ordered state its designer printed on the box. She just can&#8217;t see well, I figured. I never asked. </p>	<h3>Well, If The Piece Fits</h3>

	<p>Of course, the jigsaw pieces my great aunt fit together didn&#8217;t mean to fit together, and bending and folding isn&#8217;t exactly what the manufacturer had in mind. Maybe puzzles just weren&#8217;t her cuppa tea:</p>

	<p>&#8220;There is one, and only one, arrangement in which the pieces make a complete picture. On the other hand, there are a very large number of arrangements in which the pieces are disordered and don&#8217;t make a complete picture,&#8221; says Stephen Hawking, explaining the universe&#8217;s steady march toward disorder. Supposing the puzzle is already completed and the box is shaken, he continues, &#8220;The disorder of the pieces will probably increase with time if the pieces satisfy the initial condition of high order.&#8221;</p>

	<p>Web design isn&#8217;t rocket science (or quantum mechanics, as it were), and system extensibility isn&#8217;t exactly the arrow of time, but the idea&#8217;s the same: disorder in a highly ordered system is inevitable and decay is a guarantee regardless of the system—be it the second law of thermodynamics, a jigsaw puzzle, your car, your house, or a website. </p>

	<h3>Stop Me if You&#8217;ve Heard This One About Systems and Pages Before</h3>

	<p>The most frequent mistake I&#8217;ve seen (and the one I&#8217;ve made most frequently) is client sign-off of a website interpreted by its authors as commitment to design integrity, when the reality is the purchaser&#8217;s transfixed by beautifully-balanced, pre-assembled jigsaw puzzles restricted by fixed arrangements.  Eventually somebody&#8217;s going to take it off the shelf and shake it. </p>

	<p>What will it be then? </p>

	<h3>Design for Every State, Not the Best State </h3>

	<p>Whether a system declines glacially and gracefully or fails spectacularly is contingent on planning and requirements gathering, and what-if&#8217;ing every possible component relationship across a template family. Regardless of your role—designer, developer, project manager—ask questions. Many a broken template has been saved just by speaking up: <em>Will X-Y-Z always be in that order? Can you support X? What if Y is missing? Should these thumbnails be 16:9 to accommodate video? Are you sure? How sure? How will the template adjust? What does that mean for other screen sizes?</em> </p>

	<h3>Rats! System Governance! </h3>

	<p>Every few weeks, I drive by some old sites I designed to see if the walls are still up. Some are in better shape than others. Others barely look at all like I remember, or they&#8217;re exactly what I left behind and I just remember them much more fondly. Some look absolutely rat-infested. </p>

	<p>Client-side publishing workflow is probably a system&#8217;s greatest threat after the engagement ends. Plan as you might, unless the rats, the frustrating little pains-in-the-ass process problems—the <span class="caps">CMS</span>, the broken approval process, the lack of a design and content advocate—are exterminated, system decay will onset ahead of schedule. And then the client team will tear down and redesign and wait until the rats come back, and then do it all over again. </p>

	<h3>I&#8217;ve Got a Plan. It&#8217;s the Best I Can Do.</h3>

	<p>The failures sting a little, but as a designer, I find little else more satisfying about this work than seeing a system I helped design, months and sometimes years later, holding up to challenges I never anticipated. For such an ephemeral service,  I struggle to find any greater accomplishment. </p>

	<p>Any system secrets up your sleeve to share? </p>]]></description>
      <category>Topics</category>
      <category>Entropy</category>
      <category>order</category>
      <category>Client Services</category>
      <category>Design</category>
      <category>Design Thinking</category>
      <category>Process</category>
      <category>Tags</category>
      
      <pubDate>Thu, 15 Nov 2012 16:45 GMT</pubDate>
    </item>

    <item>
      <title>Thank you, Hillman Curtis.</title>
      <link>http://cognition.happycog.com/article/thank-you-hillman-curtis</link>
		<author>Michael Johnson</author>
      <guid isPermaLink="false">http://cognition.happycog.com/article/thank-you-hillman-curtis#id:85#date:15:45</guid>
      <description><![CDATA[	<p>When I learned of Hillman Curtis&#8217; passing last week I tried to impart to someone unfamiliar with his work why, having never met him, he meant so much to  my development as a designer and (former) animator. He taught me how to respect the audience, I told her. He taught me how to justify, how to edit. </p>	<p>Above all else, he taught me restraint. </p>

	<p>As a young designer a few months into my first design job (it would be generous to call what I was doing at the time &#8220;design,&#8221; or even a job, unless the world was in serious want of 45° arrows), discovering hillmancurtisinc was a watershed moment that would challenge everything I thought I knew about designing for the web. The experience was revelatory—Curtis&#8217; meaningful and well-mannered animation illustrated a fluency marked by restraint found infrequently among Flash designers, let alone myself. I would spend the better part of six years studying and emulating his work, frame by frame, margin to margin. Restraint is among the most difficult skills to master as a designer, and if I&#8217;ve managed to learn a bit of it at all I owe Hillman Curtis a very heartfelt handshake and a thank you. I&#8217;m sad I&#8217;ll never have that opportunity.</p>

	<p>His contribution to our discipline—and I use that word to describe both our  practice and a design imperative—will likely be best remembered by the Artist Series he directed after stepping back from the celebrated work that would inspire a thousand careers like mine. It&#8217;s a special kind of artist that devotes much time and energy to documenting the wisdom of other creators. If there&#8217;s a single lesson anyone in our competitive industry can learn from Curtis&#8217; career arc—outside of courage and reinvention, which, for me, he has no parallel—it is to resist your natural impulse to keep for yourself what you&#8217;ve uncovered through all your hard work and sacrifice and accident…. And instead, just give it away. </p>

	<h3>Make each other better.</h3>

<p class="list">It speaks to Hillman Curtis&#8217; enduring influence that my story is not uncommon, and is shared by <a href="http://storify.com/kissane/we-miss-you">many</a> . More touching tributes have been written by others, many of whom considered Hillman Curtis a friend. These amazing people were gracious enough to share their thoughts here:</p>

	<p>Hillman offered me studio space when I didn&#8217;t have any. He was a generous, kind-hearted, soft-spoken man—unpretentious, humble, first to acknowledge other people&#8217;s contributions. What he seemed to be as a public persona he was in person. There was no sham, no pretense, no ego, no big show—just Hillman. His message—&ldquo;be prepared to reinvent yourself&rdquo;—was and is empowering. I miss him, and I&#8217;m angry he was taken from us.</p>

<p class="list">&#8212;<a href="http://twitter.com/zeldman">Jeffrey Zeldman</a>, Happy Cog Founder</p>

	<p>Hillman — generous filmmaker, teacher, designer, bicyclist, Brooklynite — has touched the lives of so many that our exchange is but one. Yet at one point, I am grateful to have shared some space with him. We talked one day of gifts. He revealed he had a gift to bring people together.</p>

	<p>I’d always thought how lovely to be on the receiving end of those bringing-togethers, those serendipitous intersections. The playful, the curious, the driven, the learners, the humble, the magical — they all passed through the studio. And too, how lovely it was just to know and intersect with a person with such an enormous breadth of gifts. </p>

<p class="list">&#8212;<a href="http://twitter.com/bobulate">Liz Danzico</a>, UX Consultant and Chair, <span class="caps">MFA</span> Interaction Design at <span class="caps">SVA</span>; <a href="http://bobulate.com/post/21418199705/the-gift-of-intersections">Read Liz&#8217;s full tribute to Hillman Curtis on Bobulate</a></p>

	<p>I followed Hillman&#8217;s work when I was first getting started in design. He stood out as a voice and style all his own; you could plainly see that this guy was in a whole different class. And after I had read his stunning book, <em><span class="caps">MTIV</span>: Process, Inspiration and Practice for the New Media Designer</em>, I wanted to be just like him. If not for Hillman&#8217;s work, I wouldn&#8217;t be the designer I am today.</p>

	<p>Later when I moved to NY I ended up living in the same neighborhood as Hillman. I&#8217;m honored to have counted myself among his friends, and further to have had the opportunity to collaborate on a few of his projects. I always looked forward to running into him on the street and talking at length about bikes and cameras and what we were each obsessed with at that moment. He was generous with his time and endlessly curious about bringing beauty to the world.</p>

	<p>His influence will be felt for many years to come. I didn&#8217;t get to know him half as much as I wish, but even now I look up to him as a creative force, an inspiration, and as kind-hearted a guy as they come. He will be missed.</p>

<p class="list">&#8212;<a href="http://twitter.com/jasonsantamaria">Jason Santa Maria</a>, Typekit Creative Director and A Book Apart Co-Founder</p>

	<p>I learned Flash in 1997. I thought I was pretty good at it, until I came across Hillman Curtis’ <em>Flash Web Design</em> three years later. Incredibly impressed at how much more excellent someone else could be, I sent Hillman an email. I made a website—in Flash, of course—that had an admission ticket with his name Photoshopped onto it. Clicking it animated the ticket out and in flew my portfolio. I told him I was still a student, and that I’d love to work for him someday. I don’t remember his words verbatim, but he said my portfolio looked good—a polite lie—and that I had an internship with him waiting if ever moved to New York. Swoon.</p>

	<p>That was the first time I had ever sent someone famous an email. And he responded. And he was nice. It gave me the confidence to continue reaching out to people I respected. A small moment that shaped a huge part of my career.</p>

	<p>Thank you, Hillman Curtis. The world has lost one more great man.</p>

<p class="list">&#8212;<a href="http://twitter.com/danielmall">Dan Mall</a>, Superfriendly Founder; This post first appeared <a href="http://danielmall.com/articles/hillman-curtis/">on Dan&#8217;s website</a>, on April 20, 2012.</p>

	<p>Hillman Curtis reinvented what a &#8216;design hero&#8217; was for me. The print, logo, and type designers I studied in school were &#8216;historical&#8217; and that created a sense of detachment. All of that changed with the web. Self publishing provided Mr. Curtis an immediate voice and footprint in our fledgling industry. It destroyed my notion of graphic design &#8216;history.&#8217; Instead, I was witnessing it in real-time.</p>

	<p>When his influential book <em>Flash Web Design</em> hit our shelves, it was pored over by myself and my colleagues. We admired the deft mixing of traditional media in the vector based application and attempted to mimic his techniques whenever possible. Consequently, he made it feel safe for us to experiment with the medium. While he was incredibly inventive with Flash, that wasn&#8217;t the hallmark of his work. We were oblivious to the fact that first and foremost, Mr. Curtis was a fantastic storyteller.</p>

<p class="list">&#8212;<a href="http://twitter.com/ccashdollar">Chris Cashdollar</a>, Happy Cog Creative Director</p>

	<p>Back in 1997, when I was 28 years old and earned a &#8220;web designer&#8221; title for the first time at an insurance company in Seattle, I was working on an e-commerce initiative to enable people to buy auto insurance online. Sexy stuff. While I was feverishly designing and coding table-based layouts, the dot-com boom was rumbling outside my cubicle. As a result, management was noticing this Internet thing may have legs after all.</p>

	<p>In order to gain some inspiration, I frequently visited <a href="http://hillmancurtis.com">hillmancurtis.com</a>. At one point, I held a screening in a conference room for my colleagues and my bosses, essentially showing every Flash piece Hillman ever created. I knew that what I was showing wouldn&#8217;t necessarily effect how I designed a form asking people to input their <span class="caps">VIN</span>, but that didn&#8217;t matter. I wanted them to know what was possible. I wanted them to understand that the web could be used for powerfully communicating emotion just as well as it could facilitate business transactions. It was eye opening for them, and it fundamentally changed my thinking when approaching designing for the web.</p>

<p class="list">&#8212;<a href="http://twitter.com/hoyboy">Greg Hoy</a>, Happy Cog President</p>

	<p>Hillman was truly an anchor and a spokesman for web designers when our industry needed it the most, during the post-dot com era. I loved that his work embraced content and brought it to the forefront instead of hiding it behind bogus Flash elements. His work was simple and to the point, but never lacked creativity. I know he moved on to other types of creative work, but he&#8217;s still a pillar of our community and it really sucks that he won&#8217;t be around in twenty years to see the results of his legacy.</p>

<p class="list">&#8212;<a href="http://twitter.com/brilliantcrank">Greg Storey</a>, Happy Cog President</p>

	<p>The first time I saw Hillman Curtis&#8217; work on the web, I was in awe. He opened my eyes to the idea of the web as a canvas for making beautiful things. It&#8217;s not just that I was inspired by his work, but I got legitimately excited about the possibilities before me.</p>

<p class="list">&#8212;<a href="http://twitter.com/mrwarren">Brian Warren</a> Happy Cog Senior Designer</p>

	<p>Early in my career, I found myself with a band that had broken up and a pretty much useless film degree. Hillman Curtis&#8217; work and his writing instantly became a touchstone for me as a young designer. He blazed a trail from art school, to rock and roll, to design. Not only did he create his own path through reinvention, he did so with dignity and grace. Hillman taught us to put &#8216;your heart into everything you do.&#8217; In more vulnerable terms, he taught us to put love in everything. Love your work. Love your colleagues. Love your community. </p>

	<p>Hillman Curtis is still a touchstone for me—to make sure I love what I do, because life can be brutally short.</p>

<p class="list">&#8212;<a href="http://twitter.com/kevinsharon">Kevin Sharon</a>, Happy Cog Design Director</p>

	<p><span class="caps">RIP</span> Hillman Curtis.
 </p>]]></description>
      <category>Topics</category>
      <category>Design</category>
      <category>Tags</category>
      <category>Generosity</category>
      <category>Courage</category>
      <category>Inspiration</category>
      
      <pubDate>Thu, 26 Apr 2012 15:45 GMT</pubDate>
    </item>

    <item>
      <title>Stepping Out of Line</title>
      <link>http://cognition.happycog.com/article/stepping-out-of-line</link>
		<author>Michael Johnson</author>
      <guid isPermaLink="false">http://cognition.happycog.com/article/stepping-out-of-line#id:71#date:16:45</guid>
      <description><![CDATA[	<p>Years ago, I was presenting comps on a scheduled call to a key stakeholder of my then-agency&#8217;s flagship account. It was my first call with him in months. He was unfortunately on vacation and without his laptop. That should have been  the end of it.</p>

	<p>Instead, he asked me to paint him a picture.</p>	<p>&#8230;</p>

	<p>Now, I like to believe there&#8217;s always some perfect combination of words you can jam together whose collective prose makes it possible to talk your way out of (or into) anything—like some kind of Word Voltron—but I was a blank.  </p>

	<p>My colleague in the room was giggling. I stared at the Polycom, hoping for rescue, waiting for our account manager to step in and politely (but firmly) suggest moving the call to a time when it might be possible to actually hold a productive review. Help never came. And so I described, in detail, from top to bottom, every pixel.</p>

	<p>And our client gave actual feedback on an imagined website. </p>

	<p>&#8230;</p>

	<p>I think I blacked out. I came to 15 minutes later, jolted by the realization that I&#8217;d lost. Graphic design was surrendered. The latest edition of <em>Choose Your Own Photoshop Adventure</em> was written and I was on the wrong side of the hypertext.  </p>

<h3>Do you: A. Blame Others? or B. Learn Your Lesson?</h3>

	<p>Truth is, I surrendered before I ever launched Photoshop. </p>

	<p>I probably don&#8217;t have to tell you about the <a href="http://en.wikipedia.org/wiki/Waterfall_model">waterfall model</a>, a relic from which many practitioners still suffer and one the Web outgrew when the dot-com gold rush ran dry. (You could argue it was never right for web design at all.) Phases with a distinct beginning and end are easy to scope, easy to resource, easy to sell (in theory). And so we wait and watch for the artifacts to plunge our way over the falls—developers for designs, designers for wireframes, etc. If something is amiss, it&#8217;s the fault of whoever came before. The waterfall method avails complacency and I was complicit in my client&#8217;s client-from-hell moment. He treated graphic design as decoration and rightfully so because I colored wireframes. I put gloss on buttons. I was stylist, not strategist. </p>

	<p>I had stood by and waited to be called.</p>

<h3>Web designers who don&#8217;t UX is the new web designers who don&#8217;t code.</h3>

	<p>Designing a site without some prescription for interaction and content is, at best, reckless—what are we, savages?—and the waterfall method assumes phases are fulfilled before moving on, satisfying an immutable law of experience design: form follows function. But <a href="http://en.wikipedia.org/wiki/Louis_Sullivan">Sullivan&#8217;s</a> <a href="http://en.wikipedia.org/wiki/Form_follows_function">credo</a> never called for a divide. Rather, the process should mimic nature, to be organic; it posits an object&#8217;s form naturally evolves out of resolving its purpose, the way bees instinctively build a beautiful and efficient, geometric honeycomb. Nature has no &#8220;visual design&#8221; phase. Why do we? </p>

	<p>Process, however, is not the real problem. Iterative methods more closely honor &#8220;form follows function&#8221; and their adoption is a certainty as &#8220;mobile web&#8221; becomes &#8220;<em>the</em> web&#8221; and organizations—both clients and vendors—admit waterfall&#8217;s failings. But waterfall isn&#8217;t going to give up easily, and I&#8217;m not advocating we all swear allegiance to our new Scrum overlords just yet. (Responsive web design may very well be their harbinger—look busy!) Because, dear designer, if you&#8217;re not collaborating with your IA and content counterparts, you&#8217;re done for.</p>

<h3>Flowing water follows the path of least resistance.</h3>

	<p>Collaboration may not come easy, but we are on the brink of convergence and there&#8217;s no room for aestheticians. We&#8217;re taught to go it alone and re-emerge days later with something brilliant and clever (and finished) because we are judged on individual contributions. Design is ugly in the middle. Collaboration means feeling exposed and vulnerable. Collaboration requires faith. </p>

	<p>I didn’t learn this lesson on my own. (I blamed the account manager.) In my story, I bemoan the waterfall process, but in fairness I made little effort to seek out collaboration and I paid the price. Without the small and agile team we had, launching <a href="http://club.nintendo.com">Club Nintendo</a> in the compressed timeframe afforded might have been impossible. We sketched together. We brainstormed. We debated. We exposed issues and course-corrected quickly. We shared accountability and the product is better for it. A seat at the table is a privilege, not a right; you earn it through commitment to user experience—from discovery to deployment—and through persistence. </p>

	<p>How will you avoid going <a href="http://www.youtube.com/watch?v=ieMdp65DXWg">over the falls</a>?</p>]]></description>
      <category>Topics</category>
      <category>Client Relations</category>
      <category>Design</category>
      <category>Process</category>
      <category>Strategy</category>
      <category>User Experience</category>
      
      <pubDate>Thu, 12 Jan 2012 16:45 GMT</pubDate>
    </item>

    </channel>
</rss>