Categories
Accessibility Adobe Advocacy AIGA art direction Authoring Bandwidth Best practices Browsers business Career client management Community creativity CSS Design Designers development Digital Preservation Fonts Future-Friendly HTML industry interface maturity Medium My Back Pages Off My Lawn! Performance Photoshop Rants Real type on the web Responsibility Responsive Web Design Site Optimization Standards State of the Web The Essentials The Profession Typography Usability User Experience UX Web Design Web Design History Web Standards Websites webtype work Working writing

This Web of Ours, Revisited

ONE MONTH and 24 years ago, in “Where Have All the Designers Gone?” (my HTMHell design column for Adobe of March 20, 2000), I discussed the deepening rift between aesthetically focused web designers and those primarily concerned with creating good experiences online:

More and more web designers seem less and less interested in web design.

Over the past 18 months or so, many of the best practitioners in the industry seem to have given up on the notion that a low-bandwidth, less than cutting-edge site is worth making. Much of the stuff they’ve been making instead has been beautiful and inspiring. But if top designers wash their hands of the rest of the Web, whose hands will build it, and whose minds will guide it? The possibilities are frightening.

An Imperfect Medium for Perfectionists

Why were many of the leading graphic designers and studios at the time uninterested in web design? For one thing, designers trained to strive for visual perfection found the web’s unpredictability depressing. The article provided clues to the frustrations of the time:

Good designers spend hours tweaking typography in Illustrator and Photoshop. Then visitors with slow connections turn off images.

Of course, where professionals trained in graphic design saw a distressing lack of control, others glimpsed in the infant technology a tremendous potential to help people, pixel-perfection be damned. To reduce the conflict to a cartoon, you might characterize it as David Carson versus Jakob Nielsen—though doing so would trivialize the concerns of both men. Designers already charged with creating websites found themselves somewhere in the middle—barking themselves hoarse reminding clients and managers that pixel-perfect rendering was not a thing on the web, while arguing with developers who told designers the exact same thing.

Visually inspiring websites like K10k showed that the web could, if approached carefully and joyfully, provide aesthetic delight. But many designers (along with organizations like AIGA) were unaware of those sites at the time.

Us and Them

Another source of tension in the medium in 2000 sprang from the discrepancy between the privileged access designers enjoyed—fast connections, up-to-date browsers and operating systems, high-res monitors (at least for the time) offering thousands of colors—versus the slow modems, aging and underpowered computers, outdated browsers, and limited-color monitors through which most people at the time experienced the web.

Which was the real design? The widescreen, multicolor, grid-based experience? Or the 216-color job with pixelated Windows type, a shallow “fold,” and pictures of headline text that took forever to be seen?

To view your masterpiece the way most users experienced it, and at the syrup-slow speed with which they experienced it, was to have an awakening or a nightmare—depending on your empathy quotient. Some designers began to take usability, accessibility, and performance seriously as part of their jobs; others fled for the predictability of more settled media (such as print).

A New (Old) Hope

My March, 2000 article ended on an upbeat note—and a gentle call to action:

For content sites to attain the credibility and usefulness of print magazines; for entertainment sites to truly entertain; for commerce sites and Web-based applications to function aesthetically as well as technically, the gifts of talented people are needed. We hope to see you among them.

That was my hope in 2000, and, all these years later, it remains my vision for this web of ours. For though the browsers, connections, and hardware have changed substantially over the past 24 years, and though the medium and its practitioners have, to a significant extent, grown the Hell up, beneath the surface, in 2024, many of these same attitudes and conflicts persist. We can do better.

Minus the framesets that formerly contained it, you may read the original text (complete with archaic instructions about 4.0 browsers and JavaScript that broke my heart, but which Adobe’s editors and producers insisted on posting) courtesy of the Wayback Machine.

☞  Hat tip to Andrey Taritsyn for digging up the article, which I had long forgotten.

Categories
Accessibility Advocacy architecture Authoring Best practices development ethics industry Performance Platforms Responsibility Standards State of the Web Usability User Experience UX W3C Web Standards

CAPTCHA excludes disabled web users

What’s widely used, no longer particularly effective, and makes web content inaccessible to many people with disabilities? It’s our old friend CAPTCHA! In a group note dated 16 December 2021, the W3C explains how CAPTCHA excludes disabled users, and suggests alternatives which may be kinder and more reliable:

Various approaches have been employed over many years to distinguish human users of web sites from robots. The traditional CAPTCHA approach asking users to identify obscured text in an image remains common, but other approaches have emerged. All interactive approaches require users to perform a task believed to be relatively easy for humans but difficult for robots. Unfortunately the very nature of the interactive task inherently excludes many people with disabilities, resulting in a denial of service to these users. Research findings also indicate that many popular CAPTCHA techniques are no longer particularly effective or secure, further complicating the challenge of providing services secured from robotic intrusion yet accessible to people with disabilities. This document examines a number of approaches that allow systems to test for human users and the extent to which these approaches adequately accommodate people with disabilities, including recent non-interactive and tokenized approaches. We have grouped these approaches by two category classifications: Stand-Alone Approaches that can be deployed on a web host without engaging the services of unrelated third parties and Multi-Party Approaches that engage the services of an unrelated third party.

W3C: Inaccessibility of CAPTCHA: Alternatives to Visual Turing Tests on the Web

We can do better!

Tell your friends. Tell your boss. Tell your clients.

Tip o’ the blue beanie to Adrian Roselli.

Categories
A Book Apart A Feed Apart A List Apart An Event Apart Applications architecture Best practices Career client services Community conferences creativity CSS Design Designers Education eric meyer experience Formats glamorous Happy Cog™ Ideas industry Information architecture launches links maturity Mentoring Networks people social media social networking software Standards State of the Web Stories Teaching The Essentials The Profession twitter User Experience UX Web Design Web Design History wisdom

“Where the people are”

It’s nearly twenty years ago, now, children. Facebook had only recently burst the bounds of Harvard Yard. Twitter had just slipped the bonds of the digital underground. But web geeks like me still saw “social media” as a continuation of the older digital networks, protocols, listservs, and discussion forums we’d come up using, and not as the profound disruption that, partnered with smartphones and faster cellular networks, they would soon turn out to be. 

So when world-renowned CSS genius Eric Meyer and I, his plodding Dr Watson, envisioned adding a digital discussion component to our live front-end web design conference events, our first thought had been to create a bespoke one. We had already worked with a partner to adapt a framework he’d built for another client, and were considering whether to continue along that path or forge a new one.

And then, one day, I was talking to Louis Rosenfeld—the Prometheus of information architecture and founder of Rosenfeld Media. I told Lou about the quest Eric and I were on, to enhance An Event Apart with a private social network, and shared a roadblock we’d hit. And Lou said something brilliant that day. Something that would never have occurred to me. He said: “Why not use Facebook? It already exists, and that’s where the people are.”

The habit of building

Reader, in all my previous years as a web designer, I had always built from scratch or worked with partners who did so. Perhaps, because I ran a small design agency and my mental framework was client services, the habit of building was ingrained. 

After all, a chief reason clients came to us was because they needed something we could create and they could not. I had a preference for bespoke because it was designed to solve specific problems, which was (and is) the design business model as well as the justification for the profession. 

Our community web design conference had a brand that tied into the brand of our community web design magazine (and soon-to-emerge community web design book publishing house). All my assumptions and biases were primed for discovery, design, development, and endless ongoing experiments and improvements.

Use something that was already out there? And not just something, but a clunky walled garden with an embarrassing origin story as a hot-or-not variant cobbled together by an angry, virginal undergraduate? The very idea set off all my self-protective alarms.

A lesson in humility

Fortunately, on that day, I allowed a strong, simple idea to penetrate my big, beautiful wall of assumptions.

Fortunately, I listened to Lou. And brought the idea to Eric, who agreed.

The story is a bit more complicated than what I’ve just shared. More voices and inputs contributed to the thinking; some development work was done, and a prototype bespoke community was rolled out for our attendees’ pleasure. But ultimately, we followed Lou’s advice, creating a Facebook group because that’s where the people were. 

We also used Twitter, during its glory days (which coincided with our conference’s). And Flickr. Because those places are where the people were. 

And when you think about it, if people already know how to use one platform, and have demonstrated a preference for doing so, it can be wasteful of their time (not to mention arrogant) to expect them to learn another platform, simply because that one bears your logo.

Intersecting planes of simple yet powerful ideas

Of course, there are valid reasons not to use corporate social networks. Just as there are valid reasons to only use open source or free software. Or to not eat animals. But those real issues are not the drivers of this particular story. 

This particular story is about a smart friend slicing through a Gordian Knot (aka my convoluted mental model, constructed as a result of, and justification for, how I earned a living), and providing me with a life lesson whose wisdom I continue to hold close.

It’s a lesson that intersects with other moments of enlightenment, such as “Don’t tell people who they are or how they should feel; listen and believe when they tell you.” Meet people where they are. It’s a fundamental principle of good UX design. Like pave the cowpaths. Which is really the same thing. We take these ideas for granted, now.

But once, and not so long ago, there was a time. Not one brief shining moment that was known as Camelot. But a time when media was no longer one-to-many, and not yet many-to-many. A time when it was still possible for designers like me to think we knew best. 

I’m glad a friend knew better.

Afterword

I started telling this story to explain why I find myself posting, sometimes redundantly, to multiple social networks—including one that feels increasingly like Mordor. 

