Zeldman on Web & Interaction Design

Web design news and insights since 1995

FaviconIt’s just lunch. 8 Aug 2017, 8:16 am

A nice bowl of ramen.

I HADN’T heard from her in years. Suddenly, there she was in my in-box. Tentatively proposing coffee. Maybe lunch. A dam broke inside me, releasing a flood of warm memories. Our first, tentative contact ten years or more ago. Getting to know each other. Endless, happy discussions about where this thing was going. Coming together on goals and brand; on voice and tone. Finally, the joy of designing and launching her website. And then, abruptly, the last invoice and the hurried departure.

My former client. She had a new job now. She wanted to catch up. And, sheepishly, she admitted, she might want something more. Advice about a design problem.

Over an unassuming wooden table laden with summer lunch—mine was Ramen, hers was salad—we shared personal updates. Kids, relationships, projects. And then we got down to the real agenda: an issue at work that was stumping her. Desire for an outside perspective.

Former clients often feel slightly embarrassed about reaching out for a little free advice. They shouldn’t. As a designer, one of my greatest joys is to reconnect with good people whose projects I loved working on. Design is a job, but it’s also a relationship. When design is going well, the exchange of ideas is almost addictively exciting. And then, all too soon, the project ends, and, if you’re a consulting designer, and you’re lucky enough to have a steady stream of business, you move on to the next gig.

We designers have built-in forgetters: super powers that enable us to care passionately about the problem we’re solving and the people we’re solving it for, and then, absurdly, to discard those feelings as we move on to the next client and design problem.

Clients have a built-in forgetter too. They forget that our relationship, although partly monetary, was also very real. Many clients are self-conscious about reconnecting personally and asking for a small favor in the same breath. But I couldn’t welcome that more. If I can help people, it’s a joy to me. Collaborating on the discovery and solution to a problem isn’t just a stimulating mental exercise and a profession: it’s also a codependent rush.

Between the cracks of my studio’s bigger projects, I’m always looking for ways to help people. So, in the spirit of Ask Dr Web, I’m taking this opportunity to issue an invitation to folks located in or visiting New York. If you’re someone in my network—a former client or old friend or both—with a design problem to mull over, you don’t have to do the mulling alone. Ping me. And let’s do lunch.

Also published on Medium.

The post It’s just lunch. appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconBig Web Show № 159: If You Can’t Stand the Heatmaps, Stay Out of the Conversion, with @nickd 16 Jun 2017, 12:36 pm

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

The post Big Web Show № 159: If You Can’t Stand the Heatmaps, Stay Out of the Conversion, with @nickd appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconBuy a piece of studio.zeldman 12 May 2017, 3:59 pm

Jessica Hische enjoys the ball chair at A Space Apart.

We’ve got some exciting news to share. Web and interaction design studio.zeldman is moving, from our digs at 148 Madison Avenue to a new location on Fifth Avenue. As of June 1, we’ll be designing, creating, and consulting out of our beautiful new studio space at The Yard: Flatiron North.

Closing our co-working design studio

This means we’re closing A Space Apart, the Madison Avenue co-working design studio we opened in January, 2012. A Space Apart was a fun experiment, and we loved learning from the design studios, product companies, publications and startups with whom we shared it. Companies like Font Bureau, Monkey Do, Shopify Partners, Danilo Black, Been (RIP), Promedia, Byte Dept, Nick Sherman, Fred Gates Design, Wayward Wild and The Great Discontent and have all shared our water cooler at one time or another during the whirligig of the past five years. Creatively, it’s been amazing.

But we’re tired of playing landlord. Instead of debugging the internet router, tending to the recycling, hiring HVAC repair people, and seeking suitable replacement studio mates when a company moves out, we’d rather spend our time solving our clients’ design problems and making cool stuff like A List Apart, A Book Apart, The Big Web Show, and An Event Apart. And The Yard’s the perfect place for us to ply our trade and make our goods. (Plus we still get to rub shoulders with other creative business folk.)

We can’t take it with us: furnish your office with our stuff!

Running a co-working studio space meant buying a lot of furniture and equipment. Beautiful stuff, still in great condition. Elegant stuff, because we’re designers. Stuff we won’t need any more, now that we’re moving to new digs where somebody else does landlord duty. So we’re selling it, for a lot less than we paid. And that’s where (maybe) you come in.

Most everything must go, including our famous Eero Aarnio (style) ball chair (if its red cushions could talk!), custom Bo Concept shelving, Eames Desk Units from Design Within Reach, Herman Miller Aeron chairs (ditto), midcentury tulip table and side chairs, black glass desks, Nespresso espresso maker, file cabinets, icemaker, microwave oven, see-through glass mini-fridge, and more. These are beautiful things that inspire good design, and they deserve good homes.

View all our goods and prices—and even order the ones you want!—via this lovely WebVR Walk-through prepared by our own Roland Dubois. (If you’re not into the whole WebVR thing, you can also just browse our store at Apartment Therapy. The VR experience also links directly to the store items, so you’re good either way.)

