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
apps Archiving art Design Illustration My Back Pages Web Design Web Design History

For love of pixels

Sure, watches that tell you when you’re walking unsteadily and pocket computer phones that show you the closest pizzeria are swell, but were you around for ResEdit? That humble yet supremely capable Macintosh resource editing tool is what we used to design pixel art back in the day. (And what day was that? Come August, it will be 30 years since the final release of ResEdit 2.1.3.) Stroll with us down memory lane as we celebrate the pearl anniversary of pixel art creation’s primary progenitor, and some of the many artists and design languages it inspired. Extra credit: When you finish your stroll, consider posting a Comment sharing your appreciation for this nearly forgotten art form and/or sharing links to additional pixel art icon treasures missing from our list below.

Categories
Authoring Best practices Blogs and Blogging Code Compatibility CSS Design development Free Advice Future-Friendly HTML industry Layout links maturity Off My Lawn! Platforms Rants Responsibility Standards State of the Web The Profession Web Design Web Design History Web Standards wisdom

The More Things Change… (or: What’s in a Job Title?)

I’m not a “[full-stack] developer,” regardless of what my last job title says.

I’m not even a front-end developer, thanks to the JavaScript–industrial complex.

I’m a front-of-the-front-end developer, but that’s too long.

So, I’m a web designer. And I also specialise in accessibility, design systems, and design.

…Why do I think that this is the best title? Here’s why.

I’m designing for the web. The infinitely flexible web. The web that doesn’t have one screen size, one browser, one operating system, or one device. The web that can be used by anyone, anywhere, on any internet connection, on any device, on any operating system, on any browser, with any screen size. I’m designing with the web. Using the web platform (HTML, CSS, JS, ARIA, etc.), not a bloated harmful abstraction. I have a deep understanding of HTML and its semantics. I love CSS, I know how and when to utilise its many features, and I keep up-to-date as more are added. I have a strong understanding of modern JavaScript and most importantly I know when not to use it.

Front-end development’s identity crisis by Elly Loel

See also:

The Wax and the Wane of the Web (2024): Forget death and taxes. The only certainty on the web is change. Ste Grainer takes a brief look at the history of the web and how it has been constantly reinvented. Then he explores where we are now, and how we can shape the future of the web for the better. – A List Apart

The Cult of the Complex (2018): If we wish to get back to the business of quietly improving people’s lives, one thoughtful interaction at a time, we must rid ourselves of the cult of the complex. Admitting the problem is the first step in solving it. – A List Apart

Dear AIGA, where are the web designers? (2007): For all the brand directors, creative directors, Jungian analysts, and print designers, one rather significant specimen of the profession is missing. – zeldman.com

Standardization and the Open Web (2015): How do web standards become, well, standard? Although they’re often formalized through official standards-making organizations, they can also emerge through popular practice among the developer community. If both sides don’t work together, we risk delaying implementation, stifling creativity, and losing ground to politics and paralysis. Jory Burson sheds light on the historical underpinnings of web standardization processes—and what that means for the future of the open web. – A List Apart

The profession that dare not speak its name (2007): “No one has tried to measure web design because web design has been a hidden profession.” – zeldman.com

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
A List Apart art direction Design Standards State of the Web Web Design Web Design History Web Standards webfonts Websites webtype

The Next Generation of Web Layouts

Who will design the next generation of readable, writerly web layouts?

Layouts for sites that are mostly writing. Designed by people who love writing. Where text can be engaging even if it isn’t offset by art or photography. Where text is the point.

With well considered flexible typesettingmodular scaling, and readable measures across a full range of proportions and devices. With optional small details that make reading screens of text a pleasure instead of a chore. With type sizes that are easy to read without needing to zoom in. And with a range of interesting sans and serif fonts (including variable fonts) that support reading and encourage creative exploration where headlines are concerned.

Well? How did we get here?

The web has come along way since design meant crafting UIs in Photoshop and exporting them as sliced GIFs. Flash. SiFR. Table layout. Rebellion and rethinking. Liquid layout. Semantic HTML and CSS layout. Adaptive layout. Responsive layout. Intrinsic layout. Web fonts. Big type and super lightweight UX emphasizing readability was new (and controversial!) in 2012. We’ve long since accepted and improved upon it. Today’s news, magazine, and blog pages are more flexible, readable, and refined than ever before.

So what comes next? For writers, one hopes that what’s next is a fresh crop of small, innovative advancements. Improvements that are felt by readers, even when they aren’t always consciously noticed. Layouts that are not merely legible, but actually feel inevitable, at all sizes and in all contexts.

Beyond outside the box

