Categories
A List Apart Design Typography Usability User Experience UX work writing

Mental models. Yipes! Stripes!

In Issue No. 267 of A LIST APART, For People Who make Websites…

Look at it Another Way

by INDI YOUNG

Before you can solve a user’s problems, you must see them as that user sees them. Once you understand what drives people’s behavior, not only do new ideas flow freely, but the ideas that flow are appropriate and useful. Indi Young tells how to get out of your own way and hear what your users are telling you.

and…

Zebra Striping: More Data for the Case

by JESSICA ENDERS

As designers or marketers, we share a desire that our tables and forms be easy to scan, read, and use. Does the widely practiced shading of alternate rows help, hurt, or have no effect? A previous study proving inconclusive, designer and researcher Jessica Enders has tackled the conundrum again, coming up with statistically relevant data and a set of recommendations.

[tags]jessicaenders, indiyoung, mentalmodels, zebrastripe, zebrastriping, alistapart, ALA, happycog, publications[/tags]

Categories
cities glamorous New York City NYC writing

Running woman and madman

Two incidents mark my morning walk to work.

i.

On Second Avenue, a long-legged woman in a short black skirt dashes past, late to an unknown appointment, her movements fluid and beautiful.

With every step, her skirt bounces, flashing legs at the avenue. Her left hand hangs at her hip, trying to keep the skirt down. But she fails at this, and the attempt only makes the male viewer more aware of the rhythmic, teasing visual.

The whole thing is unconscious. It has the visual semantics, but not the intention, of cheesecake. She is simply late, happens to be beautiful, and isn’t dressed like an Anabaptist. Nevertheless, her passage fractures the Matrix.

Even businessmen who dress like they never so much as take a breath without running a spreadsheet first can’t help turning back to get a second look.

She runs fast and is out of sight in minutes, leaving a trail of pheromones in her wake.

I want to thank her, but I would never catch up, and running after her is probably a bad idea.

ii.

Minutes later, approaching Lexington Avenue, I see a mentally ill man hurling racial epithets at the street.

“Fuck you motherfucking niggers,” he shouts.

Did I mention this part? He is black.

In his hand is a beer that a clerk at a nearby convenience store apparently thought was an okay thing to sell him.

He screws up his face into a horror mask and screams nonsense syllables as I pass him.

On the corner with several other people, waiting for the light to change, I feel him sneak up on us, and a moment later he defeats his own sneaking by shouting again.

“Don’t GIVE a fuck!”

A large plastic milk carton sits abandoned on the sidewalk. He grabs it and flings it into the street, just missing us corner-bound pedestrians. The milk carton touches down in a busy lane of traffic. Speeding cars begin changing lanes to avoid smashing into it.

Damn it, I think.

I think this because I know I’m going to get tangentially involved, and past experiences with mentally ill street people have not gone well. There was the guy in DC harassing women on the train. I interceded and he messed with me. DC yuppies, watching the whole thing, moved away rather than help. Then there was the guy— Well, anyway, enough.

I walk into the oncoming traffic, pick up the milk crate, take it back to the sidewalk, and push it down directly in front of the raging drunken mentally ill homeless man.

I look at him, he looks at me.

I don’t know whether my eyes are communicating toughness, compassion, or a kind of inattention—as if, by not focusing on him, he might not focus on me. I have no strategy. I’m moving on instinct and my plan is to disengage.

Whatever happened between us passes. I turn back to the street, the light changes in my favor, I move quickly into the intersection.

Behind me, he throws an abandoned filthy bath rug into the street.

I let him win that one.

[tags]cities, NYC, New York City, urban, living, urban living, street, life, streetlife, myglamorouslife, glamour, zeldman[/tags]

Categories
A List Apart content Design development Publications Publishing Standards style work writing

ALA 266: next generation sprites, metaphors

In Issue No. 266 of A List Apart, for people who make websites:

CSS Sprites2 – It’s JavaScript Time

by DAVE SHEA

In 2004, Dave Shea took the CSS rollover where it had never gone before. Now he takes it further still—with a little help from jQuery. Say hello to hover animations that respond to a user’s behavior in ways standards-based sites never could before.

Mapping Memory: Web Designer as Information Cartographer

by AARON RESTER

The rise of the social web demands that we rethink our traditional role as builders of digital monuments, and turn our attention to the close observation of the spaces that our users are producing around us. It’s time for a new metaphor. Consider cartography.