We leave May 31, and these goods are first-come, first-served, so don’t wait too long. Grab your piece of web and interaction design history today.

☛  Also published at Medium

The post Buy a piece of studio.zeldman appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconBig Web Show № 158: Old Men Shake Fists at the Cloud – with Jim Coudal 5 May 2017, 5:32 pm

IN Big Web Show № 158: internet veterans Jim @Coudal & Jeffrey @Zeldman on the death of blogging, the birth of Field Notes, the virtues of a subscription model, and much more. Begins in tears, ends in triumph. One of the most fun (and inspiring) episodes ever. Sponsored by Hotjar & Blue Apron.

Enjoy Big Web Show № 158.

URLs

Field Notes
coudal.com
coudal video archive
Layer Tennis

The post Big Web Show № 158: Old Men Shake Fists at the Cloud – with Jim Coudal appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconHow We Write Proposals in My Design Studio 11 Apr 2017, 8:05 pm

AS THE HEAD of a newish design studio, I spend a fair amount of time writing proposals. And here’s how I like to do it.

I do it like a conversation, and that’s how we start: with phone calls and emails to one or two key decision makers, followed by a research period of about two to three weeks. And when I say research, what I’m really talking about—besides the usual competitive analysis, analytics, and testing—is even more conversations, but this time with a wider net of stakeholders and customers.

Some studios do this for free, and other studios only do it if the client has signed off on a huge project and paid the first big deposit. But we do this research for a fee. A small, reasonable, consulting fee. If the client then hires us to do the job, we deduct the research fee from the project cost. If they don’t, they’ve gained a lot of great information at a fair cost. (So far, they’ve never not hired us to go on and do the project.)

From intake to ideas

About two and half weeks into the research project, we have a strong idea of what matters most to the business and its customers, and we begin to have visions of solutions and innovations, large and small. We can’t help it. We’re interaction designers and it’s how our minds work.

After soaking in a potential client’s world for two-plus weeks, we can’t help beginning to invent designs that solve some of their big and small problems, and that enhance what’s already great about the client and their product. This happens in our heads whether we want it to or not.

At first, we are merely neutral listeners, forcing ourselves not to solve, not to imagine, but only to truly hear and understand. But within about fifteen days, we can’t help but begin imagining little modules and big sections, huge themes and tiny, innovative enhancements, which might please and help our client, their customers, or their staff. And so long as those ideas come from the product, come from what the client and their customers have told us, we feel free to begin sharing them.

The first design is written

We do that by writing a report where we share with the client what we’ve begun learning and thinking about their business. Although this report is structured like a business document, we think of it as the first part of design—the first written rough draft of articulating what the client’s business needs to do, and how design might help.

Because it’s a business document, and because we’re workers, not magical pixies, we share facts and data and things stakeholders and customers have said that ring true and that harmonize with other things other stakeholders and customers have said. But all that mustering of facts and data is in the service of a shared creative awakening to the design’s possibilities.

Start ugly to stay honest

Now let me tell you how we present our findings: we present them in a Google Doc that the client can access, share, and comment on. We know that many design studios spend much energy visually tarting up even their most basic client communications. Thus, even a humble invoice comes dressed for the prom.

But we don’t do that. We save aesthetics and beauty for the site design. We keep communications open and plain, like an Amish shirt. And we keep communications editable, because this is collaboration, this is conversation, this is not a dead artifact, a take-it-or-leave-it. And Google Docs is the perfect vehicle for it. Just as the traditionally formatted typewritten screenplay is the perfect, neutral vehicle for a writer to share with a director.

This initial research report, this poem of business, this first, rough, written design, presented to the client via the homey simplicity of Google Docs, elicits more client/designer conversation, more emails, more Basecamp posts, more internal discussions in the studio.

And then, after about a week, we present the client with our proposal. Which is clearly the product of all our conversations, and particularly of all the important agreements we reached during that research period. By the time our clients receive the proposal, they are already nodding, as if they always knew what it contained. Because, in a way, they did. Because, if we did our research right, we’ve merely externalized and articulated what they already felt but had not expressed.

And even now, when we’re asking for serious money to do a serious job, we submit our proposal via Google Docs—because prettified, overly branded proposals are about the studio that produces them, whereas our work is about the client and their product. Because even the most painstakingly researched and written proposal, if it is too pretty and too studio-branded, feels like boilerplate, whereas an ugly Google Doc is clearly just work, to be modified or agreed to or argued about.

This is just what we do at our studio. You can try it or not. Personally, I like this approach and I’ve never had a client complain. I’ve always felt a little dirty when presenting a pitch that was too visually polished, and I’ve never won a single gig with boilerplate. Every job has to be earned by studying and understanding and knowing how to share what you’ve understood. At least, that’s how we do it.

Also published on Medium.

The post How We Write Proposals in My Design Studio appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconA Lucky Fella 10 Apr 2017, 3:52 pm

YESTERDAY I took a bath. Doesn’t sound like much, but it was quite a treat.

