Posts tagged “interface”

ChittahChattah Quickies

  • MediaMaster is shutting down – We did some really interesting user research to help define the overall value proposition, concept, and user experience. Exciting to see what they were able to do but obviously disappointing to see where it ended up a few years later. "Don’t wait for large corporate partners to make your business viable, it needs to be so on its own. Design it well from the start, it helps when you don’t have to re-engineer the interface, it’s the most complex part! (That was not a problem we had)"

The “Runnin’ With The Devil” UI

dlr
The Diamond Dave soundboard (updated link) is getting a lot of heat in the blogosphere lately. Taken from a recently unearthed isolated vocal track of David Lee Roth singing “Runnin’ With the Devil” in the studio, this website provides clickable buttons that trigger various DLR vocal stylings. If you listen to morning radio (and hey, who doesn’t) and hear DJs making prank phone calls to pizza joints using clips from Rocky movies, this is the type of thing they are using – a soundboard.

I really love how the interface takes a fresh, honest (and hilarious) approach to foreshadowing, i.e., giving an indication of what’s going to happen (you might also think about this as feedforward, the complement to feedback). What will happen when you press a button that says “Whoo!”? The first time you try it, you learn very quickly what happens. Once you grasp the basic model (which takes one risk-free moment), the button label descriptions accurately (if cryptically) indicate what the result will be.

I love the idea of a UI with the following controls:

The ahh-hahs:
roth1
The whoo-hoos:
roth2
and of course my favorite
roth3

Sure, it’ll take more learning to distinguish between AHHH HAAAA and AHHHHHHH YEEEEEEAAAHHH and maybe the buttons should be clustered rather than alphabetical, with HHAAAAAYAAAAAAHAAAAH and the similar-sounding AHHHHYAAAAHH near each other. So it’s not perfect, and I doubt there will be a dot-one release to improve the UI along those lines, it’s still a fascinating example of breaking some rules (i.e., number of letters on a button) in order to deliver a better experience, in this case, one that stays very true to the brand promise.

Crock Addict

I’ve developed a taste for expensive yogurt.

It started as a lark a few days ago, in a natural foods store near my home, when I saw Saint Benoit Yogurt for the first time. This single-serving yogurt comes in a miniaturized stoneware crock, colored and shaped like (what I imagine to be) a traditional European crock.

saint-benoit-yogurt-crock.jpg

I figured I’d throw down the $3.99 for a Saint Benoit once-it seemed luxurious, and worth doing for the experience.

But lo, the Palmetto Organic Grocery has just opened directly across the street from our office, and guess what they carry?

As it turns out, Saint Benoit only costs $2.49 if you return one of the used crocks. Compared to the usual $0.99 for many other organic yogurts, this price is still awfully high, but if the reusable crock and local, sustainable production are an ecological improvement over the usual disposable plastic container and cross-country transport, that’s one inducement to pony up.

The bottom line for me is sensory, though. There’s something about the “old world-like experience” of holding that little crock and hearing the spoon clink on its side that is proving to be quite seductive.

It’s a triumph of interface design.

Are you sure you want to do that?

wall.jpg
switch.jpg

Covers for outdoor electrical outlets adapted to gently lock-out some light switches in a market research facility observation room. Behind a two-way mirror, the room must be kept darkened, and so the use-with-caution light switches are kept separated from the use-at-will light switches. The cover hardware, adapted from its intended use, doesn’t prevent operation of the light switches, but you have to think more deliberately before flicking them. This is a reasonable example of a forcing function.

Simulacrap 2

I already described the ridiculous persona-encrusted collateral from Yahoo’s Search Marketing. This week I received a package from Microsoft (with an unnecessary piece of styrofoam in the box to protect their precious wire-bound book).

searchmastersteve.jpg
With tips from me – Search Master Steve

Search Master Steve? Good Lord!

I’m not sure whether Microsoft’s only-works-in-IE search marketing interface is worse than Yahoo’s. I guess it’s like asking if you’d rather have two fingers ripped off by an angry gorilla or have three fingers removed surgically. These products are not fun to use and the crap I’m getting in the mail from the Microhooligans is insulting.

Japan pictures – part 2 of 3

I’ve uploaded nearly 1300 of my Japan pictures to Flickr. For reasons I’m sure you’ll understand, I haven’t added titles or tags or descriptions proactively, but please add comments or questions on flickr and I’ll gladly offer a story or explanation.

Meanwhile, I’m including some of my faves here, as well as part 1 and part 3.

2255975825_c605d108a8.jpg
2246191584_e2ff1002d6.jpg
2249533352_07c406b438.jpg
2277914474_c12b0330d6.jpg
2253903202_f4928b2f83.jpg
2253478944_c40076ea92.jpg
2271832533_ba870f1dca.jpg
2252247718_ef91043d06.jpg
2252260332_081bbb7fa0.jpg
2251454859_41f3b30a2f.jpg
2256014115_10ac8ef2b3.jpg
2248466293_8b73052053.jpg
2238917509_fb396e96c5.jpg
2268590815_e57ba228d3.jpg
2240004820_a0e6b3627d.jpg
2257477579_ed8a4db5ef.jpg

Sliding Doors

broom.jpg
Public bathroom doorway, Karuizawa, Japan, January 2008