Services like Typetura may point the way. A marriage of type and tech, Typetura is different from other typesetting methods. An intrinsic typography technology, it “enables you to design with more flexibility, while dramatically reducing code.” Disclaimer: I’m friends with, and have long admired the work of, Typetura founder Scott Kellum. Designing With Web Standards readers will recognize his name from the Kellum Image Replacement days of the early 2000s, but that ain’t the half of what he has done for web design, e.g. inventing dynamic typographic systemshigh impact ad formatsnew parallax techniques, and fluid typesetting technology. Scott was also the coder, along with Filipe Fortes, of Roger Black’s late, lamented Treesaver technology. But I digress.

The tech is not the pointexcept in so far as it improves our ability to think beyond our current understanding of what design and layout means. Just as Gutenberg’s printing press was not the point, but it was the point of departure. Initially, the invention of movable type reproduced the writing we already knew (i.e. the King James Bible). But ultimately, by freeing writing and reading from narrow elite circles and bringing it to more (and more diverse) minds, Gutenberg’s invention transformed what writing was and could be—from the invention of newspapers to the fiction of Virginia Woolf to multimedia experiences, and perhaps even to the web.

Let us all to play with Jen Simmons’s intrinsic web layout ideas and Scott Kellum and partners’s Typetura. While we also sketch in pencil and spend time looking at well designed books —printed, bound ones as well as digital publications in various devices. And specifically, not just fabulous coffee table books, but books that you’ve reread over and over, to understand what, beyond the text itself, encourages that reading response. So that, together, we may take the experiences of both reading and writing to the next level.

Appendix: Resources

If you’re new to the interplay between design and code on the open web, or if you just want a refresher, here are some evergreen links for your further learning and pleasure:


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
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
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
Design Designers Digital Preservation My Back Pages State of the Web Web Design History

The Web We Lost: Volume One

I don’t miss Flash but I sure miss this level of creativity and experimentation on the web. As today’s “The Web We’ve Lost” exercise for designers, please take a look back at Matt Owens’s historic Volume One project—outstanding design work Matt created in Flash during the 1990s and early 2000s, now memorialized in screenshots. Enjoy:

volumeone.com

For more about Matt, read “From Technology to Commodity – Then and Now,” a brief history of Matt’s 25 years as an independent designer. Matt currently works at Athletics, an award-winning Brooklyn-based design agency he co-founded.

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
Archiving blogger Blogs and Blogging Web Design Web Design History work writing Zeldman zeldman.com

Look back in anchor tags

NEW YEARS bring thoughts of old years, and, to a designer and veteran “blogger,” thoughts of old work. My personal site, begun in 1994, was many things: an interview zine (my first web client, Donald Buckley, named it: 15 Minutes), a newfangled GIF animation playground, a freeware icon factory, an Advertising Graveyard, and more. But eventually, before it was forgotten entirely, it became best known as a blog.

Inspired by Dori Smith’s recent Facebook post about old-school blogging and the possibility of a “20th Anniversary of Blogging” unconference/relaxacon, I thought it might be fun to poke through the old blog a bit with you, gentle reader. My blog began in 1995, but, for now, you can only page through the entries as far back as August, 1997, as I seem to have neglected to build “previous” page links before that, and may also have overwritten my earliest entries (not realizing, at the time, that you and I might ever want to look back at any of this).

Below, I begin the retrospective in 2004 and work backwards to 1997. (After 2004, I stopped hand-coding each entry and began using WordPress, resulting in this sort of thing. Also after 2004, I stopped redesigning the site every few months, partly, but not exclusively, because I got busier designing other people’s sites. I also stopped redesigning the site every few months because I had become more strategic about design—more interested in design as problem solving, less as making pretty pages. Say, remember when we designed “pages”? But I digress.)

Here, for your pleasure, are some pages from the past:

 

Silence and Noise?—?“Now that some of us have helped bring standards into the mainstream, wouldn’t it be best to keep them there?”?—?12 August 2004 (the iconic green design) http://www.zeldman.com/daily/0804b.shtml

Typical blog entries?—?on web performance and “the new Samaritans” (designers who recode other people’s sites to be standards-compliant)?—?28 July 2004 (the iconic green design) http://www.zeldman.com/daily/0704e.shtml

CSS Validator is Broken?—?5 February 2004 (the creme design) http://www.zeldman.com/daily/0204b.shtml

Don’t Design on Spec?—?26 January 2004 (the creme design) http://www.zeldman.com/daily/0104h.shtml

Chip Kidd & Alfred Hitchcock?—?20 January 2004 (the creme design) http://www.zeldman.com/daily/0104f.shtml

Tears for Istanbul?—?26 November 2003 (rooster design) http://www.zeldman.com/daily/1103a.shtml

Ladies and gentlemen, A List Apart 3.0–22 October 2003 (rooster design) http://www.zeldman.com/daily/1003a.shtml

