As the lines between our physical and digital surroundings continue to blur, it’s more important than ever to design usable and accessible content for our ever-expanding array of contexts.
In 2021, A Book Apart and I were delighted to bring you Preston So’s Voice Content and Usability, the definitive book on voice content, and A Book Apart’s first voice title.
Armed with this book, you’ll create incisive and inclusive user-centered experiences across augmented, extended, and virtual realities, transforming the physical world into an exciting new canvas for content.
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.
Screenshot of slide highlighting the four phases of WordPress Gutenberg.
Not only are we enabling folks to express themselves uniquely on the web, unlike the cookie cutter looks that all the social sites try to put you into. We’re doing it in a way which is standards-based, interoperable, based on open source, and increases the amount of freedom on the web.
“Ava, you need to understand that there’s something wrong with you, actually, quite a few things.” I listened closely, sitting in the large orange chair, making stick figures with my nails on the fabric. “You have this disease that’s very common with people your age who’ve gone through some of the things you have… it’s called autism, and together we can cure it with time.”
At age six, I knew what autism was, or at least I had a vague idea based on the movies I’d seen, and the bullying I’d observed given to my fellow child-outcasts. I didn’t really understand what the big deal about it was; I mean, my grandpas were both autistic and they were fine… kind of, along with my uncle, and some cousins—I didn’t see where Doctor A. was going with this speech.
“Ava, I have spoken to some of my colleagues, and we are going to give you the diagnosis of ‘unspecified mood disorder.’ No one can know that you’re autistic… there’s still hope for you.”
I panted, she continued:
“A lot of the kids out there in the waiting rooms outside aren’t gonna be able to overcome this, and I believe that you can. With the right treatment we can cure you of your autism… but you can’t tell anyone that you have it—not your mommy, or your daddy, or your friends!”
“Why?” I asked, feeling a ball of shame start to build at the bottom of my stomach.
“Because Ava, if they know, they’ll see you as different, and it will be harder for you to overcome, I promise there is hope for you Ava. There might not be hope for your dyslexia, or A.D.H.D., but I believe that if you stay with me, we will get you through this together.”
Ever since pre-k, I’d known I was different, but for a good couple of years, I didn’t have the shame.
Looking back now, I think it’s pretty obvious that I was not a neurotypical kid: at age four, I refused to leave the house without rubber gloves on my feet because I liked the smoothness on my soles. At age six, I couldn’t talk to kids my own age about anything besides the Wizard of Oz books, explaining my theories about their cultural symbolism, and how L. Frank Baum was an innovator and genius, not just because of his vivid imagination, but because he proclaimed trans rights (for the time), and pretty much invented the blueprint for the home landline—my teachers were not pleased.
What really brings light to my Asperger’s, though, is that my first crush, at age nine, was on Steve Buscemi’s character in Ghost World—I had never related more to a character (except for the protagonist of the same film, played by Jewish goddess, Thora Birch), and I liked seeing someone like me who only talked about his hyperfixations, and found it hard to talk to people. Sure, Terry Zwigoff didn’t mean to portray his character in a romantic light, but even to this day, I find Seymour and Steve Buscemi to be the epitome of male sex appeal.
I first started seeing Doctor A. when my parents separated, after I left a handprint of excrement on the walls of both of my apartments (thankfully, I have no recollection of creating that art). I had a hard time making friends or abiding by social norms, and when there were tiles on the floor, I would count every one of them. When I first moved into my (then) new apartment, I counted each log strip on the ground, and cried when the total wasn’t an even number, or perfectly aligned across the floor.
Doctor A. refused to give me medication for these issues, or for the depression and anxiety that I had at that early age, saying “It would impede [my] progress for these curable diseases.”
I am now sixteen years old, and I know autism isn’t a disease, it’s a neurological condition that people have from birth. I remind myself of that every day, but sometimes, facts can’t curb the shame.
When I started public school I was bullied very badly because I didn’t talk like a normal kid. I would only speak about things that I was interested in, couldn’t make regular eye contact (an issue I still have), and didn’t abide by any of the child-edikit that most kids learn by copying their peers. Kids beat me up in kindergarten because I was so “weird,” and my teachers chalked up my inability to pay attention in class and my unique behavior to my parents’ separation, which is honestly one of the least traumatic traumas of my childhood.
My parents eventually transferred me to another public school because I wasn’t accepted into my neighborhood school’s I.C.T. program, and my bullying was pretty unbearable.
When I transferred, for the first time in my life I was popular, but as my peers got to know me better, I quickly became isolated again. I eventually repeated the second grade because I hadn’t been able to learn anything in my previous school due to well… all that dogshit, of course; and being left back didn’t help me adjust socially at all. On top of the Asperger’s and being the new kid, I was now not simply the weird girl, I was also the dumb girl. Kids bullied me, calling me a ret*rd, and telling me to kill myself. This period of having no friends (apart from fourth grade when I actually had kind and qualified teachers) lasted all of elementary school and into seventh grade.
In fifth grade I forgot how to smile… when I looked at photos of myself, I freaked out because I was scared that I wasn’t smiling properly. Every day I would spend thirty minutes in front of a mirror practicing smiling, moving my mouth with my fingers, using my school protractor to measure the angles of my smile. I felt like a freak, and sometimes, when I look at photos of myself, or actors with great smiles, I forget how to smile once more. Every couple weeks I go to my bathroom mirror and practice smiling. Sometimes it’s for five minutes, sometimes two hours.
Socialization comes easily to other people. I don’t know how to make proper eye contact still: people always tell me I either never make eye contact, or stare at people so aggressively, it creeps them out. I also overshare to everyone about my political opinions and my sex life, because I still don’t understand social norms in America.
The other day I had an argument with my parents about not needing to wear pants when I go outside, underneath my hoody: “They won’t know what I’m wearing under this giant thing anyway… Why does it matter?” I still don’t know, and sometimes people think I’m faking not knowing these things to get attention. Truth is, I just don’t understand these unwritten social rules.
I don’t understand why I can’t talk about sex, why I should be ashamed of one of the most natural things in the world. I don’t understand common dress codes, I think they’re sexist, bullshit, and meaningless—and it’s not simply that I’m a feminist, it’s also that my Asperger’s impairs me from understanding these things that everyone else seems to have no trouble with.
Autism isn’t just social and mental, it is also physical, coming in the form of sensory processing disorders. If light is too bright, I can start crying; when people (including myself) chew too loudly, it feels like I’m being stabbed in the ear; and when I freak out or get really scared, my body shuts down, I can’t move, and I especially cannot say anything. I am ashamed because whenever strangers see these behaviors I am criticized. Even people who know and love me criticize me about these things. I feel like no one understands besides other people with these conditions.
That’s the thing, the shame is bullshit, the hatred I have over my Asperger’s is bullshit, wishing I could get rid of my autism is bullshit. The smartest and most talented people in the world are almost always autistic, and always atypical: Einstein, Stephen Hawking, Neil DeGrasse Tyson—but not just scientific geniuses, artists like David Byrne, Bob Dylan, Picasso, Max Ernst, Leonardo Da Vinci, and famous writers like Ernest Hemingway and Emily Dickinson.
You may have noticed that only one of the people on that list is a woman. That isn’t because men are more likely to be autistic, it’s that men are more likely to be diagnosed with autism, as women are taught to suppress their feelings and individuality.
And fuck it, the pros of my Asperger’s far outweigh the social cons, at least at this point in my life. My creativity and vivid imagination, my natural leadership, my ability to work alone and feel confident in my own choices, my unique empathy toward others and compassion for animals, the fact that when I become interested in something I’m practically a walking encyclopedia for that topic—my sense of humor, and the way that I always say what’s on my mind, a trait that women are told not to have, I have because of how my autism affects my executive functioning and my inability to abide by social norms.
I’m trying to stop freezing up when people ask me why I’m so strange, or if there is something wrong with me. I’m trying to not let people’s ableist comments get to my head, because I know deep down that in ten years these people won’t be able to produce an original idea to save their lives.
I have one thing to say at the end of this: fuck off, ableist assholes; fuck off, Doctor A.—I’m not ashamed of who I am; and fuck off, shame—you pit of piss at the bottom of my stomach, you don’t control me! The problem is society’s attitude towards people with neurological differences—not the differences, themselves. After all, in ten years, whatever cool ass shit I’ll be up to, the same kids who bullied me as a child are gonna wish they had my zesty Asperger’s funk.
Dear mom and dad, I know things are harder for me than the average teen, but I’m gonna be okay, because my brain is awesome, and my tits are huge. And to any other atypical person reading this, young or old, from mild A.D.H.D. to Rain Man levels of autistic spice, know that you have a powerful brain and are one of a kind, and these neurotypicals are really just jealous that we have all the hot geniuses and good music.
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.
Yesenia Perez-Cruz started her career as a designer at Happy Cog Philadelphia. From the first day, her design gifts were unmistakable. As her career progressed, she moved from one challenging role to another. At companies like Vox Media and Shopify, and at conferences around the world, she has been a design team leader, a popular speaker, an advocate for design systems, and a voice of our industry. Today that voice took book form.
Expressive Design Systems, the first book by Yesenia Perez-Cruz, is now available from A Book Apart.
By arrangement with the director, we show our audience Gary Hustwit’s “Rams”—a documentary about product design icon Dieter Rams—during the extended lunch hour on Day II of our three-day UX & front-end conference event. I just finished watching it for the fifth time.
We’ve shown Gary’s film in every city of our tour this year, and each time I’ve watched it with our attendees, I’ve seen new things in the film, and been ever more deeply moved by it.
Rams’s work, and his message to designers seems more important now than ever before. Not only should every designer see this film; I wish every human being would see it.
Brian Eno’s ambient minimalist score feels like an audio correlative to Rams’s design principles. Although it’s used sparingly, every sound counts.
The film’s final shot, where Dieter walks off into the woods, always makes me tear up.
NONE of us knows what today will bring. And for many of us, these are fearful times. So I wanted to take a breath, pause a moment, and share two small gifts I received this morning at the start of my workday:
You know, for kids
First, Rob Ford wrote to my daughter and me to tell us that Macaw Books will be at Frankfurt Book Fair next week to promote The Little Trailblazers, a children’s book of illustrated stories to which we contributed.
It’s been more than two years since a younger Ava and I co-wrote a rhyming story for this collection of tales written by “Internet pioneers” and illuminated by brilliant illustrators from around the world—50 contributors from over 25 countries, 50/50 female/male ratio.
When the book’s original publisher withdrew their support due to its lack of mass commercial potential, Rob could easily have given up. Instead, for over two years, he fought to find the right publisher and charity organization to align with the project.
Today word came that The Little Trailblazers will be in aid of Unicef’s work for children. I can’t think of a better fit. Rob’s vision and perseverance have been something to behold, and I am grateful to have had the chance to collaborate with my kid on what will be her first published story.
Art & copy
Next, Dougal MacPherson presented a trio of narratively related illustrations for an important upcoming A List Apart series directed by Aaron Gustafson. I’m thrilled that Aaron conceived the series, found the authors, chose ALA to publish it, and is shepherding the entire project. I can’t wait for you to read it.
And, although I should be used to it by now, I’m still gratefully astonished by Dougal’s ability to take complex, technical topics, find their common truth, and create a unifying visual narrative tying them together for A List Apart’s readers. Oh, and he draws great, too.
Breathe
There is much that can go wrong in our lives, most of it beyond our control. Sometimes how the afternoon sunlight looks as it warms the tops of trees is what you get that day to remind you that life is a gift. Or, hey, don’t knock a good sandwich.
But sometimes—especially if your line of work can at least partly be described as “creative”—sometimes you are reminded just how incredibly lucky you are to know and work with passionate, talented people. And that is fuel, not only for continued effort, but for gratitude.
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”
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
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.”
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.
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.
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.
IN a world where newspapers are dying and half the public believes fake news, what online news experiences need is design that is branded, authoritative, and above all, readable:
Branded, because we need to convert the current hummingbird model (where readers flit from flower to flower) back to the idea that your news source matters—and that it is worth your time to return to a source you trust.
Brand helps the social-media-driven seeker notice that they’re returning time and again to a certain resource, facilitating a mental model shift back toward destination web browsing. When every site looks the same, it’s easy to see all content as equal—all spun from the same amorphous mass. A strong brand, which is individual to the given newspaper, can cut through that amorphousness, which is the first step in building (or rebuilding) loyalty.
Authoritative, because combating fake news means visually cueing the reliability of a particular source—one staffed by real journalists and editors, with real sources in real countries. In the coming years this will be more important than ever.
Readable, because an informed public needs to grasp stories that can’t always be reduced to headlines or sound bytes. Readability means even longer articles actually get read, sometimes even all the way through. Readability requires a combination of typeface, type size, leading, measure, hierarchy, contrast, etc.—as well as the introduction of visual information, both to break up the flow of text, and to further illuminate what is being said.
Related news keeps readers reading
Additionally, this branded, authoritative, readable content needs to become (to use an ancient word) sticky: through a combination of editing and algorithms, related content must be presented at the appropriate time in the reading experience, to engage the visitor in continued reading.
Currently two publications—nytimes.com and medium.com—achieve all these goals better than any other publications on the web. One is the newspaper of record; the other is a vehicle for anyone’s content. Yet both really do the job all newspapers will need to do to survive—and to help the Republic survive these next years. I particularly admire the way both publications surface related content in a way that practically demands additional reading.
Design won’t solve all the problems facing newspapers, but it will help. And unlike more “immersive” approaches such as WebVR, original full-screen imagery, and original embedded video, the basics of solid, readable design should not be out of budgetary reach for even the most cash-strapped news publisher—budget being a problem for any business at any time, but especially for newspapers now.
In my studio, we’ve been pondering these problems for content sites of all types (not only newspapers). At the Poynter Digital Design Challenge next month, I hope to share designs that nudge the conversation along just a bit further.
MESMERIZED as we have been by the spectacle of the flaming garbage scow of U.S. election news, it would have been easy to miss this other narrative. But in the past few days, just as Google, AT&T, and Time-Warner were poised to turn the phrase “online privacy” into a George Carlin punchline, in marched an unlikely hero to stop them: the American Federal Government. Who have just…
approved broad new privacy rules on Thursday that prevent companies like AT&T and Comcast from collecting and giving out digital information about individuals — such as the websites they visited and the apps they used — in a move that creates landmark protections for internet users.
Given the increasingly deep bonds between corporate overlords and elected officials, this strong assertion of citizens’ right to privacy comes as something of a surprise. It’s especially startling given the way things had been going.
On Friday, Oct. 21, shortly before a massive DDOS attack took out most U.S. websites (but that’s another story), ProPublica reported that Google had quietly demolished its longstanding wall between anonymous online ad tracking and user’s names. I quote ProPublica’s reporting at length because the details matter:
When Google bought the advertising network DoubleClick in 2007, Google founder Sergey Brin said that privacy would be the company’s “number one priority when we contemplate new kinds of advertising products.”
And, for nearly a decade, Google did in fact keep DoubleClick’s massive database of web-browsing records separate by default from the names and other personally identifiable information Google has collected from Gmail and its other login accounts.
But this summer, Google quietly erased that last privacy line in the sand – literally crossing out the lines in its privacy policy that promised to keep the two pots of data separate by default. In its place, Google substituted new language that says browsing habits “may be” combined with what the company learns from the use Gmail and other tools.
The change is enabled by default for new Google accounts. Existing users were prompted to opt-in to the change this summer.
The practical result of the change is that the DoubleClick ads that follow people around on the web may now be customized to them based on your name and other information Google knows about you. It also means that Google could now, if it wished to, build a complete portrait of a user by name, based on everything they write in email, every website they visit and the searches they conduct.
The move is a sea change for Google and a further blow to the online ad industry’s longstanding contention that web tracking is mostly anonymous.
Google has long portrayed itself as one of the good guys, and in many ways it continues to be that. I can’t think of any other insanely powerful mega-corporation that works so hard to advocate web accessibility and performance—although one of its recipes for improved web performance, making up a whole new proprietary markup language and then using its search engine dominance to favor sites that use that language and, of necessity, host their content on Google servers over sites that use standard HTML and host their own content, is hardly a white hat move. But that, too, is another story.
On privacy, certainly, Google had shown ethics and restraint. Which is why their apparent decision to say, “f–– it, everyone else is doing it, let’s stop anonymizing the data we share” came as such an unpleasant shock. And that sense of shock does not even take into account how many hundreds of millions of humans were slated to lose their privacy thanks to Google’s decision. Or just how momentous this change of heart is, given Google’s control and knowledge of our searches, our browsing history, and the contents and correspondents of our email.
Minority Report
Scant days after ProPublica broke the Google story, as a highlight of the proposed merger of AT&T and Time-Warner, came the delightful scenario of TV commercials customized just for you, based on combined knowledge of your web using and TV viewing habits. And while some humans might see it as creepy or even dangerous that the TV they’re watching with their family knows what they were up to on the internet last night, from an advertiser’s point of view the idea made $en$e:
Advertisers want … to combine the data intensity of internet advertising with the clear value and ability to change peoples’ perceptions that you get with a television ad. If you believe in a future where the very, very fine targeting of households or individuals with specific messaging makes economic sense to do at scale, what this merger does is enable that by making more audience available to target in that way.
Into this impending privacy hellscape marched the U.S. Government:
Federal officials approved broad new privacy rules on Thursday that prevent companies like AT&T and Comcast from collecting and giving out digital information about individuals — such as the websites they visited and the apps they used — in a move that creates landmark protections for internet users. …
The new rules require broadband providers to obtain permission from subscribers to gather and give out data on their web browsing, app use, location and financial information. Currently, broadband providers can track users unless those individuals tell them to stop.
The passage of the rules deal a blow to telecommunications and cable companies like AT&T and Comcast, which rely on such user data to serve sophisticated targeted advertising. The fallout may affect AT&T’s $85.4 billion bid for Time Warner, which was announced last week, because one of the stated ambitions of the blockbuster deal was to combine resources to move more forcefully into targeted advertising.
The consequences of these new rules—exactly how advertising will change and networks will comply, the effect on these businesses and those that depend on them (i.e. newspapers), how Google in particular will be effected, who will cheat, who will counter-sue the government, and so on—remain to be seen. But, for the moment, we’re about to have a bit more online privacy and anonymity, not less. At least, more online privacy from advertisers. The government, one assumes, will continue to monitor every little thing we do online.
2006 DOESN’T seem forever ago until I remember that we were tracking IE7 bugs, worrying 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 one, two, three, or four, have a look back.
RACHEL ANDREW—longtime web developer and web standards champion, co-founder of the Perch CMS, and author of Get Ready For CSS Grid Layout—is my guest on today’s Big Web Show. We discuss working with CSS Grid Layout, how Grid enables designers to “do something different” with web layout, why designers need to start experimenting with Grid Layout now, how front-end design has morphed into an engineering discipline, learning HTML and CSS versus learning frameworks, and the magic of David Bowie, RIP.
LONGTIME developer, lecturer, and web standards evangelist Aaron Gustafson and I discuss the newly published update to Aaron’s best-selling industry classic “love letter to the web,” Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement, 2nd Edition (New Riders, 2015) in Episode ? 140 of The Big Web Show—everything web that matters.
Topics covered include: Aaron’s superhero origin story as a creator of progressively enhanced websites and applications; “we’re not building things we haven’t built on the web before;” “creating opportunities for people outside your comfort zone;” development in the world of Node.js; “every interface is a conversation;” “visual design is an enhancement;” “interaction is an enhancement;” nerding out over early web terminal interfaces; Microsoft, Opera, and more.
Sponsored by DreamHost, Braintree, and Thankful.
Deal
Save 35% off Aaron Gustafson’s Adaptive Web Design: Crafting Rich Experiences With Progressive Enhancement, 2nd Edition when you enter discount code AARON35 at checkout.