Before we hiked up the nearby mountain I wanted to use the bathroom. I was very frustrated to find the door locked. I pushed and pulled and saw the keyhole for the deadbolt and figured I was out of luck. Then I saw someone enter the adjacent women’s room – by sliding the door. I wouldn’t expect a bathroom door to slide, and I didn’t interpret any of the cues (or affordances) about how this door works to suggest sliding was a possibility.

Simulacrap

In my recent column Persona Non Grata I point to some of the cultural problems inside organizations that personas can create, or mask. And what happens when your personas become your marketing?

We’ve recently been experimenting with search marketing on Yahoo, MSFT, and Google. Today I received a shiny booklet from Yahoo, with a note from Sharon Goodsense, Yahoo! Search Marketing Specialist (“and remember, we’re always here to help you.”)
good.jpg

And I’m referred to as Bashful Beginner.
bash.jpg

Yahoo’s search marketing management interface is so completely useless that all I ever do is click and click and click until I get some result; with no mental model being built that would help me next time. I have no idea what most of the information they are providing is about or how I can use it. So maybe this book will help me, but the first two pages are the most patronizing and fake thing I can imagine. I can’t believe they went to the trouble to come up with these fake characters to represent the company I’m doing business with; it’s offensive to take my money for a service, give me an unusable product, and then hand me a cartoon character who talks down to me; if I can’t call this person for help with my problems, because they don’t exist. It’s the least transparent thing a company should do. Yahoo got off the cluetrain a while ago, I guess.

Flying the sneaky skies

persuasive.jpg

While checking in online for a United Airlines flight, you may be offered the opportunity to upgrade to Economy Plus. It’s likely that most people decline upsells in many situations, though. The default would be to click “no thanks” and move on to completing the transaction. But United has done some tricky and manipulative interface design. The bright yellow arrow with bold text placed on the right is almost irresistible. E-commerce sites have trained us to envision a transaction moving from left to right (granted that they’ve landed on that model since it corresponds to how we read and other cultural factors); it’s very easy to click on the arrow and make a purchase you didn’t want. It takes cognitive work to search for the preferred option which is a lowly blue-underlined unbolded text link off to the left.

Why would United do this? Sure, they can trick a few people into mistakenly purchasing an upgrade. But at what cost to the brand? Even if they don’t fool you, you’ve had to work to avoid being fooled, and the trust (seemingly an important brand attribute for an airline) is dinged.

Grab a clue, web people @ United…this is no way to interface with customers.

The toilet flusher that comes with an explanatory memo

A few years ago I blogged about my first encounter with a dual-flush toilet.

They are becoming more common, now.
flush.jpg
Uppercut, by Sloan, is an interesting, if incomplete design solution. It retrofits into existing toilets. The green handle suggests to the flusher that something is different here. The iconics on the barrel indicate, somewhat, what will happen in different flushing directions. But they’ve also seen fit to provide “attractive instructional placards to educate the user [there’s that phrase again] on proper operation” – UPfor #1 (Liquid Waste), DOWN for #2 (Solid Waste). The Sloan website also provides a customizable memo (.DOC) to help get the word out.

Any change of behavior, especially in such a habitual task, is going to be a challenge. Yet office memos about flushing the toilets belong with training meetings on using the new photocopier in the thundering hell of office life. It’d be interesting to investigate how all these cues (the memo, the green handle, the icon, the placard, the memo) work together (or not) to help people shift behavior (or not).

Any anecdotes to share about new office equipment, toilet memos, or so on? Leave a comment!

Fruit 2.0

It’s great to see an awareness of user experience popping up in humble, low-tech places. Grabbing an apple yesterday, I discovered the small arrow pictured below at the top of the sticker, telling me exactly how to get the label off my fruit. Delightful. No apple under my fingernails on this one.

apple-sticker_sm.jpg
User Interface

And last week, I had another fruit-related experience that, while not as unequivocally positive, was still thought-provoking.

I poured myself a bowl of cereal-no raisins. Looked all through the plastic liner bag-no raisins. Figured I had defective cereal. Then I noticed a little yellow callout on the box-“Stay Fresh Fruit Pouch Inside Box.”

Sure enough, there it was at the bottom of the box-a silver foil pouch full of raisins. The experience promised by Health Valley on the pouch: eternally fresh, plump raisins and my choice as to the cereal/raisin ratio for each bowl.

custom-cereal_sm.jpg
Custom Cereal

While I still think I prefer having my cereal pre-mixed and ready-to-pour, I do appreciate the concept of this approach-the appeal to freshness and personal tailoring. Though I’d suggest that Health Valley do a better job calling attention to their packaging system, so that people don’t have to go through the same terrible moment of perceived raisinlessness that I did.

How to flush?

whereflush.jpg

Another toilet picture, dedicated to Gene, who I influenced with my healthy interest in toilet interactions.

From my hotel room in Paris last month. How do you flush this one? Turns out that it’s the middle silver panel. Although there’s little visual indication, the panel is hinged behind just enough that it can be pushed along the bottom. There are almost-invisible letters on the bottom right corner. The left and right panels do nothing, by the way.

At first I thought that circle-in-a-square was some flush button, but it’s a deodorant puck.

Previously here and here.

Series

About Steve