I go to them—even the one that breaks my heart—because, in this moment, they are where the people are. 

Of course, as often happens, when I begin to tell a story that I think is about one thing, I discover that it’s about something else entirely.

Categories
"Digital Curation" Advocacy Applications apps automattic Blogroll Blogs and Blogging Brands Community content ethics glamorous Ideas Indieweb industry interface links Microauthoring Microblogging Micropublishing Networks Off My Lawn! Own your content Platforms Publications Publishing Rants social media social networking software State of the Web The Essentials twitter Usability User Experience UX Web Design History Websites Weird writing

In search of a digital town square

Ever since an infantile fascist billionaire (hereafter, the IFB) decided to turn Twitter over to the racially hostile anti-science set, folks who previously used that network daily to discuss and amplify topics they cared about have either given up on the very premise of a shared digital commons, continued to post to Twitter while holding their noses, or sought a new digital place to call their own. This post is for the seekers, to compare notes. 

These are my personal observations; your views may differ (and that’s more than okay). In this quick survey, I’m omitting specialty platforms like Tribel, Post, and Substack. Feel free to comment, if you like.

The platforms

BlueSky: The most beautifully elegant web interface. Also the best features (other than omission of hashtags). What Twitter should have become. I joined late—Jack didn’t invite me, likely a sign that I was no longer industrially relevant. I have few followers there, and my posts so far get little traction, but that could change. It’s so pretty (and the few friends that use it matter so much to me) that I keep using it, and I reserve judgement as to its future potential. https://bsky.app/profile/zeldman.bsky.social

Threads: Currently my primary alternative to Twitter, and the only place besides Twitter where my posts get at least some response. Not as visually refined as BlueSky, and with a curiously restricted single-hashtag-only policy. Although this editorial decision helps focus the mind, and likely also cuts down on spam, it interferes with amplifying multidimensional posts. But I digress.

Rough edges and restrictive tagging aside, Threads feels like the place that’s likeliest to inherit the mantle of default town square—if any social platform can do that in these new times, that is.

Threads got its huge jump start because, while the IFB was busy finding new ways to make Twitter less useful and more dangerous, Meta leveraged its huge installed Instagram base to give users a more or less instant social network hookup. If it’s easy, and comes with a built-in network of people I already follow, it wins—at least initially.

Meta may also blow their opportunity if they pursue misguided policies, such as impeding (by algorithmic fiat) “political speech” when democracies hang in the balance, regional wars threaten to become world wars, and the climate crisis is approaching a point of no return. https://www.threads.net/@zeldman

Mastodon: How do you decentralize a digital town square? Provide universal social connection without locking in participants? Mastodon (and federation generally) are an attempt to do those things.

These are important and noble goals, but Mastodon (and federation generally) are a long shot at replacing a primary walled garden like Twitter because they require a fair degree of geekery to set up, and the price tag of mass acceptance is ease of setup. (Compare Threads—easy set-up, built-in friends and followers if you already use Instagram—versus the learning curve with Mastodon.)

If BlueSky is MacOS and Threads is Windows, Mastodon is Linux: a great choice for techies, but likely too steep a hill for Ma and Pa Normie. A techie friend invited me to join, and I write there frequently, but, for whatever it’s worth, my Mastodon posts get very little in the way of responses. It is, nonetheless, a highly effective network for most who use it. https://front-end.social/@zeldman

Tumblr: A bit o’ the OG weird wacky wonderful web, and a special place for nonconformist creative types. By its nature, and the nature of its fiercely loyal users, it is a cult jam. I was an early and enthusiastic Tumblr fan, but it was never my main axe, probably because, since the dawn of time itself, I have had zeldman.com.

For a while, when the IFB first started wrecking Twitter, an uptick in Tumblr usage suggested that the funky old network just might take over as the world’s town hall, but this hope was unrealistic, as Tumblr was never about being for everybody, and Tumblristas are mostly happy keeping the platform a home for self-selecting freaks, queers, and creatives.

I’ll note that Tumblr is part of the Automattic family, and I work at Automattic (just celebrated my fifth anniversary there!), but my opinions here are mine alone. BTW—in nearly 30 years of blogging, that’s the first time I’ve used that phrase. https://apartness.tumblr.com

LinkedIn: A comparatively safe social network with a huge network built up over years, hence a great place to share work-related news and ideas.

Some early Twitter adopters of my acquaintance—especially those who mainly write about work topics like UX—have made LinkedIn their primary social home. For most working folks, it is undoubtedly a place to post and amplify at least some of the content that matters to you. OTOH, it’s not a place where I’d share deep takes on CSS (that’s probably Mastodon), cosplay (Tumblr), or personal true confessions (one’s blog, Threads, Twitter before the IFB took over). https://www.linkedin.com/in/zeldman

