Category Archive: Interface Design

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.

Georges Seurat Dot Com

October 31st, 2007

It’s hard to understate the pride I felt on behalf of my colleagues at Behavior when I read these words in Friday’s New York Times:

seurat_moma_kiosk.jpg

The Museum of Modern Art’s elegantly plain exhibition of Georges Seurat’s drawings begins with an unexpectedly extraordinary moment of computerized art viewing. Seurat’s four surviving notebooks have been converted to electronic versions that — with a touch of a finger — visitors can flip through, page by digital page, from cover to dog-eared cover. (The real notebooks can also be seen under glass nearby.)

Facsimiles they may be, but they instantly communicate the show’s intent, which is to clarify the way the silent, classical remove of Seurat’s impeccable, stylized paintings was distilled from an active, socially aware engagement with the world that registered most fully in his drawings.

If you haven’t guessed already, the touch-screen interfaces in question were designed and built by my studio mates at Behavior, both as kiosk installations in the MoMA exhibition gallery and viewable on the web as a gorgeous online exhibition.

Roberta Smith of the Times is one of the the most important art critics around. So when the opening sentence of Smith’s review of Georges Seurat: The Drawings focuses so enthusiastically on the interactive kiosk that my colleagues put together these past few months, it’s more than just praise for Georges Seurat and for the great curation and leadership by the team at MoMA. It’s also praise for Behavior.

Touch Screens in the Age of the iPhone

Most of the Behavior folks attended the exhibition’s lavish opening festivities last week, and we all got a chance to watch dozens of very fancy people interacting with the twin touch-screen kiosks. It was such a joy to watch the gallery-goers flip through the pages with looks of, I swear, genuine delight on their faces. No lie: I definitely heard “ooohs” and “aaahs”.

seurat_660.jpg

As with any usability test situation, of course, there were also the occasional moments where a user would try to do something we didn’t think of. Of particular interest was the fairly common attempt by users to treat the traditional touch screens as if they were iPhone-style multi-touch screens. People expected to be able to smoothly zoom in by spreading two fingers apart as they can on the iPhone. As with so much of what Apple does, the bar has apparently been raised in unexpected new places in the interactive landscape.

What About the Art?

seurat_railway_tracks_320.jpg

Oh, and the show is absolutely luminous. I hope you check out the web site, of course, but if you enjoy art at all you must see the show in person. The sketchbooks are just a tiny piece of the exhibit. The rest of the show, and the online exhibition, includes drawings and paintings, historical conservation information, and of course the sketchbooks.

The exhibition is getting rave reviews from many other sources as well, and deservedly so. We’ve all seen Seurat’s famous pointillist paintings, especially the revolutionary A Sunday Afternoon on the Island of La Grande Jatte. But Seurat’s drawings reveal the intense thinking and talent that went into his painterly work.

The drawings excel in two areas simultaneously: Form and light. In a vivid metaphorical image conjured up by my wife Peggy (seen above), some drawings suggest that 19th century Paris would be transparent or even invisible if not for the industrial-era soot filling the air and collecting on any and all solid objects and forms. The charcoal on the page reflects the density of the matter in the space.

And yet other drawings emphasize light itself, with the space articulated only by where the light exists and where it does not — where traditional drawing marks like contour lines are banished. The relationship between this thinking and the daguerrotype photography of the time is hard to dispute.

The best works attack form and light at the same time, and it’s easy to see how Seurat’s eschewing of contour and lines — and embrace of volume and light — leads directly to La Grande Jatte, even without the extraordinary discoveries in color he is most famous for.

La Grande Jatte was painted when Seurat was just 26. He would die five years later, at 31. It’s staggering to imagine what he would have gone on to accomplish had he lived into the age of Matisse (born the same year as Seurat), Kandinsky, and Picasso.

The User Experience Flip Mode

October 19th, 2007

http://www.graphpaper.com/wp/wp-content/uploads/2007/10/rex_whistler_2.jpg

Inside cover of a book of illustrations by the British artist Rex Whistler.
It’s also interactive: Click it to flip it.

One basic assumption of good experience design is that people fundamentally don’t like change. They can’t deal with it, it’s too risky, and changes will all too often lead to failures.

Indeed, when confronted with the prospect of change, both designers and users shy away, falling back to the tools and techniques they’re accustomed to and passing up on opportunities for improvement, progress, and innovation. But the human mind’s capacity to adapt to change, sometimes rapidly and seamlessly, can be astonishing.

In 1896, a scientist named George M. Stratton, showing an ingenuity that must have seemed like madness at the time, conducted a fascinating experiment in visual perception with himself as the subject. He constructed a pair of goggles with special lenses that inverted his view of the world by 180 degrees, causing him to see everything upside down, as if he were standing on his head, continuously. He wore the goggles for many days, never once opening his eyes without wearing them (he would shower with his eyes closed, for example).

The experiment has been repeated many times, and in every case the results are nearly the same (this description is from The Phenomenology of Space by Shannon Vallor):