[tags]daveshea, aaronrester, alistapart, webdesign, webdevelopment, informationarchitecture, userexperience, css, sprites, jquery, animation, navigation[/tags]

Categories
A List Apart Accessibility Community Design development Publications Publishing work writing

ALA No. 265: better experience

In Issue No. 265 of A List Apart, for people who make websites: The web is a conversation, but not always a productive one. In “Putting Our Hot Heads Together,” Carolyn Wood shares ways to transform discussion forums and comment sections from shooting ranges into arenas of collaboration. Plus: Because of limited awareness around Deafness and accessibility in the web community, it seems plausible to many of us that good captioning will fix it all. It won’t. In “Deafness and the User Experience,” Lisa Herrod explains how to enhance the user experience for all deaf people.

P.S. The Survey for People Who Make Websites closes Tuesday, August 26. Don’t miss your chance to help educate the world about the practice of our profession. Please take the survey and encourage your friends and colleagues who make websites to do likewise.

Comments off.

[tags]alistapart, deafness, user experience, UX, accessibility, collaboration, discussion, comments, community [/tags]

Categories
A List Apart Accessibility Applications architecture art direction business Career client services Community content Design development Diversity experience Happy Cog™ Ideas industry Standards Survey User Experience UX Web Design work Working writing

The Survey for People Who Make Websites

It’s back, it’s improved, and it’s hungry for your data. It’s A List Apart’s second annual survey for people who make websites.

I took it! And so should you. The Survey for People Who Make Websites.

Last year nearly 33,000 of you took the survey, enabling us to begin figuring out what kinds of job titles, salaries, and work situations are common in our field.

This year’s survey corrects many of last year’s mistakes, with more detailed and numerous questions for freelance contractors and owners of (or partners in) small web businesses. There are also better international categories, and many other improvements recommended by those who took the survey last year.

Please take the survey and encourage your friends and colleagues who make websites to do likewise.

[Comments off. Pings on.]

[tags]survey, web design survey, webdesign, webdevelopment, professional, alistapart[/tags]

Categories
Coudal Partners events work writing Zeldman

Lower East Side Lit

Monday, July 28, at 7:00 PM, in the company of my fellow field testers, I’ll be giving a reading at Coudal Partners’s Field Tested Books Live. Join us on the rooftop of the Delancey at 168 Delancey Street, New York, NY 10002 (map). Admission is free.

Scheduled readers:

  • Ben Greenman
  • Liz Danzico
  • Steven Heller
  • Ron Hogan
  • Matt Linderman
  • Randy Cohen
  • Randy J. Hunt
  • Debbie Millman
  • John Gruber
  • Jon Parker
  • Andy Ross
  • Jason Santa Maria
  • Maud Newton
  • Michael Surtees
  • Michael Bierut
  • Scott Korb
  • Mike Sacks
  • Pitchaya Sudbanthad
  • Jeffrey Zeldman

[tags]fieldtested, coudal, delancey, zeldman, live, readings[/tags]

Categories
A List Apart Freelance Web Design work Working writing

Underwear

One of my happiest memories is the day I quit my job. No longer was I a mere office shlub, meekly thanking life for the cold mashed potatoes it deigned to drop onto my plate. I was somebody now—somebody with a destiny. I was a web designer.

Times being what they are, more and more of us are working at home, not always by choice.

Working from home as a freelancer or remote employee can be fabulous. But if you share that home with a family and kids, creating a productive, professional environment can be challenging.

In Issue No. 263 of A List Apart, for people who make websites, Natalie Jost discusses the joys, sorrows, and coping techniques of Walking the Line When You Work from Home.

Natalie is a great writer and as a freelance web designer, wife, and mother of three girls, she knows whereof she speaks.

If you identify with what Natalie has to say, and if you have some home-working tips of your own to share, please tell us how you overcome distractions and deal with deadlines while walking the blurry line between work and home.

[tags]freelance, working, workathome, alistapart, nataliejost[/tags]

Categories
art art direction Blogroll books Community content creativity Design experience Ideas industry people Web Design work writing Zeldman

Around the Word with Web Talent

My first book didn’t sell very well but it had an effect on people’s hearts. Web designers around the world circulated a single copy of Taking Your Talent to the Web, adding their autographs, drawings, photos, and other verbal and visual messages to every page—even the covers and spine.