I’m staying in a hotel room in Chicago, and there’s a tub here.

I have a tub at home but can never use it, because Snow White, our infantile rescue cat, who wasn’t fully weaned as a kitten, is always sh*tting in our bathtub and p*ssing on our bathroom floor. She has a litter box, and I keep it clean, but that doesn’t matter to her.

Because she was not weaned, she goes through the motions of an adult cat without understanding what they mean—like a Catholic reciting Mass before Vatican II. For instance, after she p*sses on the floor, she bats sand from the litter box all over the floor as well. She knows that sand batting follows p*ssing. She just doesn’t know why. It’s clear to me that her mother tried to teach her how to use a litter box, but she was taken away before the lesson stuck.

To keep our tub at home somewhat clean, I plug it and keep it filled with water. Since cats don’t like water, Snow White refrains from jumping into the tub and sh*tting in it. But the tub is always filled with cold water, which grows dirty over time. You’d think I could drain the tub and bathe in it. But, no.

The tub is hard to plug. Most times, the plug doesn’t work. If I unplug the drain to run a fresh bath, the plug won’t re-plug … water drains silently from the tub, and, while I sleep my innocent sleep, Snow White hops back into the tub and fills it with sh*t. The aromatic, meaty sh*t of cats.

The only way to stop her is to keep the tub plugged and never ever use it. If I think about this, it’s such an overwrought metaphor for so many blocked things in my life, I could scream and never stop.

Instead, I take baths in hotels, when I can, and count myself a lucky fella.

The post A Lucky Fella appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconLove and proposals 9 Apr 2017, 4:09 pm

CHICAGO. Spent my Sunday writing a contract for the ________ design. I find I really enjoy writing proposals. It gives me a chance to see the whole project clearly in my mind, and to demonstrate to clients not just competency but genuine concern for their products and a vision of how to help their business.

Turns out proposal writing can be as creative as anything else we do in design. The only obstacle to overcome is the angry kid inside who doesn’t want to do his homework. If I think of writing the proposal as a damned nuisance, then it is one. But if I view it as an opportunity to test design ideas, that’s what it becomes.

The post Love and proposals appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconMy Glamorous Life: Crossing the Continent 31 Mar 2017, 8:04 pm

The Edgewater Hotel, Seattle, Washington.

RAINY MORNING IN NYC. Put my kid, my ass, and my suitcase in an Uber. Dropped Ava at school, then crawled to JFK via every emergency-vehicle-blocked thoroughfare Lower Manhattan, Brooklyn, and Queens had to offer. The roads were all rain and sirens and nobody getting anywhere.

From JFK, flew across the country to surprisingly sunny Seattle. Now ensconced at the Edgewater, the Robert Mitchum of hotels. Built for the 1962 World’s Fair, it sits at the end of a pier over Puget Sound, perpetually threatening to drown itself, but somehow never going through with it.

The rooms are small, but many face the water. Some boast crow’s-foot tubs and windows over the water. Others, smaller and tub-less, make up for it with a sliding glass door to a tiny patio above the water. Mine is the latter type, and my sliding door is flung wide. Gulls caw and ships pass as I rehearse my AEA presentation and catch up on work.

I brought a sketchbook with me (it was a gift from Ava), and gave Ava a sketchbook before I left. We will draw while we’re apart, and compare drawings when I return to NYC.

Looking forward to seeing friends I’ve not seen in months, and to putting on our first AEA show of the year!

The post My Glamorous Life: Crossing the Continent appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconFriday Links 24 Mar 2017, 7:26 pm

TEN great links to launch your weekend:

If you missed Gerry McGovern’s brilliant An Event Apart talk on “Top Task Management,” the video’s here for your pleasure.

If you missed Eric Meyer’s article “Practical CSS Grid: Adding Grid to an Existing Design” in A List Apart, drop what you’re doing and read!

If you missed my chat about design discovery with UX consultant Dan Brown on this week’s Big Web Show, have a listen.

Like it says: “How to Build a Simple and Powerful Lazyload JavaScript Plugin” by Alex Devero in A List Apart: Sidebar.

Modern JavaScript for Ancient Web Developers” by Gina Trapani in Postlight’s “Track Changes.”

What sex is your font? Many people see typefaces as gendered. All this and much more in “The Font Purchasing Habits Survey Results” by Mary Catherine Pflug.

The Gig Economy Celebrates Working Yourself to Death” by Jia Tolentino in The New Yorker.

Well, there goes *that* startup idea. Facebook starts warning U.S. users when they’re sharing fake news in Macworld.

The Three-Hour Brand Sprint” (“GV’s Simple Recipe For Getting Started On Your Brand”) by Jake Knapp.

Why Are Designers Still Expected To Work For Free?” asks Design Observer’s Jessica Helfand in Fast Company’s Co.Design.

Bonus (this one goes to 11): “Jeffrey Zeldman Presents a Math Problem” from Typethos.


Also published in Medium.

The post Friday Links appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconA Saint Patrick’s Day to remember 17 Mar 2017, 12:09 pm