“Jeffrey Zeldman is good enough for me.” 2 November 2002 (teal swap design) http://www.zeldman.com/daily/1002d.shtml

Typical blog entries?—?16 October2002 (the iconic red design) http://www.zeldman.com/daily/1002a.html

Typical blog entries?—?super secret Charlotte Gray style guide (now offline)?—?26 August 2002 (HTML fist, red design) http://www.zeldman.com/daily/0802c.html

Typical blog entries?—?in the middle of writing Designing With Web Standards, then titled Forward Compatibility?—?30 July 2002 (the iconic red design) http://www.zeldman.com/daily/0802a.html

“The heartbreak of sizing small text with ems”?—?21 May 2002 http://www.zeldman.com/daily/0502c.html

Typical blog entries, 25 January 2002 (the iconic red design?—?liquid variant) http://www.zeldman.com/daily/0102d.html

Daily Report 31 August 1999, liquid orange design (unfinished) http://www.zeldman.com/com0899.html

Daily Report 14 October 1998, liquid orange design (unfinished) with Web Standards Project banner ad at the top of the page http://www.zeldman.com/com1098.html

“Previous Reports” 31 August 1997, ugly yellow bacon strip style, http://www.zeldman.com/came2.html

 

Also published in Medium.

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

Categories
Web Design History Web Standards Websites

A Dao of Responsive Liquid

A liquid page will resize to fit whatever size browser window (within reason) that the user has available. … the real goal in building a website is to provide the user with a seamless interface to information. The site should not intrude on the user’s thought processes, but should gently guide them to their desired destination. If a site doesn’t look right because it doesn’t fit the user’s browser window, then the design has become intrusive to the user.?—?Glenn Davis, quoted in 15 Minutes, sometime in 1997.

TWO DECADES before Responsive Web Design, we dipped our toes in Liquid Layout?—?a similar but necessarily less refined concept. Glenn Davis of Project Cool fame coined the phrase in 1995 or 1996. (Glenn also came up with“Ice” to describe fixed-width layouts, and “Jello” for layouts that combined some fixed with some flexible elements.)

Liquid Layout was mainly what John Allsopp had in mind when he wrote A Dao of Web Design for A List Apart (quite possibly the most influential article we ever published). The most famous paragraph in that famous article explains…

The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of things.”

Everything new is old

Modern designers look back at Allsopp’s article and think John must have been a time traveler who had seen the future of responsive design and mobile devices. In fact, though, John was simply a highly skilled (and extremely articulate) mainstream developer. As such, he was familiar with Liquid Design and frequently used it in his work, along with other ideas mentioned in “Dao,” such as not forcing users to see a particular type size or typeface. To a good developer in those days, what mattered was making something that worked for everyone. (That should still be what good developers care most about, right?)

Liquid design was part of a “works for everyone” approach to web design, but it had limitations. For one thing, breakpoints hadn’t been invented. CSS layout was in its infancy, used by almost no one, except in experimental work. The ability to separate content and behavior from presentation was nonexistent, unless you limited “presentation” to setting type in a single column, letting the user override the type setting, and letting the column reshape itself to fit any viewport.

With so few controls available, Liquid design tended to become unusable in certain settings, and was almost always ugly.

Liquid design was Responsive design’s rough draft

Liquid design was immediately popular with developers when they were given permission to just make stuff?—?i.e. when they weren’t constrained by overly rigid Photoshop layouts. Designers almost never used Liquid design because the layouts moved so quickly into ugliness and unusability?—?too wide to read, or too narrow, or with overlapping columns in early CSS layouts. Designers also disdained Liquid layouts because most of us see our job as imposing brilliant order on ugly chaos, and fixed proportions always seemed to be part of that order.

The Web Standards Project – a liquid layout as seen on a wide computer screen.

Fig 1. The Web Standards Project: a liquid layout as seen on a wide computer screen. Designed by Andy Clarke in the early 2000s.

 

Fig 2. The Web Standards Project: a liquid layout as seen on a narrow computer screen. On the narrow screen, type overlaps and the page becomes unusable.

 

Ugly on one side. Unusable on the other. It took a special breed of designer to forge ahead with Liquid Layout anyway.

Were it were not for the iPhone and the phones and tablets that rose quickly in its wake, the W3C would likely not have invented breakpoints. And without breakpoints, there could be no Responsive Web Design. And without Responsive Web Design, created by a visually gifted designer and with tools to satisfy his peers, the idea that drove Liquid design back in the 1990s would not, at long last, have caught on.

It’s easy to view our current design thinking as more evolved than what we practiced in the past. And in some ways, it is. But if you read between the lines, it’s fair to say that our thinking was always advanced. It’s only now that our tools are beginning to catch up.

Read more about Liquid and Responsive Web Design

 

