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
Advocacy Archiving Browsers Community Design glamorous HTML industry javascript launches links Off My Lawn! people Publications Responsive Web Design Standards State of the Web Stories The Profession W3C Web Design Web Design History Web Standards Websites

He Built This City: The Return of Glenn Davis

You may not know his name, but he played a huge part in creating the web you take for granted today. 

As the first person to realize, way back in 1994, that the emerging web could be a playground, he created Cool Site of the Day as a single-focused blog dedicated to surfacing interesting sites, thereby demonstrating the web’s potential while creating its first viral content. (As an example, traffic from his followers, or, as we called them back then, readers, brought NASA’s web server to its knees.)

He co-founded The Web Standards Project, which succeeded in bringing standards to our browsers at a time when browser makers saw the web as a software market to be dominated, and not a precious commons to be nurtured.

He anticipated responsive web design by more than 20 years with his formulation of Liquid, Ice, and Jello as the three possible ways a designer could negotiate the need for meaningful layout vis-a-vis the unknowns of the user’s browsing environment.

He taught the web DHTML through his educational Project Cool Site. 

And then, like a handful of other vital contributors to the early web (e.g. Todd Fahrner and Dean Allen), he vanished from the scene he’d played so large a role in creating.

He’s ba-ack

Glenn Davis wasn’t always missed. Like many other creators of culture, he is autistic and can be abrasive and socially unclueful without realizing it. Before he was diagnosed, some people said Glenn was an a**hole—and some no doubt still will say that. I think of him as too big for any room that would have him. And I’m talking about him here because he is talking about himself (and the history of the early web) on his new website, Verevolf.

If you go there, start with the introduction, and, if it speaks to you, read his stories and consider sharing your own. That’s how we did it in the early days, and it’s still a fine way to do it—maybe even the best way.

I knew Glenn, I worked with him and a lot of other talented people on The Web Standards Project (you’re welcome!), and it’s my opinion that—if you’re interested in how the web got to be the web, or if you were around at the time and are curious about a fellow survivor—you might enjoy yourself.

Categories
art art direction creativity Design Designers experience Illustration industry New York City NYC people Portfolios Startups Stories Web Design

Looking Back, Looking Ahead: artist Dan Licht

Illustration by Dan Licht: a scary cowboy smoking a stogie and sloshing his drink. His eyes are red and he looks like he's itching for a fight.
Illustration by Dan Licht
Illustration by Dan Licht.

In 1999, I had the good fortune to work alongside Dan Licht at an NYC digital startup called SenseNet, RIP. Back then, although still in his early 20s, Dan was already an accomplished art director and digital designer. Today he’s a fantastic comics illustrator, artist, and creative director. Check his recent art on Instagram and his client work at Daniel V. Licht dot com.

A heroic letter carrier is pictured sending letters on their way in this illustration by Dan Licht. The picture has a great deal of energy, and the action is all flying toward you, the viewer.
“Protect the U.S. Postal Service,” a 2020 illustration by Dan Licht.
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
books Stories

The Young Man from Proviso and His Monkey Friends Meet the Hamburglar

There was a young man from Proviso, California. He was a kind young man, and a smart young man, and he had three monkey friends: Provo, Rebozo, and Lobo. 

Provo, Rebozo, and Lobo were magical monkeys who could shrink down so small you could barely see them, or grow to full size, or anything in-between. Provo was pink, Rebozo was blue, and Lobo was purple. They wore fancy three-piece custom-tailored suits in bold colors that complemented and contrasted with the color of their fur. Pink Provo, for example, wore a blue suit with bright yellow piping on the collar and shiny green buttons.

The three monkeys resided inside magical bubbles, which could grow very big or very small, just as each monkey desired. The three bubbles were generally to be found in the top pocket of the Young Man’s excellent tweed jacket. To keep the bubbles from flying away, and protect the monkeys from prying hands, the top pocket of the Young Man’s excellent tweed jacket closed with a zipper, plus a button, plus three snaps. Nobody could open the pocket except the Young Man himself, and the monkeys, of course.

Now, Proviso, California, where the Young Man and his three monkeys hailed from, is a lovely place. But this Young Man had a yearning for adventure. So he left California and set out for Pittsburgh, Pennsylvania, which he had always been told was a magical city of hills, rivers, and bridges.

And so it was that on a fine Spring day, the Young Man found himself strolling delightedly across a big yellow bridge that spanned a river between the South Hills of Pittsburgh and the old downtown business district.

And so delighted was this Young Man with the conversation he and his monkeys were having—for the monkeys’ voices were magical voices that the Young Man could hear even when the monkeys were at their smallest, and inside their bubbles, and securely snapped away in his top pocket—