WHEN my daughter Ava was much younger—about seven—I took her to Toys R Us in Times Square one Saturday that was also Saint Patrick’s Day. You couldn’t ask for a more chaotic location and crowd. After stocking up on a sufficient number of Barbie accessories (Ava was in a girly phase at the time), we headed out of the store and toward home.

It was a hot March that year. Unseasonably sweltering. The streets were unwalkable—thickly thronged with drunks and tourists—and there were no cabs to be seen. So we ended up hiring a bike rickshaw to take us home. I’d recently done the same thing in Austin, where the ride cost $10. The sign on the New York rickshaw also said $10. Unfortunately, it meant $10 per city block—as I discovered to my cost, and horror, upon trying to exit when we finally reached our destination.

But the ludicrous overcharge was worth it, because the trip created a memory.

Ava is half Irish Catholic and Bohemian on her mother’s side, half Ukranian and Russian Jewish on my side. At the time, she identified Irishness with her mother’s qualities, such as intelligence, warmth, and elegance. She did not know that Saint Patrick’s Day in major U.S. cities is mainly an excuse for high school and college students from out of town to come fall down drunk in the street.

As our rickshaw driver pedaled his way to the bank, we passed wave after wave of staggering, shouting, woohooing greenclad coeds, accompanied by slightly less inebriated predator dates. The women shrilled “hey” at us. They stumbled into the crosswalk. They vomited between parked cars and then made out with their companions.

Hammering down 38th Street in the shuddering rickshaw, Ava got up on her hind legs. “You’re a disgrace to the Irish!” she shouted.

A drunken collegiate, making eye contact with the child while not necessarily understanding her words, shouted, “Woo-hoo!” and belched.

I think of it every Saint Patrick’s Day in New York. The righteously indignant little girl, the sweating Asian immigrant bicyclist, and the sea of drunken adolescents out of Trenton and Staten.

Mainly I think whimsically of those words. “You’re a disgrace to the Irish!”

The post A Saint Patrick’s Day to remember appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconAutomatic check-ins and the old, personal web 18 Feb 2017, 12:24 pm

ABOUT A YEAR ago, around the time I launched my new design studio, I moved nearly all business-related communications to Basecamp 3, the latest evolution of the web-based project and communications management tool from my Chicago designer friends who used to be called 37signals.

One of Basecamp 3’s nicest features is the ability to set up automatic check-ins, such as asking all team members “What did you work on today?” at 5:00 pm daily.

On the surface, it’s intended as a way of letting everyone know what their teammates are working on, thereby deleting needless meetings from everyone’s schedules. But the feature can go much deeper, as I’ve discovered to my great pleasure. A day at a time, it can build community and help you design your career and your life. It even brings back some of the joy we once derived from the days of the personal web.

What did you work on today?

Over the years, I’ve started or cofounded several web-related businesses. Rather than limit my new studio.zeldman Basecamp exclusively to the designers, developers, and UX specialists who make up my studio, I decided to include everyone from all the businesses I touch.

Naturally, I’m mindful of people’s bandwidth, so anyone who doesn’t wish to participate can opt out or selectively block threads or projects that don’t interest them. I also refrained from inviting two staffers from one of my businesses who, for whatever reason, have just never hit it off with Basecamp. (Evangelizing any tool, however much one personally loves it, is like trying to convince a carnivore to go vegan. It accomplishes nothing, and leaves everyone feeling hurt.)

Save those two folks, with whom I collaborate through other methods, everyone else I work with on a daily or weekly basis, across all my little businesses, has access to a shared Basecamp. And every day at 5:00 pm Eastern Time, Basecamp asks all of us, “What did you work on today?”

The evolution of open sharing

At first, those who chose to participate took the question literally, sharing the work-related tasks we’d accomplished that day. But, over time, we began something sharing else. We began sharing our lives.

As if in a Unitarian church group, or an AA meeting, we share daily joys and sorrows, hopes and aspirations. One of us has a child leaving the nest; another’s child may have had a tough day at school. One of us is writing a book, another has begun physical therapy. Some of us comment on each other’s shares; others use Basecamp’s “applause” feature to indicate that we read and appreciated what was shared. Some folks write essays; others share via bulleted lists.

Hearkening back to the old, personal web

Sharing and reading other people’s posts has become a highlight of my day. Of course it helps me get my work done, but more importantly, it also lets me focus on my life and professional goals—and those of my friends. I love getting to know people this way, and I deeply appreciate how respectful and safe our sharing space feels—partly because Basecamp designed the space well, and partly because I work with people who are not only talented and bright, but also kind and empathetic.

If we all sat together in the same office space, I doubt we would let down our guard as much as we do when responding to Basecamp’s automatic check-in. Indeed, far less personal sharing goes on with the non-remote colleagues in my NYC studio space—probably because we are all there to work.

