Design Is A Relationship
MIKE MONTEIRO is a man on a mission. He wants to improve design by fixing the core of it, which is the relationship between designer and client. Too many of us fear our clients—the people whose money keeps our lights on, and who hire us to solve business problems they can’t solve for themselves. And too many clients are even more frustrated and puzzled by their designers than the designers are by the clients.
It’s the designer’s job to fix this, which is why Mike first wrote Design Is A Job, and spent two years taking the message into conference halls and meeting rooms from New Zealand to New York.
I wish every designer could read this book. I can’t tell you how many friends of mine—many of whom I consider far better designers than I am—struggle every day with terrible anxieties over how a client will react to their work. And the problem isn’t limited to web and interaction designers. Anybody who designs anything burns cycles in fear and acrimony. I too waste hours worrying about the client’s reaction—but a dip into Mike’s first book relaxes me like a warm milk bath, and reminds me that collaboration and persuasion are the essence of my craft and well within my power to execute.
If the designer’s side of things were the only part of the problem Mike had addressed, it would be enough. But there is more:
- Next Mike will help clients understand what they should expect from a designer and learn how to hire one they can work with. How he will do that is still a secret—although folks attending An Event Apart San Francisco this week will get a clue.
- Design education is the third leg of the chair, and once he has spread his message to clients, Mike intends to fix that or die trying. As Mike sees it (and I agree) too many design programs turn out students who can defend their work in an academic critique session among their peers, but have no idea how to talk to clients and no comprehension of their problems. We are creating a generation of skilled and talented but only semi-employable designers—designers who, unless they have the luck to learn what their expensive education didn’t teach them, will have miserably frustrating careers and turn out sub-par work that doesn’t solve their clients’ problems.
We web and interaction designers are always seeking to understand our user, and to solve the user’s problems with empathy and compassion. Perhaps we should start with the user who hires us.
Become a Web Developer: Avi Flombaum of The Flatiron School on Big Web Show 89
AVI FLOMBAUM, dean of The Flatiron School, is my guest in Big Web Show Episode No. 89. A 28-year-old Rubyist, Skillsharer, storyteller and entrepreneur, Avi founded Designer Pages and NYC on Rails before creating The Flatiron School—a 12 week, full-time program designed to turn you into a web developer.
Listen to Episode No. 89 of The Big Web Show.
URLS, URLS, URLS
- The Flatiron School
- Huffington Post on Avi Flombaum
- Designer Pages
- NYC on Rails
- Skillshare Master Teacher
- Avi Flombaum on Linkedin
Big Web Show 79: Eric Meyer
IN EPISODE No. 79 of The Big Web Show (“everything web that matters”), I interview CSS guru, Microformats co-founder, O’Reilly and New Riders author, and An Event Apart co-founder Eric A. Meyer (@meyerweb) about upcoming CSS modules including grid layout, flexbox, and regions; his career trajectory from college graduate webmaster to world-renowned author, consultant, and lecturer; founding and running a virtual community (CSS-Discuss); becoming an O’Reilly writer; the early days of the Mosaic Browser and The Web Standards Project’s CSS Samurai; “The Web Behind” variation of The Web Ahead podcast, and more.
Listen to the episode.
Eric A. Meyer has been working with the web since late 1993 and is an internationally recognized expert on the subjects of HTML and CSS. He is the principal consultant for Complex Spiral Consulting and lives in Cleveland, Ohio, which is a much nicer city than you’ve been led to believe. Author of “Eric Meyer on CSS” (New Riders), “Cascading Style Sheets: The Definitive Guide” (O’Reilly & Associates), “CSS2.0 Programmer’s Reference” (Osborne/McGraw-Hill), and the CSS Browser Compatibility Charts, Eric co-founded and co-directs An Event Apart, the design conference “for people who make websites,” and speaks at a variety of conferences on the subject of standards, CSS use, and web design.
Photo: Chris Jennings
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:
- An Event Apart Atlanta three-day schedule
- A Feed Apart – live tweeting, Monday through Wednesday
- AEA Atlanta Flickr Group
- An Event Apart Facebook page
Filed under: 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
HTML5, CSS3, UX, Design: Links from An Event Apart Boston 2011
THE SHOW IS OVER, but the memories, write-ups, demos, and links remain. Enjoy!
Speakers, attendees, parties, and the wonders of Boston, captured by those who were there.
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.
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.
“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.
“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.
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’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.”
“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’s amazing talk—a key aspect of design in 2011 and AEA session of note—as captured by the great Luke Wroblewski.
“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.
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.
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.”
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!
“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.
The “Mad Men” opening titles re-created entirely in CSS3 animation. (Currently requires Webkit browser, e.g. Safari, Chrome.)
Anthony Calzadilla, a key collaborator on the Mad Men CSS3 animation, showcases his works.
Pure CSS3 box-shadow page curl effect. Mentioned during Ethan Marcotte’s Day 3 session on exploring CSS3.
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!”)
Ethan Marcotte: “Hello. I am here to discuss CSS3 gradients. Because, let’s face it, what the web really needed was more gradients.”
Like it says.
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:
- Eric Meyer: CSS Anarchist’s Cookbook
- Mark Boulton: Outing the Mind: Designing Layouts That Think for You
- 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!
Filed under: 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
Big Web Show 43: Krista Stevens of Automattic & A List Apart
The Big Web Show (“Everything Web That Matters”) records live every Thursday at 3: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!
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.
Filed under: "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
From Those Wonderful Folks Who Gave You Meow Mix
I’VE TRAINED my cats to think they’re in charge, and to think they exact a tribute of two breakfasts from me each morning.
Initially I feed them each half a small can of salmon. The white cat finishes first, and scratches at the cabinets for more. As if in response, I feed them each a half can of whitefish, exactly as I always intended to. They finish with gusto, convinced that they’ve won.
I am so in client services.
And if you want to know how to succeed in client services, I’ve just told you.
HTML5 vs. HTML
Hence the HTML5 logo effort, intended as an identity system for all the hot new standards technologies—and initially bogged down by a controversy in our circle about theW3C muddying the waters. The actual muddying began when Steve Jobs announced Apple’s support for HTML5 by pointing to web stuff created with CSS3. In other words, the inaccurate use of “HTML5″ to cover HTML and non-HTML technologies coincided with the surge of interest in those technologies under that inaccurate label. Which is why some thought leaders in our community have reckoned that the business community’s confusion about what HTML5 actually means doesn’t matter so much, as long as they are clamoring for great sites, accessibly designed with web standards—and as long as developers know the difference between HTML5 and, say, CSS3.
In any case, soon after the standards digerati declared the HTML5 banner launch a communications fiasco, it emerged that the launch was actually merely a communications snafu.
An updated FAQ makes it clear that HTML5 means HTML5, that CSS3 is not part of the HTML5 specification, and so on. The W3C’s clarification allows the standards organization to have it both ways in a fashion acceptable to all. In times past, the W3C argued passionately within its own walls during the creation of web standards, only to passively release them as “recommendations” to a world that often ignored them—the development of XHTML 2 in the pure absence of worldly interest was probably the culmination of that phase. But today’s W3C has learned better. It has learned to engage its constituents and to seek approval beyond its immediate constituents—i.e. to reach out to the business community, not just to the authors of O’Reilly and Peachpit books. Its “HTML5″ identity effort represents a reasonable and meritorious effort to cash in on, prolong, and extend the world’s already keen interest in HTML5 and related technologies and practices. Meantime, the little FAQ page and other minor editorial clarifications allow the W3C to pacify its knowledgeable critics and duck the charge that it is blurring the lines between HTML, CSS, and other technologies.
Now that the story appears to be heading purposefully in a single direction, a kink in the works was inevitable.
That kink is also not surprising and not entirely unanticipated. Just when the W3C figures out that HTML5 is hot, the WHAT Working Group (the splinter group that created the actual HTML5 specification in the first place) has decided that HTML is the new HTML5:
- The HTML specification will henceforth just be known as “HTML”, with the URL
http://whatwg.org/html. (We will also continue to maintain the Web Applications 1.0 specification that contains HTML and a number of related APIs like Web Storage, Web Workers, and Server-Sent Events.)
- The WHATWG HTML spec can now be considered a “living standard”. It’s more mature than any version of the HTML specification to date, so it made no sense for us to keep referring to it as merely a draft. We will no longer be following the “snapshot” model of spec development, with the occasional “call for comments”, “call for implementations”, and so forth.
Those who are surprised should remember that the HTML5
doctype references “HTML” with no version number. In the thinking of its creators, HTML5 was always just HTML. It looked backward (the first web page ever written would be valid HTML5 with the addition of a doctype) and forward. It would continue to evolve. The WHAT WG gave itself the job of steering and updating HTML, while the W3C took on the task of maintaining milestones (a task it will continue to perform).
In practice, the WHATWG has basically been operating like this for years, and indeed we were going to change the name last year but ended up deciding to wait a bit since people still used the term “HTML5″ a lot. However, the term is now basically being used to mean anything Web-standards-related, so it’s time to move on!
To those inside the circle of trust, there is no contradiction here. The W3C will doubtless continue to market HTML5, and, for a time, design technologists will continue to write HTML5 books and teach HTML5 classes, if only to acknowledge HTML’s new capabilities and to clearly mark the break from the technologies and practices of the past. Eventually, quite probably, the WHAT WG’s view will take hold, and we will view HTML as a living specification.
Meantime, we’ll take 5.
Thanks to J. David Eisenberg for the nudge.
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.
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
- 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.
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!