So enraptured in conversation were the four friends, that they failed to notice as a stranger approached them from the opposite side of the river.

The stranger wore a black mask over his eyes, and a black cape on his back, and his black-and-white, horizontally striped shirt proclaimed that he was a criminal.

He was, in fact, the Hamburglar, who had recently escaped from McDonald’s restaurant, and as he came up to meet the Young Man and his pocket friends, he pulled a large blue blunderbuss from the lining of his cloak, and jabbed it against the Young Man’s ribs.

Now, a blunderbuss is a big old-fashioned weapon, and that jab in the ribs informed the Young Man that the Hamburglar was not a well-meaning person.

“This is a stick-up! Give me all your money,” the Hamburglar shouted.

The Young Man fumbled to open his top pocket, and the robber, seeing this, relaxed and smiled. The robber thought the Young Man must keep a wallet in that pocket, and he imagined that he would soon grab that wallet and be off.

But instead of a wallet, three tiny bubbles floated out of the Young Man’s pocket and hovered in the air between the Young Man and the robber. As the Hamburglar watched in baffled amazement, the three bubbles grew larger and larger and settled down on the ground where they popped open, revealing the three colorful monkeys in their equally colorful suits.

“These are my friends, Provo, Rebozo, and Lobo,” said the Young Man.

“Never mind all that, give me your money,” cried the robber, who was beginning to become confused by the situation.

“Certainly, certainly,” said the Young Man, “but first, may I ask you a question? Why do you dress like a robber and carry a blunderbuss? Why do you try to take other people’s money?”

The robber thought a moment. “I have no other skills except waving a blunderbuss and acting scary,” he explained.

“Well, what if we could change that?” the Young Man asked. “What if we could help you get skills and be a magical scientist, like we are?”

“I would like that very much,” said the robber, and to demonstrate his sincerity, he tossed the blunderbuss over the side of the bridge, letting it sink to the bottom of the river where it would never hurt anyone and never be seen again.

And with that, the three monkeys and the Young Man smiled, pulled thin white wands from their pockets, and waved the wands in unison, creating four small circles in the air. 

The Hamburglar looked down and found that he was now wearing a clean white lab coat. In the top pocket of his lab coat there were some small medical and magical instruments whose use he did not know but would soon learn. And on the top of the pocket, his name had been stitched. It read “Professor Hamilton Burglar.”

Everyone smiled, and then they heard the wail of an approaching police siren. Professor Burglar looked afraid when he heard that sound! But his three new monkey friends smiled and waved their wands again, causing a magical bubble of privacy and safety to arise from the tips of their wands and cover the professor completely. The monkeys then waved their own bubbles back into existence, and stepped gently inside them.

Then all four bubbles shrank and rose, gliding through the air and shrinking, always shrinking, until the four bubbles had come to rest in the safety and secrecy of the Young Man’s top pocket.

The Young Man zipped, buttoned, and snapped the pocket, then continued on his walk across the bridge, enjoying the beautiful day. He smiled at the police car as it passed.

Next time, we’ll learn more about Provo, Rebozo, Lobo, and the Young Man, and their new friend Professor Burglar.

Categories
A Book Apart A List Apart Advertising Advocacy An Event Apart architecture automattic Blogs and Blogging business Career client services clients climate change Code Community conferences content Coudal Partners creativity CSS Design Designers development DWWS engagement eric meyer Future-Friendly glamorous HTML Ideas industry Jason Santa Maria launches Ma.gnolia My Back Pages Off My Lawn! parenting peachpit Publications Publisher's Note Publishing Redesigns Self-Employment software Standards Startups State of the Web Stories studio.zeldman The Essentials The Profession Usability User Experience UX Web Design Web Design History Web Standards Websites wordpress Working writing Zeldman zeldman.com

Ten Years Ago on the Web

2006 DOESN’T seem forever ago until I remember that we were tracking IE7 bugsworrying about the RSS feed validator, and viewing Drupal as an accessibility-and-web-standards-positive platform, at the time. Pundits were claiming bad design was good for the web (just as some still do). Joe Clark was critiquing WCAG 2. “An Inconvenient Truth” was playing in theaters, and many folks were surprised to learn that climate change was a thing.

I was writing the second edition of Designing With Web Standards. My daughter, who is about to turn twelve, was about to turn two. My dad suffered a heart attack. (Relax! Ten years later, he is still around and healthy.) A List Apart had just added a job board. “The revolution will be salaried,” we trumpeted.