It reminds me of what life was once like on the old web, where people shared honestly on their personal sites without fear of being harassed. I’m not the only old-timer who misses that old web; in recent years, several of my internet friends who once blogged blithely have switched to opt-in newsletters, sharing only with subscribers. Although I mourn the personal, open-hearted web we once shared, I understand this impulse all too well. Sharing with my colleague/friends on Basecamp restores some of the joy I used to take from sharing and listening on the old open web. You might try it.

Also published at Medium

The post Automatic check-ins and the old, personal web appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconAuthoritative, Readable, Branded: Report from Poynter Design Challenge, Part 2 6 Feb 2017, 5:13 pm

Poynter style guide

THIS year’s Poynter Digital Newspaper Design Challenge was an attempt by several designers and pundits, working and thinking in parallel, to save real news via design. In Part 1 of my report from Poynter, I discussed the questions driving the challenge, and talked about the design work done in response to it by my colleagues Kat Downs Mulder, Mike Swartz, Lucie Lacava, and Jared Cocken. Here in Part 2, I’ll discuss my own work and the approach we took at my studio. But we begin with a quick look back at the past designs that brought us to this point:

Experiment № 1: The Deck

During the past decade and a half, as both a publication designer and a publisher, I watched in horror as our publications became reader-hostile minefields of intrusive ads, overlays, and popups. The first thing I tried to do about this (besides removing the web equivalent of chart junk from my magazine) was to offer an alternative approach to advertising via The Deck, an ad network I cofounded with Jim Coudal of coudal.com and Jason Fried of Basecamp (formerly 37signals). The Deck permitted only one appropriately targeted ad per each page of content viewed. As primary instigator Jim Coudal put it:

A buy in The Deck reaches the creative community on the web in an uncluttered, controlled environment, far more valuable than a standard banner or a single text ad among dozens of others.

Jim, Jason, and I hoped that our cost-per-influence model would replace the CPM race to the bottom, and that our quasi-religious use of whitespace would be widely imitated by the smartest publications online.

But that didn’t happen. Advertising just got more intrusive. The Deck succeeded as a small business supporting a network of interesting small publications, but not at all as a primary influencer on the direction taken by advertising that supports web content.

Experiment № 2: Readability

Then about seven years ago, my friend Rich Ziade and his engineers created Readability, an app that sat between you and the ugly site you were trying to read, the way screen readers sit between visual websites and blind web users. Readability grabbed an article page’s primary content, removed the junk, and replaced the cluttered and illegible layout with a clean, readable page inspired by the clarity of iBooks and Kindle, which were just taking off at the time.

Rich released Readability 1.0 as open source; Apple immediately absorbed it into the Safari browser, where it continues to provide Safari’s built-in “reader” mode. (Safari’s “reader” mode was Apple’s first step in decluttering the web and returning it to the people who use it; “content blocking” would be the second step.)

Moreover, Readability 2.0, released by Rich’s then-company Arc90 the following year, added automatic payment for content creators slash publishers, as I explained at the time to anyone who would listen. Had Readability been allowed to continue the experiment, content monetization might have been less of a problem than it is today, and publication brands (the notion that it matters who publishes what we read) would be in exactly the same pickle they’re in anyway—except that readers would get their news in Readability’s attractive and customizable format, instead of from Apple News, Facebook, and the like.

I used to go around the world on lecture tours, warning my fellow designers that if we didn’t figure out how to declutter and compellingly brand sites, apps like Readability would do it for us. I still go around on lecture tours, but I’ve moved on to other issues. As for Readability, it was killed by a digital lynch mob after one powerful blogger, misunderstanding the motivation behind it, issued the digerati equivalent of a fatwā. But that’s another story.

Experiment № 3: Big Type Revolution

In 2012, inspired by Readability and frustrated by the industry’s determination to make ever less legible, ever more cluttered sites full of tracking and popups and everything except what readers need, I bet big on large type:

This redesign is a response to ebooks, to web type, to mobile, and to wonderful applications like Instapaper and Readability that address the problem of most websites’ pointlessly cluttered interfaces and content-hostile text layouts by actually removing the designer from the equation. (That’s not all these apps do, but it’s one benefit of using them, and it indicates how pathetic much of our web design is when our visitors increasingly turn to third party applications simply to read our sites’ content. It also suggests that those who don’t design for readers might soon not be designing for anyone.)

Writing in Forbes, Anthony Wing Kosner saw the future in my initially crude experiment:

If you want to know where the web is going, one clue is to look at the personal sites of top-tier web designers. And one trend that just bubbled to the surface is large body type—the kind you don’t have to command-plus to read.

Jeffrey Zeldman…made a particularly strong point about it in his “Web Design Manifesto 2012,” that he published yesterday.

Large Type: One Web Designer Puts Content First in a Big Way

Not to brag (okay, too late), but he wasn’t wrong. It was the future.

(Also, I’m fairly sure I wasn’t the only designer at the time who reacted against tiny type and cluttered anti-user layouts by stripping pages down to only their most necessary elements, and boosting the type size to enforce a more relaxed reading posture. The idea was in the air.)

The experiment becomes the norm

