UNEXAMINED PRIVILEGE is the real source of cruelty in Facebook’s “Your Year in Review”—a feature conceived and designed by a group to whom nothing terrible has happened yet. A brilliant upper-middle-class student at an elite university conceived Facebook, and college students, as everyone knows, were its founding user group. The company hires recent graduates of expensive and exclusive design programs and pays them several times the going rate to brainstorm and execute exciting new features.
I’m not saying that these brilliant young designers are heartless, or that individuals among them haven’t personally experienced tragedy—that would be mathematically impossible. I have taught some of these designers, and worked with others. Those I’ve known are wonderful people who want to make a difference in the world. And in theory (and sometimes in practice) a platform like Facebook lets them do that.1
But when you put together teams of largely homogenous people of the same class and background, and pay them a lot of money, and when most of those people are under 30, it stands to reason that when someone in the room says, “Let’s do ‘your year in review, and front-load it with visuals,’” most folks in the room will imagine photos of skiing trips, parties, and awards shows—not photos of dead spouses, parents, and children.
So it comes back to this. When we talk about the need for diversity in tech, we’re not doing it because we like quota systems. Diverse backgrounds produce differing points of view. And those differences are needed if we are to put the flowering of internet genius to use actually helping humanity with its many terrifying and seemingly intractable problems.
If we keep throwing only young, mostly white, mostly upper middle class people at the engine that makes our digital world go, we’ll keep getting camera and reminder and hookup apps—things that make an already privileged life even smoother—and we’ll keep producing features that sound like a good idea to everyone in the room, until they unexpectedly stab someone in the heart.
1 Of course, not all my former students and employees work at Facebook; most don’t. But those who have gone there had other, equally lucrative options; they took the job to make Facebook, and maybe the world, a little better.
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.
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.
IN EPISODE No. 77 of The Big Web Show, I interview returning guest Sarah Parmenter about designing an app for the homeless; the challenges of multi-device design; teaching HTML and CSS to young people; designing a complex reader app; the ideal number of employees for a small design studio; Brooklyn vs. small-town UK; and more.
The Big Web Show features special guests on topics like web publishing, art direction, content strategy, typography, web technology, and more. It’s everything web that matters.
While historically, it’s been difficult at best to create print-quality PDF books from markup alone, CSS3 now brings us the Paged Media Module, which targets print book formatting. “Paged” media exists as finite pages, like books and magazines, rather than as long scrolling stretches of text, like most websites. With a single CSS stylesheet, publishers can take XHTML source content and turn it into a laid-out, print-ready PDF. You can take your XHTML source, bypass desktop page layout software like Adobe InDesign, and package it as an ePub file. It’s a lightweight and adaptable workflow, which gets you beautiful books faster. Nellie McKesson, eBook Operations Manager at O’Reilly Media, explains how to build books with CSS3.
Grizzled job hunting veterans know too well that a sharp résumé and near-flawless interview may still leave you short of your dream job. Competition is fierce and never wanes. Finding new ways to distinguish yourself in today’s unforgiving economy is vital to a designer/developer’s survival. Happily, web standards whiz and mobile web developer Andrew Hoffman has come up with a dandy differentiator that is just perfect for A List Apart readers. Learn how to author a clean résumé in HTML5/CSS3 that scales well to different viewport sizes, is easy to update and maintain, and will never grow obsolete.
CO-FOUNDER of Mule Design and raconteur Mike Monteiro wants to help you do your job better. From contracts to selling design, from working with clients to working with each other, his brief book Design Is A Job is packed with knowledge you need to know. This is one of the most in-demand titles we at A Book Apart have yet published, and the long, long wait for its release (and yours) is finally over!
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:
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.)
NOW ONLINE for your pleasure! In Episode No. 61 of The Big Web Show (“everything web that matters”), I interview Khoi Vinh, co-creator of Mixel, former NYTimes.com Design Director, co-founder of NYC design studio Behavior, and more.
In this episode we discuss Khoi’s career, including his fine-art background, art school, and design classes, his time at AIGA, how he came to love the grid, why he joined the NYTimes.com and why he left, and more. We also explore the inspiration that led Khoi to combine social with collage, and talk about the choice every design studio faces as it begins to succeed: get bigger, or get more selective? Don’t miss this free-ranging exchange of ideas with one of webdom’s nicest and most influential designers.
The Big Web Show features special guests and topics like web publishing, art direction, content strategy, typography, web technology, and more. This episode is sponsored by Happy Cog Hosting, TinyLetter, and Uncle Slam.
TYPEKIT FOUNDER JEFFREY VEEN has always shared knowledge freely, whether writing great books about web design and user experience, or (in this case) happily sharing a key secret of his business’ success: raising money isn’t about raising money – it’s about people.
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.
“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.
“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.
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!”)
Q. Working with print designer who is just getting into web and they want to control everything. Any advice on how to deal with them? – @FossilDesigns
A. I ASSUME YOU’RE CODING what your colleague designs. Gently explain how pixel-perfect design falls apart on the web, using visual examples. Start with a design that looks great in the environment it was designed for. Your colleague will smile. “Yes, it does look nice here,” you will agree. Then move on to three or four common environments where that same design breaks or is unpleasant to use. As long as you are not being a jerk about your superior knowledge, your calm, friendly expertise together with a few examples should make your colleague amenable to learning more. At that point, there are dozens of resources in print and on the web. Start with gentle, introductory books and articles. (I wouldn’t plunge your friend into Mobile Boilerplate.) I leave it as an exercise to readers of this page to list articles and books that can help.
If your colleague remains adamant about pixel-perfect design, you’re working with the wrong designer. Relationships only work when respect flows both ways. If your partner will not listen, you need a new partner. If this is a freelance gig, find one. If it’s a job, and you simply can’t get through to your new colleague, involve your boss. Be firm but not threatening. You’re not trying to get your colleague fired, you’re simply trying to resolve a dispute in which only one of you has expertise. If you’re afraid to involve your boss, you’re in the wrong job, and your non-web-savvy colleague is merely a symptom of a larger organizational problem. Get out! You can do better.
The teacher who chastised you for “mindless doodling” was wrong on both counts. Far from shutting down the mind, the act of doodling engages the brain in the kind of visual sense-making people have practiced for over 30,000 years. Doodling sharpens concentration, increases retention, and enhances access to the problem solving unconscious. It activates the portions of the visual cortex that allow us to see mental imagery and manipulate concepts, and unifies three major learning modalities—visual, auditory, and kinesthetic. Doodle Revolution leader Sunni Brown introduces strategic doodling and presents the ABCs of our shared visual alphabet.
You don’t have to be a great singer to write a great song—just ask Bob Dylan. Likewise, you needn’t be a Leonardo to draw your way to more and better ideas. Sketching helps you generate concepts quickly, exploring alternatives rapidly and at no cost of resources. The looseness of a sketch removes inhibitions, granting clients and colleagues permission to consider and challenge the ideas it represents. Mike Rohde outlines the practice, surveys the tools, and shares ways to become confident with this method of brainstorming, regardless of your level of artistic ability.