Category Archive: User Experience Design

Design Research is a Design Process

January 24th, 2008

burroughs_emeter.jpg

I have a tendency to be extremely skeptical about user research in the design process. This is mostly because so much of it is, IMHO, (a) fundamentally bad (e.g., employing sloppy research methods or hamfisted statistical analyses), (b) flatly dishonest (e.g., dressing unscientific research in pseudo-scientific drag in order to justify a desired result), and (c) runs against what I think to be effective design methodologies.

I’m beginning to think my distrust runs even deeper. So deep that I fear I may be gaining a reputation as a “research curmudgeon” who’ll always have a knee-jerk dismissal of any new or clever techniques that pass under my nose. This may be true — I may be overly skeptical sometimes.

But now I think I can explain it with a little more nuance than before, and offer a new and largely positive perspective on research as part of a design process.

In the past, my scorn for user research has been aimed at everything from baroque user persona proceses to no-duh eyetracking studies. The latest technique I reflexively scoffed at is “modemapping” (pointed out to me by David Armano), a technique developed by Stuart Karten Design. Thinking more about the potential uses of modemapping made me realize that my scoffing was not directed so much at the technique itself, but that, instead, I have a deeper problem with the formalization of design research in general.

modemapping.jpg

First, what is modemapping? Well, it’s not so much a research gathering technique as it is a method of interpreting data. To produce a modemap, researchers first interview and observe users (no differently than they would for any sort of primary ethnographic research). Then they use the data to diagram each user’s behavior on a timeline-like chart. The resulting “modemaps” visually distinguish between different types or modes of activity a person may find themselves in during a given timeframe, such as during a typical weekday.

To someone like me, a lover of information graphics (and in particular of timelines), modemapping did have an immediate visceral appeal.

When I thought a little more about modemapping, however, I asked myself: Could the observations gleaned from these modemaps really be any different from — or better than — the observations that a good researcher could have gleaned simply by conducting the interviews, reading the transcripts, and watching the videos? Is this just a way to spend an extra week or two of research budget to develop fun graphics? Is this just infoporn that looks hot but doesn’t reveal new information or insights about the underlying data?

But then I realized that this kind of seemingly-pointless abstraction is exactly what I do when I make a jump from facts to ideas, from thinking to designing. For me it’s not the diagram or the artifact that matters. It’s the process of making the diagram that produces innovation. The most powerful design insights do not simply emerge from the diagram for any third-party viewer to read as if they were reading a billboard. More likely the design insights enter the mind of the diagram-maker while they are assembling it. The final modemap artifact simply serves as a tool to explain the designer’s inspirational process to other people (non-designers, especially, but also to other designers) in the hopes that the customers of the diagram (whether they be clients or collaborators) may understand the merits of the design. The diagram may even, in fact, be let incomplete or even discarded upon completion if the design insights may be better expressed through another means.

My Design Process

When I am designing, I almost always do tons of research first. But at some point I will start doodling and sketching different ways of making the data mean something. I try to visualize and organize the facts into systems. I’ll go through dozens of quick and wildly different sketches of how the data might fit together, almost always with no idea of how the sketching process will end up.

Quite frankly, much of this time might even be spent staring into space and just thinking, visualizing the data in my head. Sometimes the resulting sketches will resemble or even closely conform to known data interpretation techniques such as mental models, flowcharts, affinity diagrams, Venn diagrams, quadrants, and many others. I’ve probably used half the techniques in the visualization periodic table without even knowing it.

The “not knowing it” part is where my user research curmudgeon-ness comes in. I have a passion for letting my mind wander freely and letting it discover revelatory and meaningful visualizations. Rather than letting the visualization lead my idea process, though, I let the idea process generate the visualization. Because I prefer this way of thinking and designing, I have an immediate disdain for any methodology that purports that a particular data interpretation or visualization technique is the right one for a job. How can a great designer know what tools they will use before the design process begins? They simply can’t.

It’s a fundamental quality of design thinking, I suppose, to let the ideas determine the process. What veers us away from design thinking and towards (for lack of a better term) business thinking is the formalization of a research and research interpretation process. Instead of asking researchers to bask in the data using whatever methodology suits their temperament and idiosyncratic thought process, commercial design culture often asks the design researcher to fit their research into a proscribed process, in this case the “modemapping data interpretation machine”. The techniques themselves don’t demand this — the demand for pre-planned processes comes from business constraints where customers need to know what they are paying for.