Preparing for An Event Apart Atlanta, An Event Apart NYC, and An Event Apart Chicago (sponsored by Jewelboxing! RIP) consumed much of my time and energy. Attendees told us these were good shows, and they were, but you would not recognize them as AEA events today—they were much more homespun. “Hey, kids, let’s put on a show!” we used to joke. “My mom will sew the costumes and my dad will build the sets.” (It’s a quotation from a 1940s Andy Hardy movie, not a reflection of our personal views about gender roles.)

Jim Coudal, Jason Fried and I had just launched The Deck, an experiment in unobtrusive, discreet web advertising. Over the next ten years, the ad industry pointedly ignored our experiment, in favor of user tracking, popups, and other anti-patterns. Not entirely coincidentally, my studio had just redesigned the website of Advertising Age, the leading journal of the advertising profession.

Other sites we designed that year included Dictionary.com and Gnu Foods. We also worked on Ma.gnolia, a social bookmarking tool with well-thought-out features like Saved Copies (so you never lost a web page, even if it moved or went offline), Bookmark Ratings, Bookmark Privacy, and Groups. We designed the product for our client and developed many of its features. Rest in peace.

I was reading Adam Greenfield’s Everyware: The Dawning Age of Ubiquitous Computing, a delightfully written text that anticipated and suggested design rules and thinking for our present Internet of Things. It’s a fine book, and one I helped Adam bring to a good publisher. (Clearly, I was itching to break into publishing myself, which I would do with two partners a year or two afterwards.)

In short, it was a year like any other on this wonderful web of ours—full of sound and fury, true, but also rife with innovation and delight.


As part of An Event Apart’s A Decade Apart celebration—commemorating our first ten years as a design and development conference—we asked people we know and love what they were doing professionally ten years ago, in 2006. If you missed parts onetwothree, or four, have a look back.

 

 

Categories
Acclaim Announcements Design people Press Publications Publishing Stories Web Design Web Design History Web Standards Zeldman

Insites: The Book Honors Web Design, Designers

“INSITES: THE BOOK is a beautiful, limited edition, 256-page book presented in a numbered, foil-blocked presentation box. This very special publication features no code snippets and no design tips; instead, 20 deeply personal conversations with the biggest names in the web community.

“Over the course of six months, we travelled the US and the UK to meet with Tina Roth Eisenberg, Jason Santa Maria, Cameron Moll, Ethan Marcotte, Alex Hunter, Brendan Dawes, Simon Collison, Dan Rubin, Andy McGloughlin, Kevin Rose and Daniel Burka, Josh Brewer, Ron Richards, Trent Walton, Ian Coyle, Mandy Brown, Sarah Parmenter, Jim Coudal, Jeffrey Zeldman, Tim Van Damme, and Jon Hicks.

“We delved into their personal journeys, big wins, and lessons learned, along with the kind of tales you’ll never hear on a conference stage. Each and every person we spoke to has an amazing story to tell?—?a story we can all relate to, because even the biggest successes have the smallest, most humble of beginnings.” — Insites: The Book


I am honored to be among those interviewed in this beautiful publication.


Insites: The Book is published by Viewport Industries in association with MailChimp.

Categories
business Design experience Standards State of the Web Stories Teaching The Essentials The Profession

Our Jobs In Cyberspace: Craft Vocabulary vs. Storytelling

AFTER ALL THESE YEARS designing websites and applications, I still don’t think in words like “affordance.” And when my colleagues use a word like that, my mental process still clatters to a halt while I seek its meaning in a dusty corner of my brain. (When someone says “affordance,” there’s always a blank where thought stops, and then I see a mental image of a finger pushing a button or stroking a surface. Somehow that one image stands in for everything I know about what “affordance” means, and I’m able to jump back into the discussion and catch up with everyone else.)

Should you ask B.B. King if the lick he just played was in Lydian Mode, he could probably answer you after stopping to think about it. But after all these years playing blues guitar, B.B. King doesn’t say to himself, “I’m going to switch to a Lydian scale here,” he just plays blues. Scales and vocabulary are necessary when we are learning the craft behind our art. But the longer we practice, the more intuitive our work becomes. And as it becomes more intuitive, it disconnects further and further from language and constructs.

This is why young practitioners often argue passionately about theory while older practitioners tell stories and draw pictures.

Of course any practitioner, green or experienced, can create a word to describe the work we are inventing together, just as anyone, young or old, can have the next great idea. And it is most often the young who come up with exciting new ideas in UX and design and on the internet—possibly because they are still exploring theories and trying on identities, while those who work more intuitively may shut themselves off from the noise of new ideas, the better to perfect a long-term vision.