Twitter itself: During its heyday, before the IFB, and when it was the only game in town, I loved going there to see what clever things my smartest friends were saying, post my own bon mots, and promote content that mattered to me.

I’ll limit my comments on Twitter’s current state to noting that I still post there, from stubbornness as well as habit, and primarily in the (increasingly forlorn) hope that the IFB will eventually tire of his toy, or of the ceaseless financial hemorrhage, and go away, leaving the site to rebirth itself as an open source project or under the care of new, non-fascist owners.

Though the algorithm punishes my posts, and though I’m continually appalled by the MAGA posts, Russian disinformation, racist/ misogynist/ anti-semitic spew, and Trumpian ego of the current owner, I shall, at least for now, continue to defend my tiny turf there.

7 responses to “In search of a digital town square”

  1. L. Jeffrey Zeldman Avatar

    Psst. Comments are back. This is a test.

  2. dusoft Avatar

    I follow you on Mastodon and even when usually don’t respond to bunch of posts, I can still appreciate people being there. Since I use RSS, I get to read your posts that way usually coming to your website.

  3. Zeldman on Web and Interaction Design Avatar

    It’s nearly twenty years ago, now, children. Facebook had only recently burst the bounds of Harvard Yard. Twitter had just slipped the bonds of the…

  4. […] In search of a digital town square – L. Jeffrey Zeldman, non l’ultimo dei fessi sul web, cerca di fare il punto sullo stato dell’arte del self publishing oggi; […]

  5. […] In search of a digital town square – L. Jeffrey Zeldman, talks about the state of the art on mantaining a presence on the web today, with the available tools. […]

  6. […] In search of a digital town square (Jeffrey Zeldman) […]

  7. Zeldman on Web and Interaction Design Avatar

    Bluesky introduces open-source, collaborative moderation for federated social media websites: Bluesky was created to put users and communities in control of their social spaces online.…

Got something to say?

Categories
A List Apart Career Community Coudal Partners creativity Design Designers glamorous Happy Cog™ Indieweb links Mentoring Off My Lawn! Products Small Business social media State of the Web User Experience UX Web Design History wisdom

Fly, my designers, fly!

Designers can either become drivers of business within their organizations, or they can create the businesses they want to drive. We’re entering an era of design entrepreneurship, in which some designers are realizing that they’re not just a designer employed by a business; they’re creative business people whose skill set is design.

The State of UX in 2024

The quotation above is from a report at trends.uxdesign.cc subtitled “Enter Late-Stage UX.” It is an important thought. And if it seems like a new one to designers in their first decade of work, it will feel quite familiar to to those of us who earned our merit badges during the 1990s and 2000s. See, for instance,

When You Are Your Own Client, Who Are You Going To Make Fun Of At The Bar?

by Jim Coudal (2005),

Starting a Business: Advice from the Trenches

by Kevin Potts (2003), and

THIS WEB BUSINESS, Part One

by Scott Kramer (2000, one of four terrific ALA articles by Scott on that subject).

That widespread, intoxicating entrepreneurial impulse led to a cornucopia of internet content and products (and, eventually, “real-world” products, too). Some flopped. Some flowered for a magical season (or twelve), and then faded as times and the market changed. Some grew and grew, growing communities with them. A few changed the world, for better or worse. (And, occasionally, for both.)

History repeats, but it also changes. If flying from your corporate perch feels like your best response to an industry where the idealism that led you to UX feels somewhat beside the point, go for it! —But first, check your bank balance, and talk with family, friends, and a business advisor, if you have one.

Trusting my ability to use design and words to say something original enabled me to work for myself (and with partners) from 1999–2019, and it was good. Financially, running independent businesses is a perpetual rollercoaster, and it can crush your soul if your beloved creation fails to connect with a community. Some people exit rich. Others just exit. “Don’t burn any bridges” is a cliché that exists for a reason. But I digress.

“Consider entrepreneurship” is but one piece of useful advice in this year’s excellent State of UX report by Fabricio Teixeira and Caio Braga, with deeply clever illustrations by Fabio Benê and significant contributions from Emily Curtin (God bless the editors!) and Laura Vandiver.

I invite you to read and bookmark the whole thing. I plan to reread it several times myself over the next weeks. It’s that deep, and that good. Hat tip to my colleague Jill Quek for sharing it.

Read: The State of UX in 2024.

Categories
Accessibility Design IXD Usability User Experience UX

A faster horse

“The user is never wrong” means, when a user snags on a part of your UX that doesn’t work for her, she’s not making a mistake, she’s doing you a favor.

To benefit from this favor, you must pay vigilant attention, prioritize the discovery, dig deeply enough to understand the problem, and then actually solve it.

In so doing, you will not only be secretly thanking the user who discovered your error, you’ll be aiding all of your users, and ultimately, attracting new ones.


