Categories
dreams Existence interface Jason Santa Maria Small Business Standards Startups State of the Web The Essentials The Profession W3C

My Glamorous Life: The Power Compels You

I DREAMED that my friend Jason Santa Maria took a job at a popular new startup that had exploded onto the world scene seemingly overnight. A fascinating visual interface was largely responsible for the popularity of the company’s new social software product. It was like a Hypercard stack that came toward you. A post full of exciting social significance just for you would appear in a self-contained deck with rounded corners. The next post would pop up on top of the first. The next, on top of that one. And so on. In my dream, people found this back-to-front pop-up effect thrilling for some reason.

Having imagined the interface, I next dreamed that I went to visit the startup. There were so many cubicles, so many shiny people running around, holding morning standups and singing a strange company song, that I could not locate my friend Jason’s desk. Someone grabbed me and told me the founder wanted to see me.


THE FOUNDER was an ordinary looking white guy in his late twenties. I was surprised that he wore beige chinos with a permapress crease. With all the TV and newspaper hubub around his product, I guess I’d expected a more stylish and charismatic presence.

The founder told me he was concerned because his mother, apparently a cofounder or at least an officer of the company, was of the belief that I had contempt for their product and disliked her personally. I assured him that I liked the product. Further, I had never met his mother, never read or heard a word about her, and felt only goodwill toward her, as I bear toward all people in the abstract. I don’t hate people I don’t know.

“It would be cool if you told mom that yourself,” he said. And suddenly two assistants were whisking me off to speak to her directly.


THE AUDITORIUM-SIZED waiting room outside the founder’s mother’s office was filled with at least a thousand people who had come to talk to her before me. They seemed to have been waiting for hours. There was an air of boredom and rapidly thinning patience, mixed with excitement and the kind of carnival atmosphere that surrounds things that blow up suddenly in the press. It felt like the jury selection room for a celebrity murder case. Only much, much bigger.

The two assistants escorted me to the very front of the auditorium, to an empty row of seats abutting the door to the founder’s mother’s private office. “Special treatment,” I thought. I was thrilled to be cutting to the front of the line, apparently as a result of the founder’s directive to his assistants. The front row chairs were reversed, facing back to the rest of the auditorium, so I was put in the somewhat uneasy position of staring out at the mass of people who had been waiting to see the founder’s mother since long before I arrived.

After a while, Ian Jacobs of the W3C was brought to the front of the room and seated near me.

We waited as other people were shown into the founder’s mother’s presence.


AFTER FIVE or six hours of drowsy waiting, I realized that the room was set up to mirror the software’s interface: people from the very back of the auditorium were first in line, and were shown into the founder’s mother’s presence first. Gradually, the hall of applicants emptied from the back to the front. Those of us in the very front of the line were actually the last people of all who would be admitted to the holy presence. It was a smart marketing touch that apparently permeated the company: everything real people did in the building in some way echoed the characteristics of the software interface — from the end of the line coming first, to the way the rounded conference tables echoed the shapes of individual news posts in the software’s back-to-front news deck.

What a smart company, I thought. And what a good joke on me, as I continued to sit there forever, waiting to see someone I’d never met, who held a baseless grudge against me, which it would one day be my task to talk her out of.

Categories
"Digital Curation" Advocacy Best practices business Career Design SVA Teaching The Essentials The Profession

Selling Design – an online reading list

TOMORROW, WHICH IS also my birthday, I begin teaching “Selling Design” to second-year students in the MFA Interaction Design program at School of Visual Arts, New York. Liz Danzico and Steve Heller created and direct the MFA program, and this is my second year teaching this class, whose curriculum I pull out of my little blue beanie.

In this class we explore collaboration and persuasion for interaction designers. Whether you work in a startup, studio, or traditional company; whether you design print, products, purely digital experiences, or any combination thereof; whether you’re the sole proprietor, part of a tightly focused team, or a link in a long chain of connected professionals, it is only by collaborating skillfully with others—and persuading them tactfully and convincingly when points of view differ and yours is right—that you can hope to create designs that make a dent in the universe.

During this spring semester, we’ll explore collaboration and persuasion from many points of view, and hear from (and interact with) many accomplished designers who will serve as special guest speakers. For our opening get-acquainted session, we’ll focus on texts that explore the some of the most basic, traditional (and rarely taught) aspects of design professionalism from the worlds of web, interaction, and print design:

Demystifying Design

by Jeff Gothelf – A List Apart

  1. Draw together
  2. Show raw work (frequently)
  3. Teach the discipline
  4. Be transparent
  5. Take credit for your wins

Design Criticism and the Creative Process

by Cassie McDaniel – A List Apart

  • Critique as collaborative tool
  • Presenting designs
  • What is good feedback?
  • Negotiate criticism
  • The designer as collaborator

Personality in Design

by Aarron Walter – A List Apart

  • Personality is the platform for emotion
  • A history of personality in design
  • Personas
  • Creating a design persona for your website [or other project]
  • Tapbots: Robot love
  • Caronmade: octopi, unicorns, and mustachios
  • Housing Works: a name with a face
  • The power of personality

Design Professionalism

by Andy Rutledge

You should read this entire brief book, but for now, sample these bits:

Do You Suck at Selling Your Ideas?

by Sam Harrison – HOW Magazine

Dyson is used as an example of a product that currently dominates the market, even though nobody initially believed in the inventor’s idea. Lessons:

  1. Tell a personal story
  2. Create emotional experiences for decision makers
  3. See what’s behind rejections

How to sell your design effectively to the client

by Arfa Mirza, Smashing Magazine

  1. Understand the nature of your client
  2. Have a rationale for every part of your design
  3. Show the best design options only
  4. Defend your design, but don’t become defensive
  5. Solicit good feedback and benefit from it

Money: How to sell the value of design – an email conversation

by Jacob Cass – Just Creative

Narrative of standing up to new-client pressure to do something against the designer’s self-interest, or which devalues design. Story told here is about money but it could be about any designer/client conflict in which the designer needs to gently educate the client. (Some designer/client conflicts require the client to educate the designer, but that’s another matter.)

How to choose a logo designer

by Jacob Cass – Just Creative

Basic article outlines ten background materials any designer (not just logo designers) should prepare to encourage confidence on the client’s part:

  1. Experience
  2. Positive testimonials
  3. A thorough design process
  4. Awards won/published work
  5. A strong portfolio
  6. Price
  7. Design affiliations
  8. Great customer service
  9. Business Professionalism
  10. Appropriate questions
Categories
CSS3 Design mobile The Profession Touchscreen Typekit Typography User Experience UX W3C Web Design Web Design History Web Standards webfonts webkit Working Zeldman

The Web Comes of Age – DIBI Keynote Address by Jeffrey Zeldman

Jeffrey Zeldman – The Medium Comes of Age from Codeworks Ltd on Vimeo.

Categories
business creativity CSS CSS3 style The Profession Tools twitter Typography Usability User Experience UX Zeldman

Advanced web design links

FROM MY TWITTER STREAM of late:

Okay, that last one isn’t a web design link and the Apple comment could go either way, but that’s how I roll. Follow me on Twitter for more snarkeractive funucation!

Categories
An Event Apart Announcements Appearances apps Atlanta Authoring Best practices business cities client services clients Code Community Compatibility conferences content content strategy creativity CSS CSS3 Design Designers development editorial Education eric meyer events Fonts Formats glamorous Happy Cog™ HTML HTML5 Ideas industry Information architecture interface IXD Jeremy Keith Platforms Real type on the web Redesigns Responsive Web Design Scripting speaking spec Standards State of the Web The Profession Usability User Experience UX W3C Web Design Web Design History Web Standards webfonts webkit webtype work Working Zeldman

An Event Apart Atlanta 2011

YOU FIND ME ENSCONCED in the fabulous Buckhead, Atlanta Intercontinental Hotel, preparing to unleash An Event Apart Atlanta 2011, three days of design, code, and content strategy for people who make websites. Eric Meyer and I co-founded our traveling web conference in December, 2005; in 2006 we chose Atlanta for our second event, and it was the worst show we’ve ever done. We hosted at Turner Field, not realizing that half the audience would be forced to crane their necks around pillars if they wanted to see our speakers or the screen on which slides were projected.

Also not realizing that Turner Field’s promised contractual ability to deliver Wi-Fi was more theoretical than factual: the venue’s A/V guy spent the entire show trying to get an internet connection going. You could watch audience members twitchily check their laptops for email every fourteen seconds, then make the “no internet” face that is not unlike the face addicts make when the crack dealer is late, then check their laptops again.