This is a real conundrum for the research-minded design thinker who needs to keep to a budget: How do you sell a research-based methodology if you cannot say for sure what research-interpretation method you will use? How do you productize or justify the value of “staring into space for a few hours thinking about the problem”, or “sketching in a moleskine for a few days”?

How Deep is your Internet News?

January 8th, 2008

paperboy.jpg

In today’s Times, I read a story that included a fallacy that I’m pretty fed up of hearing: The accusation that web-based news and journalism is overly brief and shallow, that it caters too much to the short attention spans of ADD-addled youths, and that the web is ushering in a new era of crappy journalism:

[Panasonic President Toshihiro] Sakamoto said he has a “dream” of seeing a newspaper presented beautifully on a television. (I hate Internet news, he said; it’s just a series of small sound bytes and quick updates. He’d prefer to see the entire paper).

I have to ask: Exactly which InterWeb is he looking at? Certainly not the one I am used to getting my news from.

My entire experience of Internet news has been deep and substantive, the polar opposite of this stereotype. All of the major news services have moved gracefully and effectively into the Web, IMHO. The most avid news consumers, too, now voraciously consume online news, including the new citizen journalism of blogs. So why does this myth persist?

I mean, it’s not like there’s any evidence. Newspaper web sites include not only the exact same full-length stories featured in their print editions, but they usually also contain tons of deeper content than their paper counterparts, such as background information, raw reporter’s notes, news from other news services, plus more photography, audio, and video. Even TV news web sites run AP and Reuters news stories, not to mention uncut transcripts of their TV reportage, and go far, far beyond anything they show on the air.

Web news is everything print news and TV news is — and more. There’s simply no way you can argue that Internet news isn’t in every way superior in depth and quality to the news delivered in other media.

The only reasonable conclusion I can make is that people who argue this don’t actually read news on the web but want to sound like they do. Maybe they watch short videos clips of news stories now and then, or read the home pages without clicking to read the actual articles. But they can’t possibly be reading real news web sites and contend that the journalism is lacking in depth and quality compared to other media. I suppose they can’t even conceive that the real news on the web is delivered in a traditional but time-consuming medium: Words.

Challenge: If You Can’t Say Something Nice about OLPC…

December 23rd, 2007

sugarui.jpg

The One Laptop Per Child, officially known as XO, is now appearing in people’s mailboxes. The unboxing photos are up on flickr. The OLPC buzz is hot!

But I’m a little sour about it. It feels like I have read nothing but breathless praise for the design and implementation of the devices, both the hardware and the software. Mixed with the kudos there have been some critiques of the methodology and pedagogy behind the whole project, questioning the idea of giving laptops to third-world kids in the first place and criticizing the designers for arrogantly avoiding user research and for not testing the device with real third-world kids. But even the harshest critics of the project seem to have nothing but praise for the design and even for the usability of the devices.

So why am I not excited? Well, to put it bluntly, I find the positive reviews of the UI design extremely hard to believe. From what I’ve seen, the UI bears all the hallmarks of a user interface disaster, a case study in designer-driven design. I don’t understand why the whole UX world isn’t awash in skepticism over an OS that looks all the world like a Microsoft BOB for the Wallpaper* set.

At some level I suspect there is a certain degree of reluctance on the part of user experience critics to stand up and say something bad about a project whose objectives seem so noble and generous. Maybe it’s a “if you can’t say something nice, don’t say anything at all” thing.

So I have a challenge for UX pundits and professionals who are also proud new owners of the XO: Say something nice about the Sugar UI. Or say something critical. But talk about the user interface for real, in detail, and don’t hold back.

Don’t just talk about how awesome the project itself is, about the great minds behind it, or about the clever hardware and the cool mesh network functionality. Talk about the usability of the software. Think of how the design might be different, how it might work better.