Think about this tomorrow. For today, Happy Labor Day to all who toil.

Categories
An Event Apart Appearances art direction better-know-a-speaker books Career conferences Design Designers Education events Genius glamorous Illustration industry Interviews New York City NYC Off My Lawn! speaking Stories Surviving Teaching The Profession UX Web Design Web Design History work

My Night With Essl

Mike Essl and I discuss his portfolio.
Mike Essl and I discuss his portfolio on Night 2 of An Event Apart Online Together Fall Summit.

Herewith, a scene from last night’s interview with legendary web & book designer (and Dean of The Cooper Union School of Art) Mike Essl, who shared his portfolio, career highlights, early web design history, and more. Fun!

If you get a chance to meet, work with, or learn from Mike, take it. He’s brilliant, hilarious, warmly human, and one of the most creative people you’ll ever have the good fortune to know. 

Mike Essl

So ended Day 2 of An Event Apart Online Together Fall Summit 2021. Day 3 begins in less than two hours. You can still join us … or watch later On Demand.

Categories
Designers Ideas industry Interviews links people podcasts User Experience UX Web Design work

Amplifying voices

Some of the interviewees of the Technically Speaking podcast.

New episodes of Harrison Wheeler’s Technically Speaking podcast are coming, and Technically Speaking will run live interviews at San Francisco Design Week June 7–13. 

The podcast amplifies voices of underrepresented leaders who want to inspire the next generation of black and brown designers through authentic, thought-provoking, and immersive storytelling. 

Learn more on the podcast’s homepage, listen to past episodes, and sign up for the newsletter to be notified about upcoming content. 

Categories
Best practices Browsers Code Design development Future-Friendly HTML Ideas industry Internship IXD Layout links Multi-Device Responsive Web Design software Standards State of the Web User Experience UX Web Design Web Design History Web Standards Websites

Saving Your Web Workflows with Prototyping

Our static tools and linear workflows aren’t the right fit for the flexible, diverse reality of today’s Web. Making prototyping a central element of your workflows will radically change how you approach problem solution and save you a lot of headaches – and money. But most importantly, you will be creating the right products and features in a way that resonates with the true nature of the Web. A discourse on processes, flexibility, the Web as a material, and how we build things.

Saving Your Web Workflows with Prototyping – Matthias Ott
Categories
Advocacy art direction Design Designers Ideas industry interface IXD Jason Santa Maria links Off My Lawn! Redesigns Responsive Web Design State of the Web Tech The Profession User Experience UX Web Design Web Design History webfonts

The Web We Lost: Luke Dorny Redesign

Like 90s hip-hop, The Web We Lost™ retains a near-mystical hold on the hearts and minds of those who were lucky enough to be part of it. Luke Dorny’s recent, lovingly hand-carved redesign of his personal site encompasses several generations of that pioneering creative web. As such, it will repay your curiosity.

Details, details.

Check Luke’s article page for textural, typographic, and interactive hat tips to great old sites from the likes of k10k, Cameron Moll, Jason Santa Maria, and more. 

And don’t stop there; each section of the updated lukedorny.com offers its own little bonus delights. Like the floating titles (on first load) and touchable, complex thumbnail highlights on the “observer” (AKA home) page. 

And by home page, I don’t mean the home page that loads when you first hit the site: that’s a narrow, fixed-width design that’s both a tribute and a goof.

No, I mean the home page that replaces that narrow initial home page once the cookies kick in. Want to see the initial, fixed-width home page again? I’m not sure that you can. Weird detail. Cool detail. Who thinks of such things? Some of us used to.

And don’t miss the subtle thrills of the silken pull threads (complete with shadows) and winking logo pull tab in the site’s footer. I could play with that all day.

Multiply animated elements, paths, and shadows bring life to the footer of Luke Dorny’s newly redesigned website.

Now, no site exactly needs those loving details. But danged if they don’t encourage you to spend time on the site and actually peruse its content

There was a time when we thought about things like that. We knew people had a big choice in which websites they chose to visit. (Because people did have a big choice back in them days before social media consolidation.) And we worked to be worthy of their time and attention.

Days of future past

We can still strive to be worthy by sweating details and staying alive to the creative possibilities of the page. Not on every project, of course. But certainly on our personal sites. And we don’t have to limit our creative love and attention only to our personal sites. We pushed ourselves, back then; we can do it again.

In our products, we can remember to add delight as we subtract friction.

And just as an unexpected bouquet can brighten the day for someone we love, in the sites we design for partners, we can be on the lookout for opportunities to pleasantly surprise with unexpected, little, loving details.

Crafted with care doesn’t have to mean bespoke. But it’s remarkable what can happen when, in the early planning stage of a new project, we act as if we’re going to have to create each page from scratch.