Illustration by Justin Dauer. Follow me @zeldman. A version of this article appears on Medium. The 11th Annual Blue Beanie Day in support of web standards takes place November 30 on the internet.

 

SaveSave

Categories
Accessibility Design Usability UX Web Design History

In Defense of Font Size Widgets

A discussion on Twitter“You don’t get to decide which platform or device your customers use to access your content: they do.”—Karen McGrane, Content Strategy for Mobile

“When a person tells you that you hurt them, you don’t get to decide that you didn’t.”—Louis C.K.

“Discomfort with others’ burdens has no place in good design.”—Mica McPheeters

“Historically, teams simply have not been trained to imagine their users as different from themselves—not really, not in any sort of deep and empathetic way.”—Sara Wachter-Boettcher

 

“USER CUSTOMIZATION” on the web hearkens back to the deluded old days of portals, when companies imagined you’d start your daily “net browsing” session by “logging on” to their website’s homepage. Customization was among the chief (largely imaginary) inducements for you to return to their “start” page and not others.

The thought was that changing the fonts and color scheme would make their page feel more like your home. After all, Windows 3.1 users seemed to enjoy switching their home computers to “Black Leather Jacket” or other personalized settings—if only as an escape from the computer environment at work, where their bosses enforced a rigid conformist look and feel, and dictated which software and fonts were allowed on your workstation. Surely, the thinking went, pioneering web explorers would demand custom accommodations as plush as those found in the best-selling operating system.

MySpace … and beyond!

Dropdown style switcher from adactio.com – a memory of the way we were.This fetish for pointless customization—customization for its own sake—persisted through the MySpace era, where it actually made sense as an early mass offering of page owner personal branding. Its descendants are the WordPress, Tumblr, and Squarespace themes that create a professional appearance for the websites of individuals and small businesses. This is a positive (and inevitable) evolution, and a perfect denouement for the impulse that began life as “user customization.”

But, except on a few quirky personal sites like Jeremy Keith’s adactio.com, where sidebar customization widgets live on as a winking look back to the early days of personal content on the web, user customization for its own sake has long been out of favor—because experience, referrer logs, and testing have long shown that visitors don’t bother with it.

Perhaps that’s because people don’t really visit websites any more. They drop in quickly on a page found by search or referred by social media, scan quickly and incompletely, and leave, mostly never to return.

When you use Google, Bing, or Duck Duck Go to find out what a knocking sound in your radiator or a pang in your gulliver might mean, you scan for the information you sought, find it (if you’re lucky), and leave. The notion that most sites could get you to come back by offering you the ability to change fonts or colors is self-evidently absurd. Why bother?

Readability and font customization

Ah, but there’s another kind of user customization that I’m hoping and betting will make a comeback: a subtle, inclusive sort of customization that doesn’t exist for its own sake, but rather to serve.

Our glowing, high-density screens are great for watching Westworld, but a bit too bright and backlit for prolonged reading compared to the paper they’re intended to replace. But screens have one advantage over printed books (besides storage and portability): namely, they offer accessibility features a printed book never could.

I once received an architecture book written by an important scholar, but I was never able to read it, because the layout was terrible: the type was too small, the leading too tight, and (most of all) the measure far too wide to be readable. If an ebook version had been available, I’d have purchased it; but this was before the mass market availability of ebooks, and the tome is now out of print. I own it, but I shall never be able to read it.

It wouldn’t be a problem with an ebook, because all ebooks offer readers the ability to alter the contrast and the basic theme (white text on black, black text on white, dark text on a light background); all ebooks offer the ability to adjust font size; and most include the ability to change fonts. Why do Kindle and iBooks offer this flexibility? Because it helps readers who might otherwise not be able to read the text comfortably—or at all. This isn’t customization for its own sake. It’s customization for the sake of inclusion.

The grey lady and user customization

The font size widget at nytimes.comNow notice who else provides some of this same inclusive customization function: the mighty New York Times.

People in our industry tend to repeat things they’ve heard as if they are eternal verities—when the real truth is that each digital experience is different, each person who engages with it is different, and each device used to access each experience brings its own strengths and limitations.

A font size widget may smell like the pointless old-fashioned “user customization” to be found on half the unvisited sites in the Wayback Machine, but it is the very opposite of such stuff. Even mighty responsive design benefits from offering a choice of font sizes—because there are just too many complications between too many screen sizes and device features and too many pairs of eyes to ensure that even the best designer can provide a readable experience for everyone without adding a simple text size widget.

Most of the sites we’ve designed in the past few years have not had a text size widget, but I believe this was due to our privileged assumptions and biases, and not to the reality of the needs of those we serve. Going forward on client projects at studio.zeldman, and in my publications like A List Apart, I hope to correct this—and I hope you will think about it, too.

 

Also published to A List Apart: Medium.