While unpacking from the office move, I found this special world-traveled copy of the book and snapped a few pages at random. Some people who signed this book went on to do amazing things on the web. Others lowered their profiles but continued to do work of quality and significance. Still others simply disappeared. (At least they disappeared from the worldwide web design community.) I love every one of them. Thank you all again.

A photo spread on Flickr Around the Word with Web Talent.

[tags]webdesign, community, talent, takingyourtalenttotheweb, newriders, publishing, book, books, zeldman, writing, dreamless[/tags]

Categories
A List Apart development Web Design writing

ALA No. 262: Binding & Subversion

In Issue No. 262 of A List Apart, for people who make websites, Ryan Irelan invites us to collaborate and connect with Subversion, and Christophe Porteneuve explains how to get out of binding situations in JavaScript.

Comments off.

[tags]alistapart, webdesign, webdevelopment, javascript, binding, subversion, Christophe Porteneuve. Ryan Irelan[/tags]

Categories
Blogs and Blogging wordpress writing Zeldman zeldman.com

Where do you begin?

Q. I’m searching for your archive. Whenever I find a really good blog, I like to start at the beginning so I can understand better some of what you’re talking about. And I can’t find any link to your archives.

A. Thanks for writing. I started my site in 1995. There weren’t blogging tools back then, hence there aren’t archives in the sense you are describing. I published via hand-coded HTML until around 2004, when I began using WordPress. All my pre-WordPress content is still online; you just have to keep hitting the “PREVIOUS” button to get to it. Sorry about that.

[tags]writing, blogging, wordpress, archive, archives, site, data, organization, structure, dailyreport, zeldman, zeldman.com[/tags]

Categories
A List Apart content Design development Publishing writing

ALA 260: Bolton vs. Boulton

In Issue No. 260 of A List Apart, for people who make websites:

Writing an Interface Style Guide

by JINA BOLTON

Ever designed or developed a beautiful interface only to find your hard work ruined months later by gaudy graphics or invalid markup? With proper documentation you’ll have a better chance at seeing your interface stay beautiful. Jina Bolton guides us through the process of developing an interface style guide.

Saving the Spark: Developing Creative Ideas

by MARK BOULTON

Ideas are at the heart of every creative process. However, coming up with them can be hard work. Mark Boulton arms us with tools to meet this challenge.

About the Magazine

A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices. Explore our articles or find out more about us.

Comments off

Comments are welcome in the magazine.

[tags]alistapart, design, styleguide, ideas, brainstorming[/tags]

Categories
Community Design tweets twitter writing

Fish tacos FTW nom nom nom

You can look at Twitter as text messaging or as micro-blogging.

If it’s text-messaging, of concern only to your closest friends, then content such as “Dude, where are you? We’re in the mezzanine” is perfectly appropriate, and “Fish tacos FTW nom nom nom” is practically overachievement.

If it’s micro-blogging, then you may be obliged, like any writer, to consider your reader’s need for value.

Writers inform and enlighten. They create worlds, ideologies, and brochure copy.

In 140 characters, a good writer can make you laugh and a great one can make you march.

You thought I was going to say “cry.” That, too.

Not everyone who blogs is Dostoevsky, and with ten Twitterers for every blogger, the literary riches are spread thin.

Fine writers are using Twitter—they’re using it even more than they’re using their personal sites, because it’s an even faster means of distributing what they have to offer, which is jokes, poems, and ideas.

The good writers are easier to discover thanks to tools like Favrd. (The best thing about Twitter is its unfulfilled potential. Some developers reach their highest level of attainment creating some of the many features Twitter didn’t come with.) Tools like Favrd also change the discourse: writers write differently when they think someone is reading, and self-consciously clever Twitterers have responded to Favrd by posting stuff that’s more likely to get favored—like directors playing to critics.

But nobody just follows on Twitter. Sure, you follow, but you also create. And you might consider that an obligation to occasionally create meaning, color, and richness.

I don’t view http as a medium for phone chatter. I don’t mean you can’t place phone calls over the internet—of course you can. I mean I’m old-fashioned enough (or have been doing this long enough) to view the web mostly as a publishing medium, with all the obligations that implies. So while I sometimes use Twitter as a homing device, I mainly try to think of it as the world’s smallest magazine, published by me.

In my ceaseless effort to impose my views on others, I recently declared a moratorium on banal tweets about food and drink.