Day 1: The subject who puts on inversion goggles initially reports the visual spectacle is inverted, and that the things she sees look ‘unreal’. Motor actions (such as reaching for objects) are disrupted and need to be consciously corrected to be successful.

Day 2: The subject begins to report that things are no longer looking inverted, but her body seems ‘upside down’.

Day 3-5: The body begins to ‘right itself’, particularly when the subject is active. Objects increasingly take on the ‘look of reality’. By the fifth day, motor actions are consistently successful without the need for conscious attention or correction. The time it takes for this process of ‘normalization’ to occur is highly variable, and varies inversely with the subject’s activity level in her environment. When the glasses are removed, objects do not suddenly look inverted, but they look ‘unreal’ again, and motor success is once again impeded.

In other words, at some point things suddenly flip and everything works. Our brains are apparently able to thoroughly adapt to the absolutely bizarre predicament of having ones eyeballs spun upside-down, and apparently this adaptation occurs pretty quickly.

Switching (to Mac) is Flipping

I recently switched from Windows to Mac. And my experience is startlingly close to the visceral nature of the inversion-goggles flip. When I switched, I was immediately completely disoriented by the OS’s peculiar details. I would frequently move my mouse to the wrong part of the screen for the feature I wanted, or I’d stare at the screen for several seconds at a time wondering where I would find a feature that actually did not exist. And I would constantly type the wrong keyboard combinations for cutting and pasting.

But at some point within the first two weeks of using the Mac almost exclusively (I went cold turkey on Windows), suddenly everything just seemed to click. I was doing everything the Mac way. I flipped. In fact, the next time I found myself using Windows (on the Mac!) everything seemed weird again. I was still in my new flip mode, so now the old status quo was alien.

This phenomenon must be fairly common for any kind of highly-immersive user experience: the learning curve begins to rise very steeply slowly, but then has a sudden and radical flattening out ascent where mastery of the new paradigm occurs nearly instantly (and yes, I’ll argue that operating systems are immersive experiences to the extent that most of today’s white-collar professionals spend pretty much their entire days using them).

For me as a user, this means that I don’t need to fear major changes in my working environment. They might even be fun.

As a designer, however, I’m not sure what this means. Any guesses?

“Not Unpleasant” is Not Enough

September 28th, 2007

happiness_gap_crop.gif

An article in the New York Times the other day discusses a study that suggests that there are differences between men and women in how pleasant or unpleasant they find certain normal everyday activities. Apparently, for example, men find spending time with their parents far more pleasant then women do, while men disproportionally dislike home repair work (so much for the handyman husband!).

What caught my eye was this: Nestled between “Read books” and “Cooking” was “Computer use”. It says that 13% of both men and women find using computers unpleasant.

This is interesting for two reasons. First, it quantifies the technophobe demographic at about one out of every seven people.

But in the context of the other activities asked about, it’s interesting to note that “Computer use” actually ranks pretty low on the overall unpleasantness scale. Watching TV is more unpleasant than using computers! This suggests that most people (the other six out of seven) seem to think pretty positively about using computers.

This interpretation fits nicely with my belief that people aren’t quite as fed up with digital user experiences as the usability finger-waggers might suggest. People muddle through the difficult parts and aren’t generally aware of where or how they might not be as efficient as they could be.

But this doesn’t mean that user experience designers can rest on our laurels at all. It means we must be more conscientiously competitive, that we must try to aim a lot higher than simply being “not unpleasant”. It’s like what Todd Wilkens wrote at the Adaptive Path blog: that merely aiming to “be usable” is a low target indeed, kind of like having your cooking objective to “be edible”.

A good product must not only be easy to use, but must also be pleasant to use in order to stand out in a universe of computer products that, all told, apparently aren’t even as unpleasant as, say, cooking dinner or visiting your friends.

Naturally, since the methodology of the Times study is unclear, and since I am interpreting only a small fragment of the study’s intended data set, all of this is speculation and not solidly supported by this specific research. Still, I suspect that this interpretation is pretty close and that people in general like using computers.

The Big IDEA (Conference 2007)

September 15th, 2007

ideaconference.gif

I want to go to the IDEA Conference, which starts in two weeks here in New York.

Conferences generally come in two categories.

  1. Conferences to meet people who do exactly what you do, and where you learn about how to do what you do better.
  2. Conferences to meet people you can do business with, and where you learn about how they work and what they need.

IDEA looks different. While it is clearly aimed at people who design interactive experiences (and the lineup of speakers includes more than one card-carrying information architect), the speakers and the program are more specifically designed to spark innovative thinking, to expose and educate participants to interaction worlds they may not be familiar with, and to generate a broad spectrum of ideas from many inspirational and thought-provoking angles.

In short, it’s a conference to inspire you to do something you’ve never done before.

(I didn’t pre-register for this conference since I had already had plans for those days in October, but my schedule has recently changed. What’s more, the organizers are offering a free pass to the blogger whose published desire to attend pleases them the most. I shamelessly hope I am that blogger!)

  • Comments Off