In any case, soon enough, readable (big type and plenty of whitespace) layouts starting popping up everywhere. At medium.com. In Mike Pick’s redesign of A List Apart. In article pages for The New York Times, Washington Post, Vox, Newsweek, The New Yorker, and, eventually, many other publications.

An uncluttered page focused on the reading experience (reminder: big type and plenty of whitespace) is now the default at several leading news publications. But many smaller publications, struggling just to survive, have not kept up. And so we have a perfect crisis:

Publications that do not encourage reading, loyalty, or repeat visits are struggling to survive at the very moment real news is under attack from an authoritarian president. What to do?

 

A two-up from the Poynter challenge

My response to the Poynter Design Challenge

There are many ways to respond to an existential crisis like the one facing most news publications. You can rethink the relationship between reader and publication. Rethink the job of the publication. Make news work more like a lifestyle app. Make it more immersive. My colleagues followed those paths out brilliantly (as described in Part 1).

But I went for the low-hanging fruit. The thing any publisher, no matter how cash-strapped, could do. The thing I had seen working since I started yelling about big type in 2012. I went for a clean, uncluttered, authoritative, branded page. Authoritative because this isn’t fake news. Branded because the source matters.

The easiest, fastest, most readily attainable path to clean, uncluttered, authoritative, branded design is through typography.

 

Sample reader layout from the Poynter challenge

Any publication can be readable

Any newspaper, however poor, can afford better typography. Any newspaper with a designer on staff can attain it, if the paper stops treating design as a lackey of marketing or editorial or advertising, and sets designers free to create great reading experiences.

In my work, which is still underway (and will continue for some time), I focused on creating what I call “reader” layouts (and probably other designers call them that too; but I just don’t know). Layouts that are branded, authoritative, clean, uncluttered, and easy to read.

I played with type hierarchies and created simple style guides. Most of my little pages began as Typecast templates that I customized. And then Noël Jackson from my studio cleaned up the HTML and CSS to make it more portable. We put the stuff up on GitHub for whoever wants to play with it.

These are only starting points. Any designer can create these kinds of layouts. There’s nothing special about what I did. You can do the same for your paper. (And if you can’t, you can hire us.)

The work I share here is the start of a project that will continue at our studio for a long time. #realnews for the win!

Additional reading

The post Authoritative, Readable, Branded: Report from Poynter Design Challenge, Part 2 appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconDigital newspaper design challenge: a report from Poynter, part 1 28 Jan 2017, 4:32 pm

CAN design create a better user experience that engages readers and drives revenue? Can it fight fake news and help save real journalism at a time when news organizations large and small are underfinanced and under attack?

These questions drove the Poynter Design Challenge, “a project to create new visual models for digital news publications” sponsored by William R. Hearst III, hosted by the Poynter Institute, and directed by publication designer Roger Black.

The challenge began October 17–18 in New York, with five pundits and five designers, of whom I was honored to be one, workshopping a project brief during a two-day conference event at the Columbia Journalism School. (You can watch videos of all these sessions courtesy of Fora.tv.)

The next phase took place yesterday in St. Petersburg, Florida, as the four other designers and I presented our work to a live audience. In this short piece, I’ll talk about the designs my colleagues presented; in the next, I’ll discuss my own.

Reconnecting with the people: the challenge for digital news

Roger Black described the difficulties facing digital news publications:

The challenge is serious. Fake news crowds real news. Numbers no longer add up for publishers. Readers jump from site to site without knowing where they are, or staying for long. You can see the brief for this project here.

Can design help? Well, as a I designer, I think it can. I mean, the design of most news pages is not what you’d call attractive. But the solutions proposed at Poynter will be much more strategic than cosmetic. And they’re strategies that can be combined.
Five design answers that add up, Roger Black, January 20, 2017

“A news publication might think a bit more like Fitbit”

News prototype by Kat Downs Mulder, Graphics director at The Washington Post.

Between us, we designers had about a century of experience designing digital publications—internally, as consultants, or both. This means that, even though an open “design challenge” brief necessarily omits an unknown number of the specific requirements any actual publication design assignment would include, all of us were aware of, and to some degree addressed, typical news publication requirements not included in our brief.

Kat Downs Mulder, Graphics Director at The Washington Post, shared a prototype for a big-brand news site. Kat had just given birth to a healthy baby boy (congratulations!), so her work was presented by two of her colleagues from The Post. Kat did not design with the avid, committed news reader in mind (since those folks are not the problem for most publications). Instead, she pondered how to engage the typically fragmented attention of today’s distracted and passive news reader:

“A big-brand news site [should be] aware that people have a lot more to do in their lives than read the news,” Kat posited. Thus, “A news publication might think a bit more like Fitbit. That is, it should make you feel like it’s working for you. A reader should say, ‘I’m reading everything I need to know.’”

Keep that dopamine pumping