The public was overwhelmingly supportive.

Whether it’s good for your readers or not, approaching Twitter as a writer’s tool (or the world’s smallest magazine, published by you) can be good for you. Getting off a nice Tweet can be like popping a breath mint or finishing a work-out at the gym. It refocuses the day, relieves tension, empowers constructive criticism, and generally helps clarify the muddle of your thoughts.

Conscious Twittering FTW.

[tags]writing, twitter, publishing, the web[/tags]

Categories
A List Apart business Career client services content Design work writing

ALA 259: Career and Content

In Issue No. 259 of A List Apart, for people who make websites:

The Cure for Content-Delay Syndrome

by Pepi Ronalds

Clients love to write copy. Well, they love to plan to write it, anyhow. On most web design projects, content is the last thing to be considered (and almost always the last thing to be delivered). We’ll spend hours, weeks, even months, doing user scenarios, site maps, wireframes, designs, schemas, and specifications—but content? It’s a disrespected line item in a schedule: “final content delivered.” Pepi Ronalds proposes a solution to this constant cause of project delays.

Why Did You Hire Me?

by Keith LaFerriere

Landing a new job or client is difficult in this economic climate. Undelivered contractual promises and work environment shortcomings can transform that challenge into a long-term nightmare. Keith LaFerriere shows how to get paid what you’re worth; how to fight for control of your projects using management tools corporate cultures respect (even if they don’t understand your work); and how to tell when it’s time to jump ship.

[tags]alistapart, webdesign, tips, content, writing, editors, editorial, control, career, client services[/tags]

Categories
Advertising Amazon arts Deck, the Design The writing zeldman.com

An e-mail from Chip Kidd

I’ll never forget the day Chip Kidd sent me an e-mail. Chip Kidd, author of The Cheese Monkeys, the book that does for design school what Nathaniel West’s Day of the Locust did for Hollywood.

I wrote about Chip Kidd’s work and he sent me a polite e-mail in response. He called me “Mr Zeldman.” Him. He. That Chip Kidd.

Chip Kidd, my all-time-favorite, hall-of-fame book cover designer. Fabricator of the jackets on at least half the modern novels I’ve bought “on impulse”—that impulse triggered and exquisitely controlled by Kidd, who approaches the problem of book design the way a director approaches montage in film. Not a crude film director, but a sly one. One who attacks at tangents, combining images to create compelling narratives that strangely illuminate but never crassly illustrate each book’s contents.

Let me tell you about Chip Kidd. I stare at his work, trying to figure out how he does it. Looking for flaws, like you do when someone is that good. Chip Kidd, you might say, is a design hero of mine. He is likely a design hero of yours, too.

Now he works for us.

The Deck, the premier network for reaching creative, web and design professionals, is proud to welcome Chip Kidd, Dean Allen, Ze Frank, and the crew behind Aviary as the newest members of our network.

  • Chip Kidd: See above.
  • Dean Allen: One of the finest writers ever to grace the web with wit, insight, and a distinctively detached charm. Also a heck of a book designer, although of a very different school from Chip Kidd. Also a software developer, and not a bad hand at web design. I chose Dean Allen to redesign The Web Standards Project when I was ready to leave the august institution. (It has since been redesigned by Andy Clarke. Not a bad progression.)
  • Ze Frank: A man who needs no introduction. The original bad boy of look-at-me, the-web-is-TV. Artist, illustrator, satirist, programmer, and on-screen personality. The Jon Stewart of confessional web video. The Laurie Anderson of pop. The boy Lonely Girl only dreams of becoming. Too big for TV, too big for your iPhone. Coming soon to a conference near you.
  • Aviary: makers of rich internet applications geared for artists of all genres. From image editing to typography to music to 3D to video, they have a tool for everything.

The Deck delivered 20,121,412 ad impressions during April. Limited opportunities are now available through the Third Quarter of 2008.

[tags]Chip Kidd, Dean Allen, Aviary, Deck, The Deck, advertising[/tags]

Categories
Blogs and Blogging Design people Publishing social networking Tools tweets twitter work writing Zeldman zeldman.com

The vanishing personal site

OUR PERSONAL SITES, once our primary points of online presence, are becoming sock drawers for displaced first-person content. We are witnessing the disappearance of the all-in-one, carefully designed personal site containing professional information, links, and brief bursts of frequently updated content to which others respond via comments. Did I say we are witnessing the traditional personal site’s disappearance? That is inaccurate. We are the ones making our own sites disappear.