In calling Luke Dorny’s site to your attention, I must disclaim a few things:

  • I haven’t run accessibility tests on lukedorny.com or even tried to navigate it with images off, or via the keyboard.
  • Using pixel fonts for body copy, headlines, labels, and so on—while entirely appropriate to the period Luke’s celebrating and conceptually necessary for the design to work as it should—isn’t the most readable choice and may cause difficulty for some readers.
  • I haven’t tested the site in every browser and on every known device. I haven’t checked its optimization. For all I know, the site may pass such tests with flying colors, but I tend to think all this beauty comes at a price in terms of assets and bandwidth. 

Nevertheless, I do commend this fine website to your loving attention. Maybe spend time on it instead of Twitter next time you take a break?

I’ll be back soon with more examples of sites trying harder.


Simulcast on Automattic Design

Categories
business Career client management client services clients Design experience glamorous industry IXD Microblogging Own your content project management The Essentials The Profession twitter UX Web Design Wit and Wisdom work

Design Kickoff Meetings

Posted here for posterity:

Design kickoff meetings are like first dates that prepare you for an exciting relationship with a person who doesn’t exist.

Categories
glamorous Usability User Experience UX Web Design

Healthcare in America

I’m one of the lucky ones. I have a great doctor and good health insurance.

A boring generic healthcare company bought my longterm doctor’s group practice a few months ago. First thing they did was screw up the online patient portal, changing it from the poorly designed, barely usable mess I’d learned to navigate to a slightly more polished but somehow blander portal that instantly got hacked. In consequence, they seem to have hired an Internet security firm that advised them to make changes they apparently didn’t understand how to execute. Thus, sign-in was broken for two months. Doctors kept sending patient results to the site, but patients couldn’t access them, and nobody told the doctors. You’d try to explain the problem to a phone receptionist, but if it ever got to the doctor, it was likely phrased as “Another one complaining about the website.”

The site’s makers apparently weren’t informed of the problem for some time, and there was no way to find out who they were to contact them, since there was no contact information available until you signed in, which no one could. Healthcare in America, 2019.

Anyway, they seem to have fixed a couple of the nonfunctioning loops that would prompt you to create a new password and then not recognize that you had done so and prompt you to create a new password and then not recognize that you had done so and prompt you to create a new password and then not recognize that you had done so and…

So today I was able to create a password, almost get 2FA to work, and reorder medication I’d been doing without. Yay!

Designing usable websites is an undervalued art.

Categories
Bandwidth Best practices business Content First content strategy Content-First Design UX Web Design

Beyond Engagement: the content performance quotient

Recently, Josh Clark, Gerry McGovern and I have been questioning our industry’s pursuit of “engagement.” Engagement is what all our clients want all the time. It’s the ? 1 goal cited in kickoff meetings, the data point that determines if a project succeeded or sucked wind. When our clients muse over their Analytics, they’re almost always eyeing engagement, charting its tiny variances with the jittery, obsessive focus of overanxious parents taking a sick child’s temperature.

Engagement is our cri de coeur. Our products, websites, and applications live and die by it. But should they?

For many of our products, websites, and applications, duration of page visit, number of our pages clicked through, and similar signs of engagement as it is traditionally understood may actually be marks of failure. If a customer spends 30 minutes on her insurance company’s site, was she engaged … or frustrated by bad information architecture?

For these products, websites, and applications, we need a new metric, a  new and different ? 1 goal. Think of it as speed of usefulness; and call it content performance quotient—or CPQ if acronyms make you feel all business-y and tingly inside.

The content performance quotient is an index of how quickly you get the right answer to the individual customer, allowing her to act on it or depart and get on with her day. It is a measurement of your value to the customer. For many apps, sites, and products, the content performance quotient offers a new goal to iterate against, a new way to deliver value, and a new way to evaluate success.

For many sites, engagement is still a valid goal

To be fair as well as explicit, spending extra seconds on a web page, and browsing from one page to another and another, remains a desirable thing on deep content sites like A List Apart and The Washington Post?—?sites that encourage slow, thoughtful reading.

A List Apart isn’t a place to grab code and get back to your web development project; it’s a place to ponder new and better ways of designing, developing, and strategizing web content. And pondering means slowly digesting what you have read. The Washington Post isn’t a purveyor of ten-second talking points and memorable but shallow headlines—it’s a place for detailed news and news analysis. That kind of reading takes time, so it makes sense if the owners and managers of those publications peruse their Analytics seeking signs of engagement. For everyone else, there’s the CPQ. Or will be, once someone reading this figures out how to measure it.

There’s also a new design paradigm that goes hand-in-hand with this new goal: shrinking your architecture and relentlessly slashing your content. It’s an approach we’ve begun practicing in my design studio.

But first things first. What exactly is the CPQ?