But the nice thing about the experience arc I’m proposing is that it allows younger practitioners to use words like “affordance” when working together to create a website or application (and soon we will stop distinguishing between those two things), while the older, storyteller practitioners use simpler, down-to-earth language to sell the work to clients, investors, or users.

We need both kinds of practitioners—theorists and those for whom everything has become intuitive second nature—just as we need both kinds of communication (craft vocabulary and storytelling) to do Our Jobs in Cyberspace.™ Don’t you think?

Where are you on this arc? Are you the kind of designer who gets fired up from reading a new theory? Or do you sketch and stumble in the dark, guided only by some Tinker Bell twinge in the belly that tells you no, no, no, no, hmm, maybe?

Categories
Acclaim Applications apps architecture art direction Authoring Best practices Browsers business Career Code creativity CSS Design development HTML HTML5 Ideas industry interface ipad iphone javascript links maturity Photoshop Platforms Publishing Standards State of the Web Stories The Profession Web Design Web Design History Web Standards

SlideShowPro adds HTML5

Todd Dominey at Happy Cog.

Most of us web folk are hybrids of one sort or another, but Todd Dominey was one of the first web designers to combine exceptional graphic design talent with serious mastery of code.

Being so good at both design and development that you could easily earn a fine living doing just one of them is still rare, although it looks like the future of our profession. One of the first serious designers to embrace web standards, Todd was also one of the few who did so while continuing to achieve recognition for his work in Flash. (Daniel Mall, who came later, is another.)

Finally, Todd was one of the first—along with 37signals and Coudal Partners—to abandon an enviably successful client services career in favor of full-time product development, inspiring a generation to do likewise, and helping bring us to our current world of web apps and startups.

A personal project that became an empire

In Todd’s case, the product was SlideShowPro, a project he designed for himself, which has grown to become the web’s most popular photo and video slideshow and gallery viewer. When you visit a photographer’s portfolio website, there’s an excellent chance that SlideShowPro powers its dynamic photo viewing experience. The same is true for the photo and video gallery features of many major newspaper and magazine sites, quite possibly including your favorites.

SlideShowPro

But deliberate lack of Flash support in the iPad and iPhone, while lauded here on February 1, 2010 as a win for accessible, standards-based design (“Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first”), presented a serious problem for developers who use SlideShowPro and readers who enjoy browsing dynamic photo and video galleries.

Mr Dominey has now solved that problem:

SlideShowPro Mobile is an entirely new media player built using HTML5 that doesn’t require the Flash Player plugin and can serve as a fallback for users accessing your web sites using these devices. But it’s not just any fallback — it’s specially designed for touch interfaces and smaller screen sizes. So it looks nothing like the SlideShowPro player and more like a native application that’s intuitive, easy to use, and just feels right.

The best part though is that because SlideShowPro Director (which will be required) publishes the mobile content, you’ll be able to provide the mobile alternative by simply updating the Flash Player embed code in your HTML documents. And just like when using the SlideShowPro player, because Director is behind the scenes, all your photos will be published for the target dimensions of these devices — which gives your users top quality, first generation images. The mobile player will automatically load whatever content is assigned to the Flash version, so the same content will be accessible to any browser accessing your web site.

A public beta will be released in the next weeks. Meanwhile, there is a video demo. There’s also an excellent Question and Answer page that answers questions you may have, whether you’re a SlideShow Pro customer or not. For instance:

Why mobile? Why not desktop?

We believe that (on the desktop) Flash is still the best delivery method for photo/video galleries and slideshows for it provides the most consistent user experience across all browsers and the broadest range of playback and customization options. As HTML5 support matures across all desktop browsers, we’ll continue to look into alternate presentation options.

Into the future!

Categories
Apple Design HTML5 software Stories This never happens to Gruber

iMac dies after Safari update

iMac cannot boot after installing Safari update.

There is a new Safari update. After I installed it, my home iMac cannot reboot.

For about an hour, the iMac was stuck in the grey Apple screen (sometimes with, and sometimes without, a progress bar). The progress bar would “finish,” then the Mac would restart back into the grey Apple screen.

I decided to leave the iMac alone while I worked out.

When I returned two hours later, the iMac had progressed from the grey screen to a blue screen. Zapping PRAM and restarting gets me a grey Apple screen followed by a blue screen. The blue screen flashes twice while changing its color balance settings, indicating that some part of the operating system still works. Then a tiny white rectangle appears at the top left of the screen. Then, nothing further.

This machine contains my entire music collection and all my photos of my daughter.

I have a backup drive but cannot force the iMac to boot from it.

I have an OS X CD but cannot force the iMac to start from it.

Maybe this is what Apple means by “HTML5.”