The vanishing personal site.

Obliterating our own readership and page views may not be a bad thing, but let’s be sure we are making conscious choices.

Interactive art director Jody Ferry’s site is a perfect example of the deeply decentralized personal page. I use the term “page” advisedly, as Jody’s site consists of a single page. It’s a fun, punchy page, bursting with personality, as intriguing for what it hides as what it reveals. Its clarity, simplicity, and liquidity demonstrate that Jody Ferry does indeed practice what the site’s title element claims: Interactive Art Direction and User Experience Design. All very good.

It could almost be the freshened-up splash page of a late 1990s personal site, except that the navigation, instead of pointing inward to a contact page, resume, blog, link list, and photos, points outward to external web services containing those same things. Mentally insert interactive diagram here: at left is a 1990s site whose splash page links to sub-pages. Structurally, its site map is indistinguishable from an org chart, with the CEO at the top, and everyone else below. At right, to re-use the org chart analogy, a site like Jody’s is akin to a single-owner company with only virtual (freelance) employees. There is nothing below the CEO. All arrows point outward.

Most personal sites are not yet as radically personal-content-outsourced as Jody’s, and certainly not every personal site will go this way. (Jody’s site might not even be this way tomorrow, and, lest it be misunderstood, I think Jody’s site is great.) But many personal sites are leaning this way. Many so inclined are currently in an interim state not unlike what’s going on here at zeldman.com:

  • There are blog posts here, but I post Tweets far more frequently than I write posts. (For obvious reasons: when you’re stuck in an airport, it’s easier to send a 140-character post via mobile phone and Twitter than it is to write an essay from that same airport. Or really from anywhere. Writing is hard, like design.) To connect the dots, I insert my latest Tweet in my sidebar. I have more readers here than followers at Twitter, but that could change. Are they the same readers? Increasingly, to the best of my knowledge, there are people who follow me on Twitter but do not read zeldman.com (and vice-versa). This is good (I’m getting new readers) and arguably maybe not so good (my site, no longer the core of my brand, is becoming just another piece of it).
  • Like nearly everyone, I outsource discoverable, commentable photography to Flickr.com instead of designing my own photo gallery like my gifted colleagues Douglas Bowman and Todd Dominey. Many bloggers now embed mini-bits of their Flickr feeds in their site’s sidebars. I may get around to that. (One reason I haven’t rushed to do it is that most of my Flickr photos are hidden behind a “friends and family” gateway, as I mainly take pictures of our kid.) Photography was never what this site was about, so for me, using Flickr is not the same as outsourcing the publication of some of my content.
  • As I’ve recently mentioned, links, once a primary source of content (and page views) here, got offloaded to Ma.gnolia a while back. From 1995 until a few years ago, every time I found a good link, an angel got his wings and I got page views. My page views weren’t, brace yourself for an ugly word, monetized, so all I got out of them was a warm feeling—and that was enough. Now my site is, brace yourself again, monetized, but I send my readers to Ma.gnolia every time I find a link. Go figure.

I’m not trying to get rid of my readers, nor are you trying to shake off yours. In the short term, including Flickr, Twitter, and Ma.gnolia or De.licio.us feeds sends traffic both ways—out to those services, but also back to your site. (Remember when some of us were afraid RSS would cost us our readers? It did and it didn’t. With RSS, good writers gain readers while often losing traditional page views. But that’s another story.) I’ve certainly found new websites by going to the Twitter profile pages of people who write funny or poignant Tweets. Behind a great Flickr photo may be a great designer whose site you might not have found if not for first seeing that photo.

Site of André Gonçalves

But outsourcing the publication of our own content has long-term implications that point to more traffic for the web services we rely on, and less traffic and fewer readers for ourselves.

This is not necessarily a bad thing. Not every person who designs websites needs to run a personal magazine on top of all their other responsibilities. If your goal in creating a personal site way back when was to establish an online presence, meet other people who create websites, have fun chatting with virtual friends, and maybe get a better job, well, you don’t need a deep personal site to achieve those goals any more.

But if world domination is your goal, think twice before offloading every scrap of you.


Translations

[tags]personal sites, blogs, blogging, de.licio.us, ma.gnolia, flickr, twitter, jodyferry, outsourcing, content, readers, readership[/tags]