The food was good, our speakers (including local hero Todd Dominey) had wise lessons to impart, and most attendees had a pretty good time, but Eric and I still shudder to remember everything that went wrong with that gig.

Not to jinx anything, but times have changed. We are now a major three-day event, thanks to a kick-ass staff and the wonderful community that has made this show its home. We thank you from the bottoms of our big grateful hearts.

I will see several hundred of you for the next three days. Those not attending may follow along:

Categories
16 years A List Apart Design The Essentials The Profession Zeldman zeldman.com

16 years online

ON MAY 31, 2011, this website turned sixteen years old. Thank you for indulging me. (And thanks to Sean M. Hall for reminding me.)

Here is a reflection written when the site turned 13.

And here, from 2007, is a mini-retrospective of The Daily Report beginning with 31 August 1997 (entries from 1995–1996 are gone due to overwriting), and continuing through years of constant writing and strange design such as daily/0303a.shtml, daily/0103a.shtml, and daily/0902b.html. (Of course to really see these pages as the world saw them then, you’d need a non-antialiased operating system, a non-standards-compliant browser, and a dingy TV tube monitor. But I digress.)

More of this site’s juicy Web 1.0 goodness may be unearthed here.

If you like, you can also peruse a small gallery of my article header images from the early days of A List Apart Magazine.

Here’s to plenty more years ahead, inventing the web and modern design together.

Categories
An Event Apart Archiving Boston Career cities Code Community conferences content creativity CSS CSS3 Design Designers development Education events Fonts glamorous Happy Cog™ HTML HTML5 Ideas industry Information architecture IXD Layout Marketing Markup people photography Real type on the web The Profession This never happens to Gruber Typekit Usability User Experience UX W3C Web Design Web Design History Web Standards webfonts Websites webtype Zeldman

HTML5, CSS3, UX, Design: Links from An Event Apart Boston 2011

Meeting of the Minds: Ethan Marcotte and AEA attendee discuss the wonders of CSS3. Photo by the incomparable Jim Heid.

Meeting of the Minds: Ethan Marcotte and AEA attendee discuss the wonders of CSS3. Photo by the incomparable Jim Heid.

THE SHOW IS OVER, but the memories, write-ups, demos, and links remain. Enjoy!

An Event Apart Boston 2011 group photo pool

Speakers, attendees, parties, and the wonders of Boston, captured by those who were there.

What Every Designer Should Know (a)

Jeremy Keith quite effectively live-blogs my opening keynote on the particular opportunities of Now in the field of web design, and the skills every designer needs to capitalize on the moment and make great things.

The Password Anti-Pattern

Related to my talk: Jeremy Keith’s original write-up on a notorious but all-too-common practice. If your boss or client tells you to design this pattern, just say no. Design that does not serve users does not serve business.

What Every Designer Should Know (b)

“In his opening keynote … Jeffrey Zeldman talked about the skills and opportunities that should be top of mind for everyone designing on the Web today.” Luke Wroblewski’s write-up.

Whitney Hess: Design Principles — The Philosophy of UX

“As a consultant, [Whitney] spends a lot of time talking about UX and inevitably, the talk turns to deliverables and process but really we should be establishing a philosophy about how to treat people, in the same way that visual design is about establishing a philosophy about how make an impact. Visual design has principles to achieve that: contrast, emphasis, balance, proportion, rhythm, movement, texture, harmony and unity.” In this talk, Whitney proposed a set of 10 principles for UX design.

Veerle Pieters: The Experimental Zone

Live blogging by Jeremy Keith. Veerle, a noted graphic and interaction designer from Belgium, shared her process for discovering design through iteration and experimentation.

Luke Wroblewski: Mobile Web Design Moves

Luke’s live awesomeness cannot be captured in dead written words, but Mr Keith does a splendid job of quickly sketching many of the leading ideas in this key AEA 2011 talk.

See also: funky dance moves with Luke Wroblewski, a very short video I captured as Luke led the crowd in the opening moves of Michael Jackson’s “Thriller.”

Ethan Marcotte: The Responsive Designer’s Workflow (a)