I’ve not actually used an OLPC yet (I hope to very soon). I have seen a lot of screenshots and videos, however, and have used the emulator a little bit. But even the screenshots give me a deep, gut feeling that something is very wrong with this user experience. To wit:

  • The game-like and oft-abused spatial metaphor, suggesting that the relative positions on the screen are where other people actually are in the real world.
  • The circular menu — a darling of academia, unproven in any real-world context. As with the spacial metaphor, I think this idea has promise, but seeing it on the XO tells me that the designers simply want to prove a point.
  • The idealistic and haphazard usage of language-agnostic iconography, which falls apart at every turn whenever words become unavoidable, defeating the whole point of using icons.
  • The frequent lapses into a menagerie of half-baked and crappy open source user interfaces.
  • The exposure of hard-core programming tools to extreme novice users (especially the choice of the ubergeek language Python!).

And, oh, those icons!

minefield.jpg

I can’t get over the creepy similarity between the Sugar UI’s icon for a person and the internationally-familiar “skull and crossbones” symbol, in particular its incarnation as the icon for minefield warning signage. Wealthy first-worlders might not see it this way, but if you live somewhere where minefields actually exist, and where children have been injured and killed by them, this might not be such an extreme connection. Not to push this too far, but the military term for a minefield/landmine is “UXO” (unexploded ordinance).

I hate to come across as bitter or petty here — I am actually quite sympathetic to the idea that technology can play a big part in the education of kids living in poverty around the world. I actually hope to be able to read some convincing arguments that the Sugar UI is great. In particular I would love to hear that it can and does work well for third-world kids.

The key word here is “convincing”. So far, much of the design commentary has been praise based on the pedigree of the team behind it — MIT Media Lab, Pentagram, Fuse Project etc. I want to get beyond that and talk about the UI itself and how people use it. Of course, this may take a while to emerge as the devices make their ways into the hands of children around the world. This is obviously a developing story.

The 1/2-inch Headphone Cord (iPhone Ready!)

December 9th, 2007

halfinch_headphones_410.jpg

I bought Peggy a new pair of studio monitor headphones for her birthday last week. So now we have an extra pair of my favorite headphones, the Sony MDR-V600. I decided to try an experiment I’ve always wanted to do: To separate a pair of headphones from its cord.

My practical objective was in part driven by the onset of winter’s cold: I wanted to figure out a way to use full sized over-the-ear headphones with my iPhone, without losing the ability to use the iPhone’s wonderful on-cord control doohickey (which allows you to pause, play, or skip tracks, as well as being a hands-free microphone and call controller).

So I opened up the headphones, cut the cord down to only a few inches, and soldered the shortened cord to the contacts inside the headphones themselves. I closed everything up, and the result can be seen above.

shure_150.gif

Now, what about the iPhone’s clever controller cord?

Shure makes a nifty little doodad that does exactly this: it has all the functions of the iPhone doohickey, but instead of having any headphones of its own it allows you to plug your own headphones into the female socket on the end of it. Many users of the Shure cord complain about all the excess cordage that results from using this with a full set of headphones. But I think with these no-cord headphones I’ve managed to completely avoid that problem. I’ve just now ordered the Shures from the Apple Store, and I look forward to plugging these two things together and rocking out in the cold weather.

headphone_drawing_320b.jpg

This idea, in fact, has been bouncing around in my head for several years, long before the iPhone. I’ve long thought that headphones, especially high-end headphones, should come in two peices: (a) the part that goes on/over/in your ears, and (b) the cord. Headphone cords could then come in a variety of lengths, colors, and features. So you could choose a 10-foot long phone-like coiled cord for use as you dance around to your latest track in your home music studio, or you could choose a compact lil’ 2-foot cord for when you are keeping your iPod nano in your breast pocket.

In my original conception, the headphones would have no male plug on them at all. They would merely have a female socket, while the cords would be male-to-male. But since female-to-male headphone extension cords, like the Shure model, are a more common (and more useful) accessory, I opted for the female-to-male approach for the headphone cord.

Finally, I just realized that I can also simply plug an iPod shuffle directly into the headphones and go completely cordless, rocking out with a single dangling iPod earring.

shure_and_headphones_320.jpg