The content performance quotient (CPQ) is the time it takes your customer to get the information she sought, and here, less is more—or better. From the organization’s point of view, CPQ can be the time it takes to for a specific customer to find, receive, and absorb your most important content.

Come to where the messaging is

 

Consider the Marlboro Man (kids, check the Wikipedia entry), a silent visual spokesman for Marlboro cigarettes, created by the Leo Burnett agency for an era when Americans expressed their optimism by driving two-ton be-finned convertibles along the new highways that bypassed the old cities and the old urban way of life.

It was a time when Americans looked back on their historical westward expansion un-ironically and without shame. Cowboys were heroes on TV. Cowboys were freedom, the car and the highway were freedom, smoking the right cigarette was freedom.

On TV back then, when commercials had a full 60 seconds to convey their messaging, and nearly all were heavy on dialog and narration, Marlboro TV commercials were practically wordless. They showed a cowboy riding a horse. You saw him in closeup. You saw him in long shot. There were slow dissolves. There was music. There were no words at all, until the very end, when a suitably gravel-voiced announcer advised you to “Come to where the flavor is. Come to Marlboro Country.”

But it was in billboards along the highway and at urban entrance points where the campaign really lived. There was a beautiful shot of the cowboy doing cowboy stuff in the distance. There were four words: “Come to Marlboro Country.” One of them barely counts as a word, and you didn’t have to read any of them to get the message.

The billboards had one or two seconds to tell you everything, and they worked. At a glance, and from repeated glances over time, you knew that Marlboro was the filtered tobacco cigarette of the independent man who loved liberty. It was not the smoke of the neurotic urban dwelling subway rider (even if, in reality, that was the customer). Marlboro was for the libertarian in chaps. For the macho individualist with no crushing mortgage to pay off, no wife and kids to infringe on his horse-loving freedom. You got it all, without even knowing you got it. That’s performance.

Targeting convertibles on the information superhighway

In hindsight, it sounds ridiculous, but the super-fast storytelling worked: when I was growing up, Marlboro was what every child in my middle school smoked.

Remove the cancer and the other ethical problems from this story and hold fast to the idea of conveying information as close to instantaneously as possible. The geniuses behind the Marlboro Man achieved it by reducing their messaging to only what was needed—only what could be conveyed to a person passing a billboard at 60 MPH.

Your customer is not speeding past your messaging in a 1954 convertible, but she is speeding past it, and if you don’t optimize, she will miss it. For her to get your message, you have to work as hard as those evil ad wizards did. You must focus relentlessly on messaging (as well as design and site performance—but we’ll get into all that soon enough). Just as Leo Burnett cut their TV messaging to ten words, and their billboard to four, you must be willing to think twice about every word, every page. Mobile First taught us to focus above all else on the content the customer actually seeks. A better CPQ is what you get when you do that—particularly when you combine it with good design and optimal technical performance. 

Most business websites contain dozens of pages that were made to satisfy some long-ago stakeholder. They are pages that nobody visits. Pages that do nothing to help the customer or advance the business’s agenda. Putting all that junk online may have made for smooth meetings ten years ago, but it isn’t helping your business or your customer. Our sites, apps, and products must do both.

Content performance quotient: the secret sauce

Lately in my design practice I’ve been persuading clients to create sites that might superficially appear less effective if you’re going by engagement metrics alone, but which are actually far more successful because they are more instantly persuasive. At my urging, our clients have allowed us to relentlessly cut copy and chop sections nobody looks at, replacing them with a few pages that are there to do a job. We are lucky to have smart clients who are willing to jettison hundreds of hours worth of old work in favor of a streamlined experience that delivers value. Not every client has the courage to do so. But more will as this idea catches on. 

(By the way, don’t look for these projects on our studio’s website just yet; they are still in development.)

Serving only the content the customers actually need; streamlining and testing and fine-tuning the interaction to get the right customer to the right content precisely when they want it; wrapping the experience in an engagingly readable but also quickly scannable user interface; and doing everything in our power to ensure that the underlying web experience is as performant as possible—this, I believe, is the secret to increasing CPQ.

CPQ: the story so far

Designer Fred Gates, kicking it in Central Park, NYC.

 

The idea of delivering much less (but much better) first occurred to me while I was looking over a fellow designer’s shoulder. My friend Fred Gates of Fred Gates Design is working on a project for a client in the nonprofit education space. The client’s initial budget was not large, so, to be fair, they suggested Fred only update their homepage. But Fred being Fred, if he was only going to design a single page, he was determined to deliver tremendous value on it.

By focusing relentlessly on the objectives of the entire site, he was able to bring all the principal interactions and messages into a single performant homepage, essentially reducing a big site to a lean, fast, and more effective one.

Far from getting less, his client (and their customers) got much more than they expected.

