<?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>Jeffrey Zeldman&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, 13 Jun 2013 15:45:17 GMT</pubDate>
    <atom:link href="http://cognition.happycog.com/feed" rel="self" type="application/rss+xml" />   

    <item>
      <title>Blue Beanie Day – Celebrate&#160;You!</title>
      <link>http://cognition.happycog.com/article/blue-beanie-day-celebrate-you</link>
		<author>Jeffrey Zeldman</author>
      <guid isPermaLink="false">http://cognition.happycog.com/article/blue-beanie-day-celebrate-you#id:116#date:16:45</guid>
      <description><![CDATA[	<p>A funny thing happened on the way to the <a href="http://www.lukew.com/ff/entry.asp?1436">multi-device</a> world we design and live in. The web standards movement happened.</p>	<p><span class="caps">HTML</span>, <span class="caps">CSS</span>, and JavaScript. Accessibility. <a href="http://www.w3.org/wiki/Graceful_degredation_versus_progressive_enhancement#Graceful_degradation_and_progressive_enhancement_in_a_nutshell">Progressive enhancement</a> instead of graceful degradation. (Structured) <a href="http://www.lukew.com/ff/entry.asp?1598">content first</a>. The more our industry and the technology we&#8217;re asked to support changes, the more these basics of the web standards movement remain exactly the same as they ever were. </p>

	<p>Remove web standards from our platforms and history, and there is no iPhone, and therefore no competing Android. No frictionless on-the-go ecommerce; no check-ins; no sharing on Facebook or Twitter from 30,000 feet up. Lose web standards and you lose HTML5 and a <a href="http://news.cnet.com/8301-1023_3-57339156-93/html5-enabled-phones-to-hit-1-billion-in-sales-in-2013/">billion smartphones</a> that support it.</p>

	<p>If the print aesthetic had won—if the technologies supporting that aesthetic, slice-and-dice table layouts and Flash, had continued to reign supreme—our web use would almost certainly still be limited to the desktop, and web content would very likely be constrained to the whims and abilities of a single, aging desktop browser. With no competition, there&#8217;d be no reason for that browser&#8217;s manufacturers to update it, and no need to improve its standards support, as the browser&#8217;s behavior would be taken as a defacto standard. As a result, there would be no HTML5, no CSS3, no point in innovating standard technologies. </p>

	<p>Betting on <span class="caps">HTML</span> never looked like the smart move. There were times during the 1990s when I felt like a chump for plodding away with <span class="caps">CSS</span> and <span class="caps">HTML</span> when more powerful and better supported tools were available. Most of my fellow designers were using Flash and table layouts to create beautiful, powerful sites with full typographic control while I struggled to bring rudimentary typography to Netscape and Microsoft&#8217;s browsers, and to convince Happy Cog&#8217;s earliest clients that accessible, standards-based, user-focused design was in their customers&#8217; and their best interest. Thank goodness enough of them agreed. Those clients—and yours, if you too supported accessible standards-based design before it was cool—are the true heroes of the  standards movement.</p>

	<p>That movement would not have succeeded without the support of thousands of designers and developers like you. You are the heroes of yesterday and tomorrow. How we move forward is up to you.</p>

	<p>So as you use HTML5 and CSS3 (maybe even going so far as to <a href="http://www.w3.org/2011/05/html5lc-pr.html">contribute to their final shape</a>), and as you progressively enhance and responsively design a web of services (not just content) for everything from phones to Frigidaires, take a moment out of your busy day. <a href="http://www.zeldman.com/bbd/">Put on the blue cap</a>. You&#8217;ve earned it.</p>]]></description>
      <category>Topics</category>
      <category>Blue Beanie Day</category>
      <category>Accessibility</category>
      <category>Community</category>
      <category>Tags</category>
      <category>Web Standards</category>
      
      <pubDate>Fri, 30 Nov 2012 16:45 GMT</pubDate>
    </item>

    <item>
      <title>Discontent</title>
      <link>http://cognition.happycog.com/article/discontent</link>
		<author>Jeffrey Zeldman</author>
      <guid isPermaLink="false">http://cognition.happycog.com/article/discontent#id:90#date:15:45</guid>
      <description><![CDATA[	<p>Have you ever had to fit three lead stories onto a web page that was designed for only one? Ever needed to hastily rework a design because nobody realized that a product description might run to more than  200 characters until after you delivered the templates? Ever found yourself slapping big yellow alert banners and screaming headlines onto an otherwise tastefully designed home page because the layout actually distracted your users from the site&#8217;s most important content? (And why did the layout distract them? Not because it was elegantly designed, but because it was designed before the client figured out the content strategy.)</p>	<p>It doesn&#8217;t take too many experiences like this to realize that content is not just a writer&#8217;s problem, it is a design problem. As good advertising comes from the product, and good filmmaking begins with a riveting story, good web design starts with content. If you don&#8217;t believe me, try designing a universal template.</p>

	<p>On the web, design is almost always in the service of content. And yet our designs are often hostile to content. Try to read a <a href="http://rogerebert.suntimes.com/apps/pbcs.dll/article?AID=/20110421/REVIEWS/110429994">Roger Ebert review</a> on your smartphone. For that matter, try to read it on your desktop computer. The creators of Mr. Ebert&#8217;s site have lathered it with so many layers of navigation, so many options, so much <span class="caps">SEO</span>-inspired linkage, that actually reading the review is far from the treat it should be. It&#8217;s as if a master chef crafted the perfect meal, only to have it served by a careless waiter in a chipped, dirty plastic bowl.</p>

	<p>If our designs don’t serve content, users will find ways to get the content anyway. Used by millions, apps like <a href="http://www.instapaper.com/">Instapaper</a> and  <a href="https://www.readability.com/zeldman">Readability</a> now deliver great reading experiences when the designer forgets to. </p>

	<p>Of course, users have always had the ability to tailor their web reading experience: a custom style sheet here, a non-default font setting there. But these days, it&#8217;s not just those with special needs or quirky personalities who are changing our designs on the fly. It&#8217;s ordinary users who care about content.</p>

	<p>And just as, for every user viewing our pixel-perfect masterpiece in the &#8220;right&#8221; browser and at the screen dimensions we envisioned, there has always been someone else trying to use it in an older browser or crummy kiosk, now more and more of our users are engaging with our content—or trying to—via smartphone and netbook. These users don&#8217;t have time—or screen real estate—to patiently wade through all the crap we&#8217;ve poured into the interface against our better judgement merely because the stakeholders requested it. These users want content. If we don&#8217;t deliver it, <a href="http://flipboard.com/">Flipboard</a>—or someone else&#8217;s site—will.</p>

	<p>Responsive design, mobile-first responsive design, and content strategy for adaptive design have made important inroads but there&#8217;s lots more work to be done. For one thing, there&#8217;s the dilemma of who pays for content. Our designs have trained users to ignore ads, so we make ever more annoying ads to try to grab those eyeballs back. To the extent that we succeed, we create more customers for Instapaper and Readability, where those ads are removed. </p>

	<p>Responsive ads address the technical and visual aspects of the problem—or might if  someone were working on them—but they don&#8217;t deliver the key metric, which is attention. How can we simultaneously satisfy the reader by allowing them to focus on content in a clutter-free environment, yet also satisfy the advertiser who is tired of paying to be ignored? What are you doing to help readers focus on the message they came to read—and your client or boss wants to deliver?</p>]]></description>
      <category>Topics</category>
      <category>Ads</category>
      <category>User Experience</category>
      <category>Tags</category>
      <category>Content</category>
      <category>Requirements</category>
      <category>Responsive Design</category>
      
      <pubDate>Thu, 24 May 2012 15:45 GMT</pubDate>
    </item>

    <item>
      <title>Patience and Fortitude</title>
      <link>http://cognition.happycog.com/article/patience-and-fortitude</link>
		<author>Jeffrey Zeldman</author>
      <guid isPermaLink="false">http://cognition.happycog.com/article/patience-and-fortitude#id:57#date:15:45</guid>
      <description><![CDATA[	<p>A short dozen blocks north of Happy Cog&#8217;s New York studio, two famous stone lions sculpted by Edward Clark Potter guard the entrance to The New York Public Library at 42nd Street. The lions were originally named for the library&#8217;s private backers, the Astor and Lenox families. But in the 1930s,  New York Mayor Fiorello La Guardia renamed the two lions &#8220;Patience&#8221; and &#8220;Fortitude,&#8221; because those were the qualities New Yorkers would need to survive the Great Depression. This was back in the days when elected officials gave a damn about the people, and when they could use a three-syllable word without fear that citizens would brand them as over-educated or French. But I digress.</p>	<p>Patience and Fortitude got the people through the Depression, and they are also the qualities most needed by anyone in the business of persuasion, which is everyone reading this page. If you don&#8217;t believe you&#8217;re in the business of persuasion—if you think you write code or arrange pixels and the selling magically takes care of itself—then you should get out of this business, because your work will always be compromised, and you will grow to hate the craft you now love and despise yourself and your teammates. </p>

	<p>Every one of us is a champion of the end-user and an advocate for the value of what we do. If we are not advocates, we cannot be great coders, great designers, or great exemplars of whichever noun best describes your position in the digital experience ecosystem. The toughest thing about being a champion, as any champ will tell you, is that you don&#8217;t just win a belt once and call it a day. You have to keep winning, fighting every punk who comes along to challenge you. What challengers are to boxers, negative, unhelpful ideas are to user experience advocates like us. We have to keep knocking them out. Unlike boxers, we have to do it kindly, and with a smile.</p>

	<h3>Persuasion never sleeps</h3>

	<p>I became a better web designer and consultant when I started evangelizing web standards, and I don&#8217;t mean that the knowledge of web standards increased my skills and therefore my value, although that is also true. I mean I got better at the art of persuasion and I discovered that persuasion, like rust, never sleeps. Between 1998 and 2001, we were relentless (and patient and fortitudinous) in delivering our message that complete and accurate browser implementations of <span class="caps">CSS</span>, <span class="caps">HTML</span>, and JavaScript were essential to the health and growth of the web. It&#8217;s a message we delivered to one browser engineer and one web developer at a time. Each time we delivered the message to a new pair of ears and eyes, we behaved as if it were the first time. We were like stage actors bringing freshness and discovery to a role they&#8217;ve performed a thousand times, only we weren&#8217;t acting. Each time we delivered the message to a new person, there was something genuinely new about it. I&#8217;m told that successful prostitutes have a similar gift for making the transaction feel special. </p>

	<p>After browser makers finally climbed aboard the web standards train, we had to persuade web designers that it was okay to stop using table layouts, quit forking their scripts, and cease designing sites that were &#8220;best viewed with&#8221; anything other than &#8220;a web browser.&#8221; This was another <a href="http://en.wikipedia.org/wiki/Sisyphus#.22Sisyphean_task.22">Sisyphean task</a>, requiring fresh stores of patience and fortitude. I can&#8217;t tell you how many times a developer said to me, &#8220;Do you know how much I get paid for knowing the seven ways to code a web page?&#8221; Each time I replied, &#8220;If you could code it one way, the standard way, you could use that extra money for photography or illustration or professional help with the written content.&#8221; And each time I said some variation of those words, it was like I&#8217;d just thought of that angle, and was giving my new best friend the inside track.</p>

	<h3>What goes around</h3>

	<p>Today I don&#8217;t spend much time selling engineers, designers, or clients on the value of semantic markup, progressive enhancement, and the other now-familiar elements of standards-based design. But those polished persuasive skills, and the patience and fortitude they rode in on, get used every day, even if I spend most of my time in meetings just listening and nodding. Eventually it becomes a Jedi thing. The persuasion lives in your eyes. They sparkle when a team member says the right thing. </p>

	<p>How do you spell persuasion, and how do you keep it fresh?</p>]]></description>
      <category>Topics</category>
      <category>Persuasion</category>
      <category>Tags</category>
      <category>Education</category>
      <category>Fortitude</category>
      <category>Patience</category>
      
      <pubDate>Thu, 22 Sep 2011 15:45 GMT</pubDate>
    </item>

    <item>
      <title>But What I Really Want to Do is Direct</title>
      <link>http://cognition.happycog.com/article/but-what-i-really-want-to-do-is-direct</link>
		<author>Jeffrey Zeldman</author>
      <guid isPermaLink="false">http://cognition.happycog.com/article/but-what-i-really-want-to-do-is-direct#id:38#date:15:45</guid>
      <description><![CDATA[	<p>In my apprentice days, I worked for <a href="http://www.nytimes.com/2002/04/06/obituaries/06HONI.html">Marvin Honig</a>, a Hall of Fame copywriter who created indelible commercials for Alka-Seltzer, Cracker Jack,  and Volkswagen during the 1960s and 1970s, and who assumed creative leadership of Doyle Dane Bernbach upon legendary founder Bill Bernbach&#8217;s death. It was not one of those bloody successions that stain the pages of history and advertising. Bill chose Marvin to carry on in his place.</p>	<p>By the time I met Marvin, he and I were toiling at Campbell-Mithun-Esty. He had been brought in to radically upgrade the financially successful but talent-challenged agency&#8217;s creative product. I was there because it was the first job I could get in New York.</p>

	<p>Marvin was gentle. He never told you how stale your ideas were or how disappointed he was in you for not working harder. He made you believe you were the future, not only of the place, but of the profession. </p>

	<p>Besides his warmth, what I remember most is a piece of advice he gave me: &#8220;If you&#8217;re not a creative director by the time you&#8217;re 40, get out of the business.&#8221;</p>

	<p>I worked for all kinds of creative directors before I became one. Most were tough and many were silent. <a href="http://en.wikipedia.org/wiki/DeVito/Verdi">Sal DeVito</a> would give you an assignment in the morning. Then, you and your partner would spend the next ten hours sketching and writing, probably on park benches because there weren&#8217;t enough desks at the agency. As night fell, you would humbly and silently present your stack of sketches to the master. </p>

	<p>Sal would flip through them, stone-faced, quickly discarding anything remotely resembling an idea he had seen before—and he&#8217;d seen everything. Once in a while, he might stop for an instant and ponder a particular layout. You wouldn&#8217;t dare move a muscle or betray your faint hope that the ad in question might perhaps be found worthy. We&#8217;d watch his eyes. There! Just there! Was that the briefest flicker of amusement or approval? Was he, if only for an instant, considering accepting your work? </p>

	<p>Like sex for men, it was over in a moment. The ad would join its brothers in the reject pile. </p>

	<p>After days of this, Sal might buy something. A buy was when he stopped leafing through your work like a housewife rejecting lettuces, let his hands linger on the ad for a second or two, and allowed a thin smile to flicker on his lips. Did I say housewife? It was more like working for a Clint Eastwood character. Wait, did I just second-guess my own metaphor? See, I&#8217;m still submitting my work to Sal and I&#8217;m still afraid of his judgment.</p>

	<p>During the dot-com boom they were handing out creative director titles like crack, but I avoided getting one until 1999. Five months into the gig, I quit to start Happy Cog. I left because I wanted authority over the work, and I was the kind of guy who could only get that working for himself. Or so I thought. </p>

	<p>Once you become a creative director, you realize that authority is an illusion. You&#8217;re a negotiator between the client&#8217;s taste, the designer&#8217;s ego, and the user&#8217;s need. You succeed when all three are satisfied. </p>

	<p>I sometimes fantasize about becoming a Sal-DeVito-style creative director but my personality is more like Marvin Honig&#8217;s. A Jeffrey-Zeldman-style creative director is one who wins the right client, assembles the right team, offers the right initial insight or two, and then interferes as little as possible. I think of myself as a motive wind that gives the little sailboats a gentle first push. </p>

	<p>The problem with the little sailboats is, if you later have one teeny suggestion to offer, they will likely say no and tell you why your idea is stupid. Then you go off and ponder. First, you figure out if they were right. They often were. Next, if they were wrong, you figure out whether it matters. If it&#8217;s about your ego, it doesn&#8217;t matter; if it&#8217;s about the work, it does.</p>

	<p>That&#8217;s how I do things in my little zone, but each of our creative directors has their own style. No matter how you may approach creative direction, remember, it&#8217;s always about the user. It&#8217;s never about you. You are the thing it is the most <em>not</em> about. If you think being a creative director is about power, quit now, because this job will bum you out so much. To the rest of you, cheers!</p>

]]></description>
      <category>Topics</category>
      <category>Creative Direction</category>
      <category>Tags</category>
      <category>Criticism</category>
      <category>Critique</category>
      <category>Personality</category>
      <category>Taste</category>
      
      <pubDate>Thu, 26 May 2011 15:45 GMT</pubDate>
    </item>

    <item>
      <title>One Man&#8217;s Ceiling</title>
      <link>http://cognition.happycog.com/article/one-mans-ceiling</link>
		<author>Jeffrey Zeldman</author>
      <guid isPermaLink="false">http://cognition.happycog.com/article/one-mans-ceiling#id:18#date:16:45</guid>
      <description><![CDATA[	<p>Any mint can mask lunch breath, but only <a href="http://en.wikipedia.org/wiki/Certs">Certs</a> has a golden drop of <a href="http://yarchive.net/med/retsyn.html">Retsyn</a>. That drop and its golden hue, which no one but a copywriter has ever seen (the actual visual end-product is a trail of green flecks),  may have made a powerful differentiator back when Tang was a breakfast drink, but it&#8217;s not enough to sway a modern consumer. </p>	<p>That&#8217;s why even the dinkiest American convenience store offers a broad assortment of breath mint disk brands, and nobody cares which they buy. Interest in the category requires a change of form factor plus a benefit: sugar-free <a href="http://www.tictacusa.com/">Tic Tac</a>, curiously strong <a href="http://www.altoids.com/">Altoids</a>. A product that wants my loyalty as a consumer must offer a difference I can actually experience—and it must be a good experience. </p>

	<p>What&#8217;s true for low-interest disposable consumer goods is even more true for websites and web applications. As creators, it&#8217;s our job to fashion experiences that gently tug at the heart or lightly tickle the pleasure centers, lingering in the mind and quietly demanding reengagement. Good enough is not good enough, unless we want our web products to sit on the cyber-shelf, gathering digital dust.</p>

	<p>Most of us know our site or app must be &#8220;special&#8221; simply to survive, but <em>how</em> should it be special? Should it be special like a 3D <span class="caps">IMAX</span> summer blockbuster? In a word, no. The era of the <a href="http://2advanced.com/">blockbuster website</a>, if it ever existed, has surely passed. Viewed through today&#8217;s eyes, a site that calls excessive attention to its creators&#8217; skills is like an oversized, gold-plated vanity press book of rhyming couplets. Or maybe it&#8217;s more like a penis extension in a men&#8217;s prison. Either way, although it may be impressive, it&#8217;s something nobody needs.</p>

	<p>My favorite metaphor for what I&#8217;m trying to create when my team and I begin to plan a website is the apartment I&#8217;ve lived in since 2007. I still remember the realtor showing it. It was roomy and got a lot of natural light for an apartment in New York City. But what seduced me were the floor and ceiling—the former of beautiful hardwood, the latter with moldings. Okay, the moldings are applied, but still. I might have seen nicer apartments but I&#8217;d never lived in one. As soon as I noticed those little touches, I imagined myself living in the place, and I subsequently made it my business to move in, securing a mortgage the day the global economy crashed—but I digress.</p>

	<p>My apartment&#8217;s lovable details surround me as I write this, and while I&#8217;m not conscious of them most of the time, they persist at the edges of my perception, like a gently strummed guitar. From time to time I even notice them. But I only notice for a moment, and then I&#8217;m back in my life. And that&#8217;s the point. Engaging sites and apps have that extra something that commands our loyalty without demanding our constant attention. It isn&#8217;t a showy opulence, and it isn&#8217;t a technology—bragging that your site is built with HTML5 and expecting users to care is like Certs hawking Retsyn. So how <em>do</em> we set our sites and apps apart? What ways of thinking and working lead to the details and touches that aren&#8217;t just special, but are special in a way people care about, and to which the right customers will respond?</p>]]></description>
      <category>Topics</category>
      <category>Creative Direction</category>
      <category>Design</category>
      <category>Tags</category>
      <category>Breath Mints</category>
      <category>Love Connection</category>
      
      <pubDate>Thu, 06 Jan 2011 16:45 GMT</pubDate>
    </item>

    <item>
      <title>Is This Thing On?</title>
      <link>http://cognition.happycog.com/article/is-this-thing-on</link>
		<author>Jeffrey Zeldman</author>
      <guid isPermaLink="false">http://cognition.happycog.com/article/is-this-thing-on#id:7#date:16:00</guid>
      <description><![CDATA[	<p>They laughed when I sat down at the <span class="caps">HTML</span> editor. But they cried when I began to make web pages. That was 1995. This is 2010, and we’re still doing it. Web design is no longer an occult activity for a small circle of initiates,  and we’ve gotten a bit better at it over the years. The technology has changed (you’re welcome!) but the basics are still good design, great content, and an interface that makes reading or shopping or sharing a pleasure.</p>	<p>And now, Cognition. The agency launched by a blog finally has a proper one of its own. Here, various friendly folk of Happy Cog will share ideas, experiments, rants, and dreams at greater-than-Twitter but less-than-A-List-Apart length. Just what the web needs, another design blog.</p>

	<p>Speaking of experiments, there’s our comments section. Everybody knows inline blog comments are going the way of the <span class="caps">BBS</span> and Gopher sites of yore. We’re not ready to say “comments are dead” (we’ll leave that for Wired Magazine’s next cover story) but we have noticed the smell, and we’re doing something about it.</p>

	<p>Kids today are more likely to respond to a blog post on Twitter than in the article’s comments section; so we’ve collocated our comments on Twitter. Share a tweet-length response here, and, with your permission, it will go there. If you are moved to respond with more than 140 characters, post the response on your website, and it will show up here. Clever, these Americans.</p>

	<p>So that’s Cognition, and I’ll spare you the obligatory definition, if not the <a href="http://dictionary.reference.com/browse/cognition">obligatory link</a>. Knowing is all, and those who don’t know, blog. Happy Cognition, and thanks for listening.</p>]]></description>
      <category>Topics</category>
      <category>User Experience</category>
      <category>Tags</category>
      <category>Blog Design</category>
      <category>Experiments</category>
      <category>Twitter</category>
      <category>Welcome</category>
      
      <pubDate>Thu, 07 Oct 2010 16:00 GMT</pubDate>
    </item>

    </channel>
</rss>