Kat presented a multi-paned prototype. The wider pane on the right contained news content; the narrower pane at left was navigation. As I’ve just described it, this isn’t much different from the current Post website, but Kat’s prototype was very different, because it prized reader control over editorial director control; kept track of what you read; encouraged extra reading the way Fitbit encourages extra steps, and rewarded it the same way Fitbit does, with an accumulation of points that give the reader dopamine hits and create the perception that the “news app” is working for her—as a rewarding part of her busy lifestyle.

An Operating System for your city

Mike Swartz, Partner at Upstatement, a design and engineering studio in Boston, took on the challenge to smaller publications (such as his original hometown paper, the Pittsburgh Post-Gazette) which lack the resources of a Washington Post or New York Times.

Mike’s presentation, “information OS for a city: redefining the opportunity for local media,” turned the journalistic prowess of a good local paper into a superpower, connecting readers to their city the way the “terrible towel” stunt concocted in desperation by radio announcer Myron Cope in 1975 reconnected Pittsburghers to their hometown football team, and helped the Steelers win Super Bowl X over the Dallas Cowboys.

There’s a potential for an operation like the [Post Gazette] to rebrand itself as more of an “informational operating system” for its city. With different types of products that are focused and useful and not necessarily bundled into a traditional news format, we can create more enjoyable experiences and more useful products readers will love.

Building reader interest and finding a way to pay for it all

Lucie Lacava designed an app targeted at millennials.

Where the rest of us avoided the elephant in the room, in her design Lucie Lacava, president of Lacava Design Inc., boldly confronted the challenges of advertising and monetization. Algorithm-driven advertising frustrates users, who, in desperation, block it. Choked for income as a result, publications and advertisers create more and more intrusive forms of unwanted advertising. Nobody wins.

And while subscription models have worked, at least partly, for some of the very top news publications, such models are not likely to help most news publications in the near term.

Digital publication as digital application

Lucie’s design addressed these challenges by recasting the news as a hyper-customized application targeted at younger users, who get to choose news streams and ads that are relevant to them. “The elusive millennial” was Lucie’s target. I cannot do her idea justice with a couple of paragraphs and a single screen shot.

Affordable, immersive VR is here

Jared Cocken, brand and product designer for hire and co-founder of STYLSH.co., approached the “attention war” by showing how any size publication could create “video or VR driven stories that enrich a user’s understanding of the world around them.”

Because VR video is immersive, it holds viewer attention. Because it is reality-based, it fights fake news. (It’s hard to call bullshit on a scene you can explore from any angle.) VR also, potentially, builds compassion. It’s one thing to read about conditions in a Syrian refugee camp, another to visually experience them in VR.

Until now VR and video have been cost-prohibitive, but, working (and co-presenting) with VR startup founder Anna Rose and Hollywood producer/actor Banks Boutté, Jared showed how even woefully under-financed newsrooms can use newly designed, super-affordable tools to create “video or VR-driven stories that enrich a user’s understanding of the world around them.”

(For more on VR and the web, see webvr.info and VR Gets Real with WebVR by studio.zeldman’s Roland Dubois.)

Parting thought for now

Blogging about a conference is like tweeting about a sexual experience. You had to be there. I wanted to record and share the outlines of what my fellow designers presented, but these few paragraphs should in no way be considered authentically representative of the deep thinking and work that went into every presentation.

You may see holes in some of the arguments presented here. In some cases, I might agree with you—some ideas, while dazzlingly creative, did not seem to me like the right way to save news. But in most cases, if an idea seems wrong, blame my telling. If you had been there and heard and seen everything, the value of the proposal would have far more apparent than it can be here.

I love that each of us took on a quite different aspect of the problem, and addressed it using very different tools. I’ll be back soon with a short write-up of the design approach I took. Meanwhile, I want to thank all the pundits, designers, and attendees in New York and St. Petersburg—and the Poynter Institute, Roger Black, and William R. Hearst III for making it all possible.

 

Also published in Track Changes.

The post Digital newspaper design challenge: a report from Poynter, part 1 appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconLara Hogan at Postlight 19 Jan 2017, 9:12 am

Lara Hogan, Rich Smartt, and Rich Ziade at Postlight.

LARA HOGAN kicked ass at the Lara Hogan Demystifies Public Speaking event sponsored by Postlight and A Book Apart, and held last night in Postlight’s big beautiful public space on Fifth Avenue, around the corner from NYC’s famous Union Square Park. Speaking coach Bill Smartt led the smartly paced Q&A session. Postlight co-founder and event host Rich Ziade introduced the event, and, as publisher of her new book, I had the honor and pleasure of introducing Lara.

Lara Hogan and Rich Smartt at Postlight.

When I first met Lara, she was touring behind her excellent O’Reilly book Designing For Performance, a topic she brought to life at An Event Apart in 2016. But, as important as performance is, I was even more excited to publish her new A Book Apart book, Demystifying Public Speaking, because, for nearly 20 years, I’ve impressed on my design/development colleagues and students the vital importance of public speaking to the success of their projects and careers—and now there’s finally a book that tells them how to do it.