UPDATE: Well, the Shure cord arrived yesterday, and the whole setup works great. The cord is short — just long enough to reach my pants pocket. It is not an inch longer than it needs to be. The sound quality is fine, the industrial design is solid. Success!

Kindle Review in the Form of a Photo Collage

November 25th, 2007

bookstacks_660.jpg

I’m not going to say much about Kindle — as an iPhone owner, I find both the device and the service colossally dumb.

But the breathless excitement over the supposed “death of the book” is even more preposterous than Amazon’s little white elephant, especially to book lovers like my wife and me. For us, books, periodicals, and printed matter of all sorts comprise, quite literally, the very structure of both our intellectual and physical worlds. Books surround us. Our loft is subdivided into rooms using bookshelves. Every surface has a stack of hardbacks, paperbacks, and magazines on it. We both grew up surrounded by the printed word — looking at them, feeling them, smelling them — and we intend for our family to continue in that tradition.

Books are the building blocks of libraries, and our libraries reflect who we are. John Gruber’s critique of Kindle as a profound rip-off for true book lovers is spot on:

So the Kindle proposition is this: You pay for downloadable books that can’t be printed, can’t be shared, and can’t be displayed on any device other than Amazon’s own $400 reader — and whether they’re readable at all in the future is solely at Amazon’s discretion. That’s no way to build a library.

Here’s a far better idea, one that book lovers who also happen to be technophiles would love: Bundle print and digital copies of books together for the same price, perhaps as a very small cost increase (say 5%) to the basic print price. You can think of it as a free digital backup copy, or as a digital reference edition. Other advantages include:

  • Scholars, journalists, and reviewers can use the digital copy for searches, citations, quotations, and literary analysis.
  • References to external sources can be clickable URLs.
  • Since so many digital book owners print them out, the bundling will inevitably save a few trees.
  • Having a digital copy precludes the need to print an index in the physical book. There’s no need to even construct one in the first place — let users simply search it digitally.
  • While I still think DRM is evil, it wouldn’t be quite so onerous as long as a physical copy was in my permanent posession.

John Gruber includes this fabulous Emerson quote in his review:

If you would know how a man treats his wife and his children, see how he treats his books.

Many of the core lifestyle and business ideas behind Kindle are, frankly, an affront to what I love about books. What is most surprising is seeing Amazon — of all companies! — treating book lovers in this way. This is not innovative thinking at all.

In Defense of Graphic Design on the Web

November 19th, 2007

rand_www.gif

At the Speak Up graphic design blog, Armin Vit laments the lack of “landmark” or canonical web designs. After giving several examples of iconic designs that are truly landmarks in the history of graphic design, from Paul Rand’s IBM logo in the 1950s to Paula Scher’s Public Theater posters in the 1990s, he writes:

Myself, I could list projects in every category from logos, to annual reports, to magazine covers, to packaging, to typefaces, to opening titles that could be considered landmark projects… But when it comes to web sites, I can’t think of a single www that could be comparable — in gravitas, praise, or memorability — as any of the few projects I just mentioned.

Joshua Porter, however, thinks that Armin is barking up the wrong tree, arguing at his own blog that Armin’s singular focus on graphic design is misguided:

But, frankly, I think Armin has missed his own point. He wants to know what web designers see as canonical, but he’s dismissing the obvious answer because it doesn’t fit into his canonical mold of graphic design. In other words, he’s looking at Google from a graphic design perspective, when web designers necessarily have to look at it from an interaction design perspective.

If Armin were to ask web designers and web development teams what the canonical web designs are, he would get very clear answers.

Joshua then goes on to cite Google and Amazon as canonical web designs because they do what they do exceptionally well — and that doing things is what web design is all about. He continues:

So while Armin doesn’t want this to be about graphic vs. web design, it has to be at some level because web designers necessarily approach design from a different perspective than graphic designers.

That’s where he loses me. This is, at least to Joshua, just another turf war between interaction design and graphic design, an unfortunate debate that I had hoped had been put to rest in the last decade.

Joshua is buying into the idea that “graphic design” on the web is at best a lesser practice than some other, bigger thing called “web design” (which he says is really “interaction design”, but whose purview also apparently encompasses programming, strategy, content, information architecture, interaction design, and presumably even graphic design itself).