Inspired by what my friend had achieved, I then proposed exactly the same approach to a client of ours. Not because their budget was a problem, but because streamlining was clearly the right approach … and a redesign is the perfect opportunity to rethink. When you repaint your living room, it gives you a chance to rethink your couch and divan. You’re most likely to consider changing your diet when you’ve begun a new exercise program. Clients are people, and people are most receptive to one form of change when they are already engaged in another.

Positioning CPQ as an aspect of technical performance is another way to overcome stakeholder skepticism. Lara Hogan has more on persuading peers and stakeholders to care about technical performance optimization.

We are a few weeks away from launching what we and the client are calling Phase I, a lean, performant, relentlessly message-focused web experience. But if we’ve done this right, we won’t have much to do in Phase II—because the “mini-site” we’re delivering in Phase I will do more for the company and its customers than a big site ever did.

I’ll be back with updates when we launch, and (more importantly) when we have data to share. Follow @DesignCPQ to stay on top of CPQ thinking.

 

Also published at Medium.

studio.zeldman is open for business. Follow me @zeldman.

Categories
Best practices business Design Usability User Experience UX

Why don’t nonprofit sites convert?

Living in New York and working in media, I talk to nonprofit organizations a lot. Big or small, they all say the same. No matter how much work they put into their apps and websites, they just don’t get enough new members. No matter how many expensive redesigns they undertake, they still don’t convert. Why is this?

Generally, it’s the same reason any site with a great product doesn’t convert: the organization spends too much time and effort on the pages and sections that matter to the organization, and too little on the interactions that matter to the member. (“Member” is NGOese for customer.)

Of course there are sites that don’t convert because they have a crappy product. Or an inappropriately priced product. Or because their content attracts people who are never going to be their customers, and gets missed by people who might want what they’re selling. Or because their content attracts nobody. Failure has a thousand fathers, and most businesses fail, so the fact that a website doesn’t convert could mean almost anything. (To know what it actually means, you need data, and you need to watch users interact with it.)

But with nonprofit sites, the product is almost always great, and the person visiting is almost always interested. So what goes wrong?

Never mind the user, here’s the About page

What goes wrong is that nonprofit stakeholders are so passionate about their mission—a passion that only deepens, the longer they work there—that they design an experience which reflects their passion for the mission, instead of one which maps to a member’s mental model.

NGOs lavish attention on their About page and mission statement and forget to work on their members’ immediate, transactional needs. And this is true even for those members who are as passionate about the cause, in their own way, as the stakeholders are in theirs. In the wake of a hurricane, a passionate member thinks of your site in hopes of donating food or giving blood. But nothing on the site calls out to that member and addresses her needs. All she sees are menus, headlines, and buttons trying to lead her to what matters to the organization—namely, the things it says about itself.

How to satisfy the user and convert at the same time

First, decide what one single action you, as the organization, want the user to perform. Should they sign up for your mailing list? Make a donation? Keep it singular, and make it simple. One form field to fill out is better than two; two is better than four.

Next, put yourself in the member’s shoes. What does that member wish to achieve on your website? Have you created transactions and content that allow her to do what she came to do? Have you designed and written menus, links, and headlines that help her find the content that matters to her? Forget the organization, for now. Pretend the only thing that matters is what the user wants. (Because, ultimately, it is.)

Do these things, and weave your singular, simple conversion opportunity into each screen sequence with which your user interacts. To optimize your chance of success, place the conversion opportunity at the very point where the user successfully finishes transacting the business that mattered to her. Not before (where it is only a distraction). Not in another part of the site (which she has no interest in visiting). She’s a lot likelier to sign up for your mailing list after you’ve helped her donate food to her neighbors than she is to sign up in an unsolicited popup window.

Thank you, Captain Obvious

All the above suggestions are obvious common sense, and have been known since transactional web design was in its infancy in the 1990s. And yet, because of organizational dynamics, internal politics, and our getting so close to our own material that our eyes go out of focus, we forget these simple ideas more often than we use them—and fail when success is so easy, and so close to hand.


I’ll be leading a panel discussion, Dispatches from the Future: Nonprofits and Tech, on Wednesday, 20 September, in Brooklyn.

Categories
Best practices Blogs and Blogging business client services clients Design The Big Web Show User Experience UX

Big Web Show ? 159: If You Can’t Stand the Heatmaps, Stay Out of the Conversion, with @nickd

Nick Disabato AKA @nickd

NICK Disabato (@nickd) and I discuss heat maps, conversion rates, design specialization, writing for the web, Jakob Nielsen, and the early days of blogging in Episode ? 159 of The Big Web Show – “everything web that matters.” Listen and enjoy.

Sponsored by ZipRecruiter, Blue Apron, User Interviews, and Hotjar.

URLS