I believe in public speaking (and writing) because a person who is comfortable sharing ideas and communicating to groups can evangelize designs, principles, and best practices. This in turn helps build consensus, support collaboration, and keep everyone’s eyes focused on what’s best for users—instead of, say, which colors a powerful committee member dislikes, or how much bigger we could make a button or logo.

Those who communicate comfortably, even when opinions vary and the subject is contentious, spread reassurance, which means the project not only focuses on the right things, but does so in a positive and supportive environment. Effective communicators inspire their groups to dig deeper and try more things—to work, and ponder, harder. This generally leads to more successful iterations (and, ultimately, projects), spreading good work in the community and leading as well to greater career success and longevity. Whew!

That’s why I speak. And why I strongly encourage my students and work mates to speak. Thanks to Postlight and to everyone who attended last night’s event.


Also published on Medium.

The post Lara Hogan at Postlight appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

FaviconStreaming suicide and other design decisions 16 Jan 2017, 10:15 am

A 12-year-old girl live-streamed her suicide. It took two weeks for Facebook to take the video down.”

So reads the headline of a January 15 news story in The Washington Post. Saying that she’d been sexually abused by a family member, 12-year-old Katelyn Nicole Davis, of Polk County, Georgia, hanged herself, broadcasting the suicide via a 40-minute live stream seen worldwide.

While YouTube immediately removed the video, it “lingered on Facebook for nearly two weeks,” according to the Post’s reporting of Buzzfeed and other unspecified “media reports.”

First, it just hurts

I keep rereading the short article and its headline as if it will make sense or stop hurting on the next scan-through. As a human being, I can’t fully process the horror and sadness of this tragedy.

I was initially going to write “as a human being and the father of a 12-year-old girl,” but that last part shouldn’t matter. You don’t need to be the parent of a child Katelyn’s age and sex to feel the feelings.

Nor does there need to be someone in your life who was raped or molested—although, whether they’ve told you about it or not, there almost surely is. Statistically there are likely multiple someones in your life who have suffered unspeakably, too frequently at the hands of people whose main job in life was to protect them. I’m sorry to have to write these words, and I hope reading them doesn’t rip open wounds.

But the point is, even if you and everyone in your circle has lived a magical life untouched by too-common crimes and horrors, it is still unbearable to contemplate too closely what Katelyn must have felt, and what she did about it, and what watching what she did must have done to those who watched the video—both the empathetic majority, and the hopefully small minority of viewers who, because of their own damage, may have gotten off on it, edging just that much closer to some future sociopathic acting-out.

A designer’s job

On a personal level, I’m good citing horror and sadness as a reaction to this ugly story. But as a web and product designer, I can’t help but see it as another instance of what Eric Meyer and Sara Wachter-Boettcher warn about in their book, Design For Real Life. Namely:

For every wonderfully fresh use of the internet’s social power we conceive, we must always ask ourselves, how might this be used to make our world more hurtful, less loving, less kind? What unforeseen dangers might our well intentioned innovation unleash?

I published Design For Real Life, but I don’t cite Katelyn’s story or repeat Sara and Eric’s moral here to sell copies. I do it to remind us all that what we make matters. Our design decisions matter. The little qualms that might float through our minds while working on a project need to be examined, not suppressed in the interest of continued employment. And the diversity of our workforce matters, because it takes many different minds to foresee potential abuses of our products.

Streaming suicide, monitoring content

Live.me isn’t the first live streaming app, and, as a category, live streaming likely does more good than harm. The existence of a live streaming app didn’t drive a girl to kill herself, although, in despair at not being listened to, she might have found solace and an appeal in the idea that her suicide, witnessed globally, could lead to an investigation and eventual justice.

Similarly, when Facebook began allowing its customers to perform live streaming (or, in Nicole’s case) to post video streams from third parties, use cases like pre-teen suicide or the torture of a mentally disabled teenager most likely did not factor into those business decisions. But here we are.

And, as much content as Facebook produces in a day, you can’t really fault them for not always being johnny-on-the-spot when some of that content violates their guidelines. But surely they can do better. 

Invention is a mother

There’s no closing Pandora’s box, nor would we wish to. But we who create websites and applications must remain mindful, honest, and vigilant. We must strive to work in diverse teams that are better than homogenous groups at glimpsing and preparing for the unforeseen. More than ever, we must develop design practices that anticipate the horrible and tragic—not to mention the illegal and authoritarian.

And in life, as well as design, we must do a better job of asking ourselves what we are not seeing—what struggles the people we meet may be hiding from us, and how we can help them before it is too late.


Also published on Medium

The post Streaming suicide and other design decisions appeared first on Zeldman on Web & Interaction Design.

Blinklist Blogmarks del.icio.us Digg Ma.gnolia My Web 2.0 Newsvine Reddit Segnalo Simpy Spurl Wists Technorati

Page processed in 0.73 seconds.

Powered by SimplePie 1.2.1-dev, Build 20111015034325. Run the SimplePie Compatibility Test. SimplePie is © 2004–2017, Ryan Parman and Geoffrey Sneddon, and licensed under the BSD License.