“The next talk here at An Event Apart in Boston is one I’ve really, really, really been looking forward to: it’s a presentation by my hero Ethan Marcotte.”

Ethan Marcotte: The Responsive Designer’s Workflow (b)

Ethan’s amazing talk—a key aspect of design in 2011 and AEA session of note—as captured by the great Luke Wroblewski.

An Event Apart: The Secret Lives of Links—Jared Spool

“In his presentation at An Event Apart in Boston, MA 2011 Jared Spool detailed the importance and role of links on Web pages.” No writer can capture Jared Spool’s engaging personality or the quips that produce raucous laughter throughout his sessions, but Luke does an outstanding job of noting the primary ideas Jared shares in this riveting and highly useful UX session.

An Event Apart: All Our Yesterdays—Jeremy Keith

Luke W: “In his All Our Yesterdays presentation at An Event Apart in Boston, MA 2011 Jeremy Keith outlined the problem of digital preservation on the Web and provided some strategies for taking a long term view of our Web pages.”

Although it is hard to pick highlights among such great speakers and topics, this talk was a highlight for me. As in, it blew my mind. Several people said it should be a TED talk.

An Event Apart: From Idea to Interface—Aarron Walter

Luke: “In his Idea to Interface presentation at An Event Apart in Boston, MA 2011 Aarron Walter encouraged Web designers and developers to tackle their personal projects by walking through examples and ways to jump in. Here are my notes from his talk.”

Links and Resources from “From Idea to Interface”

Compiled by the speaker, links include Design Personas Template and Example, the story behind the illustrations in the presentation created by Mike Rhode, Dribble, Huffduffer, Sketchboards, Mustache for inserting data into your prototypes, Keynote Kung Fu, Mocking Bird, Yahoo Design Patterns, MailChimp Design Pattern Library, Object Oriented CSS by Nicole Sullivan and more!

An Event Apart: CSS3 Animations—Andy Clarke

“In his Smoke Gets In Your Eyes presentation at An Event Apart in Boston, MA 2011 Andy Clarke showcased what is possible with CSS3 animations using transitions and transforms in the WebKit browser.” Write-up by the legendary Luke Wroblewski.

Madmanimation

The “Mad Men” opening titles re-created entirely in CSS3 animation. (Currently requires Webkit browser, e.g. Safari, Chrome.)

CSS3 Animation List

Anthony Calzadilla, a key collaborator on the Mad Men CSS3 animation, showcases his works.

Box Shadow Curl

Pure CSS3 box-shadow page curl effect. Mentioned during Ethan Marcotte’s Day 3 session on exploring CSS3.

Multiple CSS Transition Durations

Fascinating article by Anton Peck (who attended the show). Proposed: a solution to a key problem with CSS transitions. (“Even now, my main issue with transitions is that they use the same time-length value for the inbound effect as they do the outbound. For example, when you create a transition on an image with a 1-second duration, you get that length of time for both mousing over, and mousing away from the object. This type of behavior should be avoided, for the sake of the end-user!”)

Everything You Wanted to Know About CSS3 Gradients

Ethan Marcotte: “Hello. I am here to discuss CSS3 gradients. Because, let’s face it, what the web really needed was more gradients.”

Ultimate CSS3 Gradient Generator

Like it says.

Linear Gradients Generator

By the incomparable John Allsopp.

These sessions were not captured

Some of our best talks were not captured by note-takers, at least not to my knowledge. They include:

  1. Eric Meyer: CSS Anarchist’s Cookbook
  2. Mark Boulton: Outing the Mind: Designing Layouts That Think for You
  3. Jeff Veen: Disaster, DNA, and the Fathomless Depth of the Web

It’s possible that the special nature of these presentations made them impossible to capture in session notes. (You had to be there.)

There are also no notes on the two half-day workshop sessions, “Understand HTML5 With Jeremy Keith,” and “Explore CSS3 With Ethan Marcotte.”

What have I missed?

Attendees and followers, below please add the URLs of related educational links, write-ups, and tools I’ve missed here. Thanks!

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

Our Jobs In Cyberspace: Craft Vocabulary vs. Storytelling

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

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

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

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

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

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

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