It’s certainly a good thing to talk about web design holistically and to see all of these things as interconnected, but must such discussion be at the expense of graphic design? Is discussing graphic design off limits? It’s clear that Armin was talking specifically about graphic design, but Joshua sees this not as a professional focus but, rather, as a fundamental shortcoming.

Perhaps Armin brought it on himself by using the phrase “web design” when it seems he really means “graphic design on the web”. Given that Speak Up is a *graphic design* site, I would have thought this focus would have been presumed by most readers. But when Joshua compares Google to Armin’s historical graphic design examples, and then claims Google’s iconic stroke of genius lies in its functionality, he is doing the equivalent of claiming that:

  • Milton Glaser’s Dylan poster’s “design” includes Bob Dylan’s lyrics
  • Vignelli’s subway map “design” includes the engineering of the trains and tunnels of the NYC transit system
  • William Golden’s CBS logo’s “design” includes the groundbreaking journalism of Edward R. Murrow.

Joshua is casting too broad a net by claiming that web design is everything when clearly Armin is focusing deliberately and precisely on the profession of graphic design.

Armin is not talking about functionality, and that’s okay! He is talking about the color, typography, shape, layout and all the other formal elements that make up a site’s graphic design. Hell, Armin would probably be quite happy to see just one truly great logo for a web-based product, a logo whose design has the same timeless gravity as the logos from the history of graphic design. Instead we get endless swooshes and reflections.

Is it wrong of Armin to ask for this?

Well, only if it is wrong to want excellence in graphic design. On the web.

Back to the 90s

Why is it that when we talk about web design, “graphic design” is often treated as the red headed stepchild? In other media, and in older times, we can talk about the genius of a particular product’s graphic design independently of the larger system that that design represents or serves. We can talk about the graphic design of the Westinghouse logo without talking about the engineering of a Westinghouse refrigerator. Why should we not be able to do this about graphic design on the web?

My theory is that many web professionals, even graphic designers who work exclusively on the web, look down their noses on the crafts and traditions of “graphic design”. They have been doing this since the early days of the web, back in the 1990s, when it was common for smug young designers to feel superior to print-based graphic designers who didn’t yet know what they were doing on the web. How many of you slick web design professionals remember a time back in the 1990’s when we laughed at the poor old graphic design geezers trying to make HTML pages using Quark Xpress?

Well, those days are over. The joke is old. And you know what? All these years of people believing that graphic design was a lesser discipline, of contending that graphic design is barely an important factor in the bigger picture of web design, have led to precisely the predicament that Armin is complaining about: Web sites, in general, still don’t look as compelling as the historical graphic and visual icons we’ve come to know and love in other media. His point is entirely valid, and Joshua’s attitude only manages to prove Armin’s point. Graphic design on the web kinda sucks.

And as long as we continue to insist that graphic design is a non-entity, we will never have good graphic design on the web.

(I’ve written about this before when I argued last year that the AIGA fell into the same trap when they decided the G no longer means “graphic”. It’s sad that it’s still happening.)

Scrubbing the iPhone Scrubber

November 14th, 2007

scroll_bad.jpg

I thought it was a pretty bold design decision when Apple discarded the iPod’s signature feature, the scroll wheel, in the iPhone and iPod touch. But the new scrubber bar is almost useless, especially for long tracks like podcasts where it’s impossible to move the playhead any less than a few minutes per hop.

So I thought I’d just fix it, or at least show a little idea of how Apple might fix it.

For scrolling through menus and adjusting volume, the iPhone’s new UI methods are, IMHO, superior to the old iPod’s wheel. But the “jog dial” is still the ideal user interface for arbitrary positioning the playhead in audio and video tracks. It’s a hardware solution that has been in professional and consumer use for decades.

And the iPhone and iPod Touch are totally capable of doing it. Here’s how: When you touch the currently-playing album cover to reveal the scrubber interface, instead of only showing the playhead the screen shows the old iPod disc as well. You just roll your finger around the screen’s virtual scroll wheel. That’s it.

scroll_improvement_660.jpg

For the time being, here’s a helpful tip for using the current UI: If you hold your finger down on the “skip to end” or “skip to beginning” buttons, the playhead will scroll quickly through the track.