Categories
A Book Apart A List Apart An Event Apart better-know-a-speaker Code Community conferences content strategy Design Designers DWWS Happy Cog™ HTML HTML5 industry Interviews ipad iphone IXD Standards State of the Web The Essentials The Profession type Typekit UX W3C Web Design Web Design History Web Standards Zeldman zeldman.com

Webvanta Video: Jeffrey Zeldman on the State of Web Design

From the floor of An Event Apart Seattle 2011:

Jeffrey Zeldman at An Event Apart Seattle 2011.

“Mobile is huge. The iPhone, iPad, and Android are huge. On the one hand, they are standards-facing, because they all support HTML5 and CSS3, so you can create great mobile experiences using web standards. You can create apps using web standards. On the other hand, there is also the temptation to go a proprietary route. In a strange way, although the browsers are much more standards compliant, it seems like we are redoing the browser war. Only now, it’s not the browser wars, it’s platform wars.”

Video interview, plus transcript: Interview with Jeffrey Zeldman on the State of Web Design. Thank you, Michael Slater.

Categories
An Event Apart Code content content strategy CSS CSS3 Design HTML HTML5 mobile Platforms Seattle The Profession Typography Usability User Experience UX Web Design Web Design History Web Standards Websites webtype

An Event Apart Seattle 2011

I’m enjoying An Event Apart Seattle 2011 and you’re not. Despair not, help is available:

Categories
"Digital Curation" Advocacy Appearances art direction Authoring Best practices business Community conferences content content strategy Design development editorial Education engagement Ideas Micropublishing Molehill Platforms Publications Publishing Responsibility Standards State of the Web The Essentials The Profession Usability User Experience UX Web Design Zeldman

You are all in publishing!

ON SUNDAY, while leading a discussion on the future of web design and publishing, I noticed a slightly confused look appearing on some faces in the audience. The discussion had been billed as “Jeffrey Zeldman’s Awesome Internet Design Panel,” and I thought perhaps there was a disconnect for some in the audience between “design” and such topics as where content comes from and who pays for it.

So I asked, “Who here is in publishing?”

A few hands were gently raised.

Uh-huh. “And how many of you work on the web?”

Every right hand in the room shot up.

“You are all in publishing,” I explained.

Now, I like a good rounded corner talk as much as the next designer. I’ve given my share of them. Also of line height and measure, color and contrast, how to design things that don’t work in old versions of Internet Explorer, and so on. In the practice of web and interaction design, there will always be a place for craft discussions—for craft is execution, and ideas without execution are songs without music, meaningless.

But right now (and always) there is a need for design to also be about the big strategic issues. And right now, as much as design is wrestling with open vs. proprietary formats and the old challenges of new devices, design is also very much in the service of applications and publishing. Who gets content, who pays for it, how it is distributed (and how evenly), the balance between broadcast and conversation, editor and user—these are the issues of this moment, and it is designers even more than editors who will answer these riddles.

Categories
Big Web Show Design The Big Web Show The Profession

Episode 40: Andy Rutledge

ANDY RUTLEDGE (personal site, Twitter) is our guest on The Big Web Show Episode 40, recording today, March 3, before a live internet audience at 5by5.tv/live.

Andy is a designer, composer, author, speaker, bonsai artist, capitalist, and co-founder of Unit Interactive. Before entering the design profession, he worked for 12 years as GM of a successful retail chain. Andy writes about various topics on his own sites and he’s an occasional contributor to print and online design publications.

The Big Web Show (“Everything Web That Matters”) records live every Thursday at 12:00 PM Eastern. Edited episodes can be watched afterwards, often within hours of recording, via iTunes (audio feed | video feed) and the web. Subscribe and enjoy!

The Big Web Show #40: Andy Rutledge.

Categories
"Digital Curation" Advertising Advocacy architecture Authoring Best practices copyright Corporatism Culture democracy Design engagement environment ethics The Essentials The Mind The Profession work

We Didn’t Stop The Fire.

OUR LIBRARY IS BURNING. Copyright extension has banished millions of books to the scrapheap. Digital permanence is a tragically laughable ideal to anyone who remembers the VHS format wars or tries to view Joshua Davis’s 1990s masterpieces on a modern computer. Digital archiving is only as permanent as the next budget cycle—as when libraries switched from microfilm to digital subscriptions and then were forced to cancel the subscriptions during the pre-recession recession. And of course, my digital work vanishes the moment I die or lose the ability to keep hosting it. If you really want to protect your family photos, take them off Flickr and your hard drive, get them on paper, and store them in an airtight box.

Though bits are forever, our medium is mortal, as all but the most naive among us know. And we accept that some of what we hold digitally dear will perish before our eyes. But it irks most especially when people or companies with more money than judgement purchase a thriving online community only to trash it when they can’t figure out how to squeeze a buck out of it. Corporate black thumb is not new to our medium: MGM watered down the Marx Bros; the Saatchis sucked the creative life and half the billings out of the ad agencies they acquired during the 1980s and beyond. But outside the digital world, some corporate purchases and marriages have worked out (think: Disney/Pixar). And with the possible exception of Flickr (better now than the day Yahoo bought it), I can’t think of any online community or publication that has improved as a result of being purchased. Whereas we can all instantly call to mind dozens of wonderful web properties that died or crawled up their own asses as a direct result of new corporate ownership.

My colleague Mandy Brown has written a moving call to arms which, knowingly or unknowingly, invokes the LOCKSS method (“Lots of Copies Keep Stuff Safe”) of preserving digital content by making copies of it; she encourages us all to become archivists. Even a disorganized ground-level effort such as Mandy proposes will be beneficial—indeed, the less organized, the better. And this is certainly part of the answer. (It’s also what drives my friend Tantek’s own your data efforts; my beef with T is mainly aesthetic.) So, yes, we the people can do our part to help undo the harm uncaring companies cause to our e-ecosystem.

But there is another piece of this which no one is discussing and which I now address specifically to my colleagues who create great digital content and communities:

Stop selling your stuff to corporate jerks. It never works. They always wreck what you’ve spent years making.

Don’t go for the quick payoff. You can make money maintaining your content and serving your community. It won’t be a fat fistful of cash, but that’s okay. You can keep living, keep growing your community, and, over the years, you will earn enough to be safe and comfortable. Besides, most people who get a big payoff blow the money within two years (because it’s not real to them, and because there are always professionals ready to help the rich squander their money). By contrast, if you retain ownership of your community and keep plugging away, you’ll have financial stability and manageable success, and you’ll be able to turn the content over to your juniors when the time comes to retire.

Our library is burning. We didn’t start the fire but we sure don’t have to help fan the flames. You can’t sell out if you don’t sell. Owning your content starts with you.

Categories
A Book Apart A List Apart Adobe An Event Apart Apple architecture art direction Authoring Best practices Big Web Show client services Code content content strategy creativity CSS CSS3 Dan Benjamin Design DWWS E-Books editorial Education eric meyer Fonts Formats Free Advice Happy Cog™ Haters industry Information architecture interface ipad iphone IXD javascript links maturity New Riders peachpit Publications Publishing Real type on the web Respect Responsibility Responsive Web Design Standards State of the Web tbws The Big Web Show The Essentials The Profession This never happens to Gruber Typekit Typography Usability User Experience UX W3C Web Design Web Design History Web Standards webfonts webkit Websites webtype work Working writing Zeldman zeldman.com

2010: The Year in Web Standards

WHAT A YEAR 2010 has been. It was the year HTML5 and CSS3 broke wide; the year the iPad, iPhone, and Android led designers down the contradictory paths of proprietary application design and standards-based mobile web application design—in both cases focused on user needs, simplicity, and new ways of interacting thanks to small screens and touch-sensitive surfaces.

It was the third year in a row that everyone was talking about content strategy and designers refused to “just comp something up” without first conducting research and developing a user experience strategy.

CSS3 media queries plus fluid grids and flexible images gave birth to responsive web design (thanks, Beep!). Internet Explorer 9 (that’s right, the browser by Microsoft we’ve spent years grousing about) kicked ass on web standards, inspiring a 10K Apart contest that celebrated what designers and developers could achieve with just 10K of standards-compliant HTML, CSS, and JavaScript. IE9 also kicked ass on type rendering, stimulating debates as to which platform offers the best reading experience for the first time since Macintosh System 7.

Even outside the newest, best browsers, things were better than ever. Modernizr and eCSStender brought advanced selectors and @font-face to archaic browsers (not to mention HTML5 and SVG, in the case of Modernizr). Tim Murtaugh and Mike Pick’s HTML5 Reset and Paul Irish’s HTML5 Boilerplate gave us clean starting points for HTML5- and CSS3-powered sites.

Web fonts were everywhere—from the W3C to small personal and large commercial websites—thanks to pioneering syntax constructions by Paul Irish and Richard Fink, fine open-source products like the Font Squirrel @Font-Face Generator, open-source liberal font licensing like FontSpring’s, and terrific service platforms led by Typekit and including Fontdeck, Webtype, Typotheque, and Kernest.

Print continued its move to networked screens. iPhone found a worthy adversary in Android. Webkit was ubiquitous.

Insights into the new spirit of web design, from a wide variety of extremely smart people, can be seen and heard on The Big Web Show, which Dan Benjamin and I started this year (and which won Video Podcast of the Year in the 2010 .net Awards), on Dan’s other shows on the 5by5 network, on the Workers of the Web podcast by Alan Houser and Eric Anderson, and of course in A List Apart for people who make websites.

Zeldman.com: The Year in Review

A few things I wrote here at zeldman.com this year (some related to web standards and design, some not) may be worth reviewing:

iPad as the New Flash 17 October 2010
Masturbatory novelty is not a business strategy.
Flash, iPad, and Standards 1 February 2010
Lack of Flash in the iPad (and before that, in the iPhone) is a win for accessible, standards-based design. Not because Flash is bad, but because the increasing popularity of devices that don’t support Flash is going to force recalcitrant web developers to build the semantic HTML layer first.
An InDesign for HTML and CSS? 5 July 2010
while our current tools can certainly stand improvement, no company will ever create “the modern day equivalent of Illustrator and PageMaker for CSS, HTML5 and JavaScript.” The assumption that a such thing is possible suggests a lack of understanding.
Stop Chasing Followers 21 April 2010
The web is not a game of “eyeballs.” Never has been, never will be. Influence matters, numbers don’t.
Crowdsourcing Dickens 23 March 2010
Like it says.
My Love/Hate Affair with Typekit 22 March 2010
Like it says.
You Cannot Copyright A Tweet 25 February 2010
Like it says.
Free Advice: Show Up Early 5 February 2010
Love means never having to say you’re sorry, but client services means apologizing every five minutes. Give yourself one less thing to be sorry for. Take some free advice. Show up often, and show up early.

Outside Reading

A few things I wrote elsewhere might repay your interest as well:

The Future of Web Standards 26 September, for .net Magazine
Cheap, complex devices such as the iPhone and the Droid have come along at precisely the moment when HTML5, CSS3 and web fonts are ready for action; when standards-based web development is no longer relegated to the fringe; and when web designers, no longer content to merely decorate screens, are crafting provocative, multi-platform experiences. Is this the dawn of a new web?
Style vs. Design written in 1999 and slightly revised in 2005, for Adobe
When Style is a fetish, sites confuse visitors, hurting users and the companies that paid for the sites. When designers don’t start by asking who will use the site, and what they will use it for, we get meaningless eye candy that gives beauty a bad name.

Happy New Year, all!

Categories
Big Web Show Design people The Big Web Show The Profession Usability User Experience UX Web Design Web Design History Web Standards webfonts work

The Big Web Show: Mandy Brown is up. Dana Chisnell is next.

Mandy Brown (Typekit, A Book Apart) on The Big Web Show

BIG WEB SHOW EPISODE 32 is now online for your listening and viewing pleasure. Mandy Brown (Typekit, A Book Apart) joins Dan Benjamin and me to
discuss the value of customer support, the present and future of type on the web, font choice on reader platforms, what traditional print publishers can learn from the new breed of web-based print publishers, why you’ve got to write, and why the future belongs to editors.

Dan and I thank all of you for listening, watching, and contributing your questions and comments in the chat room during the live sessions. You’ve made our little show worthwhile. We promise more thought-provoking questions and more great guests in 2011.

Dana Chisnell, usability expert, on Episode 33

Join us Thursday, 6 January 2011 at 1:00 PM Eastern for the live recording of Episode 33, as Dan and I talk with Dana Chisnell, co-author, Handbook of Usability Testing Second Edition (Wiley, 2008) about her election design usability project for the US Government, plus usable security, researching social interactions mediated by technology, whether UX is a female ghetto, and lots more.