Design

This is an impromptu video of me interacting with the Google+ “add people to circles” feature.

Like most things we interact with in the world, there’s some good and some not-so-good to the experience.

First, the good:
1. The people “cards” are just the right size. The picture is just right also – big enough so I can recognize the person, small enough to fit their name.
2. It was also a smart idea to just show the target’s name (or email if the name is unavailable). It makes for easier and quicker scanning and target acquisition.
3. The whole card is a click target.
4. You can select multiple cards with clicks; no CMD+ or shift+click necessary. However, using a key combination (which some people will carry over from the desktop software interaction paradigm) works just fine as well.

The not-so-good:
1. Drag and drop appears to be the only way to get people into circles. Really? Given Google’s demonstrated commitment to accessibility, I *can’t* believe this is the only way to manage circle assignment. I must be missing something. That just can’t be.
2. A few times I highlighted multiple cards and then inadvertently deselected them. I have no idea why or how.
3. Believe it or not, on first view I thought Google+ had only found 28 (7 x 4) people I knew. It took more time than it should’ve to realize that the card area was scrollable. I might not be able to pin that on Google however. I used Safari on Mac OS X 10.7, which together are a walking advertisement for iOS disappearing scrollbars.

So what does this little spiel demonstrate? I guess it shows that even cutting-edge design with massive resources behind it can still occasionally be a struggle for users. Oh, and don’t forget the accessibility.

{ 2 comments }

I’m on my way back from my company’s all-hands meeting.

After all the excitement and motivation the week inspired, I felt moved to write a UX mini-manifesto. A mini-festo, if you will.

Excuse any grammar or spelling issues; I’m composing in Evernote on my phone. I would love to hear my readers’ and followers’ comments on this post.

You’re an experience design practitioner. In your organizations, you should be responsible for:

  • Creating an inviting and well-designed initial user experience.
  • Designing and validating:
  1. Terminology and conceptual models that reflect our target user’ ways of thinking.
  2. Usable workflow and navigation.
  3. Clear, understandable and actionable page and view design. (I’m defining ”view” as an
  4. element of a page that conveys pieces of information to the user, such as a data display
  5. element).
  • Employing consistent visual design and use of design patterns.
  • Creating and maintaining access to and connection with the broader user experience components, e.g. community resources, documentation, etc.
  • Remaining consistent with brand.

Along the way, you also:

  • Collaborate on the definition and optimization of product development lifecycle processes with our functional neighbors – i.e. PM, Dev, QA, Marketing, and Social/Community Management.
  • Measure, track and improve the user experience.
  • Discover opportunities to delight customers in ways that are not easily discoverable by market-level research methods.
  • Occasionally uncover strategic jobs that customers need doing, and design opportunities for more sustaining vs. incremental product innovations.
  • Provide the business with both strategic and tactical customer insights and understanding.

{ 4 comments }

Yale University’s Art Department site might just be the worst site ever created in the history of the Internet, Bitnet, Arpanet, BBS systems, Geocities, AOL, Compuserve, etc. Check it: http://art.yale.edu/

Please don’t blame me if you go blind, insane, or fly into a design-induced rage. I’m just the bearer of awful design news.

As I tweeted, it gets bonus points for having a nice big picture of Hitler front and center. Because, you know, there’s nothing more you can do to terrible design, except maybe to stick a picture of Hitler on it.

{ 14 comments }

Online survey service. Insufficient guidance on question type selection. Results: see picture.

{ 13 comments }

Interaction design is all too often simply surface treatment, mere smoke and mirrors. The Kayak site, if you haven’t had the good fortune to use it, is awesome. It works intuitively, powerfully, efficiently. I love me that Kayak.com.

But last week, just when I’m all ready to make a purchase and presumably earn Kayak a little commission scratch, I get this. And a great experience turns to poo.

Don’t get me wrong, Kayak is and will be my go-to flight comparator for the foreseeable future. But when you compare this to the other “oops” messages I’ve been posting lately (see here, here, and here), it just doesn’t stack up.

Thought for the day, peeps: one differentiator between an adequate experience and a great experience is that a great UX turns even the “oops” moments into an opportunity for increasing users’ attachment to your offering.

{ 0 comments }

This is a good example of how to tell people about new or improved features. Yes, it’s a bit intrusive, but it’s easy to dismiss if you don’t want to look at it.

The dialog is clearly designed to entice me to investigate LinkedIn’s improvements. This is a good, if not-so-subtle pattern for notifying users about changes to your website.

{ 4 comments }

It’s all about context, yes. Some immensely complex UI’s are necessary in certain domains, for certain workflows. But sometimes you can just look at a UI and know that, for whoever its intended users are, it’s a horrible failure.

So it is with this Ferrari steering wheel. Via FastCompany and @JasonSpector, look upon the horror and of course watch the vid. Bonus points for the headline “Ferrari F10 Steering Wheel Looks Like a Robot Barfed on It.”

Ferrari steering wheel fail

Here’s the vid about it too. Enjoy.

{ 6 comments }

Yes, the world has another after-the-fact design modification to add to its motley collection of hacks, patches, fixes, taped-on signs, and Sharpie-improved user interfaces.

Found at the Kent State University bookstore, where I ducked in to buy an umbrella during a downpour. I was there to do some customer observations for a product line I’m working on, and had to walk between buildings in a solid rain storm.

Notice the attention to detail on the mod. The counter clerks must’ve really been tired of walking people through the transaction flow. They even highlighted “BLUE LIGHTS” with blue marker, just so people would get the message.

This is nine kinds of awesome.

{ 1 comment }

I know, I know, this is how “The Design of Everyday Things” starts. The difference is that I found this instance at my local bank. The whole “Wells Fargo experience” is chock full of questionable design actually; I’ve struggled with elements of their web site, physical branch locations and ATM’s.

But it’s always good to catch one of those classic design gotchas in the wild, as it were. So look upon it and know that as long as there are problems out there like this, there’s work for those of us who try to make the world a more user-friendly place.

And yes, every time I leave the bank I pull the damn handle. And that’s because physical affordances are more salient and engaging than labels and signs.

I asked the bank employees how many people pull instead of push, and they just sort of heaved a collective sigh. I took that to mean “a lot”.

I’ve gotten more UX mileage out of that bank than you’d believe…

{ 16 comments }

…and by some, I mean two. Three if you include the Slideshare pic from a few days ago, which I’ll lazily repost below.

First, here’s one from Mr. Tweet:

Mr. Tweet Good Error Message

Cute, funny, capitalizes on a well-known existing meme. It’s not too objectionable, meaning it’s not going to piss anyone off in a major way. Overall, a good user experience in a crappy situation (i.e., you’ve tried to browse somewhere or save something, and it didn’t work.)

Next, here’s an RSVP and profile “completer” from eVite:

Whimsy/Fun In The UI: OK?

The context is different of course; this isn’t an error message. I get the fact that they’re trying to help people learn more about each other. Still, the “If I found 1K” question is whimsical but bothersome.

I don’t know why it sticks in my craw like it does; maybe it’s that there’s a disconnect between their intent (connecting people and helping people know each other better) and the execution. I guess it’s just that knowing the answer to that question is a crappy way to build connections between people.

So here’s my bottom line: Mr. Tweet w00t, eVite fail.

Oh, and here’s the Slideshare error message that I liked:

Good Error Page From SlideShare

{ 20 comments }

This my friends is how you increase trust and confidence through your UI.

In this case, it’s Travelocity that has done this, with the simple addition of some content about disclosing information before the user makes an irrevocable change.

Good on Travelocity for this one.

TravelocityTrust

{ 8 comments }

Here’s a server error page that makes you feel good about the company or service.

It humanizes them. By that, I mean that it makes you feel that they have a sense of humor – and humility – and hopefully gets you to realize that there’s people behind the service; it’s not just a faceless corporation.

That’s a good thing.

This is just one of those little details that distinguishes companies who really keep on top of every aspect of the user experience from those that don’t.

Plus, I really like Slideshare.net. I keep all my best slide content there. So there’s that.

{ 9 comments }

(Note: Here’s another guest post from Andreas Bossard, proprietor of the blog News of the Future and author of several excellent UsabilityBlog posts. Today he talks about his travails with the Paypal help system. Enjoy. -Paul)

I wanted to get help in Paypal, that’s why I clicked on “Help” and expected to see the help section of Paypal.
Instead I saw the following:

Cannot access the Paypal help section

All that I read when scanning through the page is:

Help information isn’t available in English yet. […] select U.S. English.

So I need to change the language to U.S. English. Okay, I try to remember all the steps that they tell me, go through them and reach this page:

Paypal: How to select U.S. English?

Hmm. I cannot see U.S. English. How to select U.S. English now? I think I will contact the Help Center. …But wait a minute… I could not access the help pages, that’s why I came to this page in the first place. I’m trapped in a can-not-get-help-loop. *argh*

Note: If I select German, then the help center is shown! But if I was an English speaker I would not be able to get help. I think this bug exists only for Swiss users, otherwise it would be fixed since a long time.

What to learn from this mistake by Paypal:

  • Let me select the language for the help pages directly
  • Or give me a direct link
  • But no lengthy instructions please

When I clicked the help link, I need help immediately!

{ 9 comments }

Yesterday I posted about a discussion Jared Spool and I had about the import of the iPad.

I made the claim that the handset would continue to be the innovation driver, and as soon as it had the computing horsepower to drive a large LCD monitor and run productivity applications, it would be the primary and dominant computing platform.

Several smart commenters weighed in as well, so check out their comments here at the post’s permalink.

Anyway, it turns out I’m not much of a prognosticator. It’s already being done.

Check out the video to see Citrix’s Nirvana phone driving a full-size LCD, keyboard, and mouse, and running Windows.

Now *that’s* what I’m talking about.

{ 1 comment }

I really thought I’d be able to resist bloviating about the iPad. But then I read this tweet from Jared Spool:

Is nobody else talking about the iPad’s interesting facet? It brings the gap between phone & computer manufacturers closer together.

It got pushed to his Facebook as an update, where I flippantly responded:

And that’s a good thing why?? :-)

Graciously, Jared ignored my dumbass comment and persisted, writing this:

Seriously, I think there’s going to be some really interesting synthesis here. Nokia, LG, and Motorola really haven’t done anything scaled up before. The laptop & netbook players haven’t gone this small.

The competition will be interesting. Of course, there will be a lot of crap produced. (It’s Sturgeon’s Law.) But, there will be some really interesting innovations.

All because Apple had the balls to try something nobody else had done before. I think that’s the most significant part of all this….

(And here’s a question: How will Google respond? After all, they have Android on the low end and Chromium on the high end, but neither will really talk to each other.)

His follow-up got me to thinking. I didn’t respond point-by-point to his last comments, but his points helped me to suddenly sharpen my thinking and spin out a scenario in which tablets aren’t the wave of the future, but phones will continue to be.

So below I present to you my reasoning for why and how tablets are at best a diversion, and the real innovation will continue to happen with handsets. Read on for yet another opinion on the future of computing.

I agree with what you’re saying J. But my thinking is that until we have a truly convertible handheld-slash-desktop (and mobile computing) solution, the gap will continue to be a chasm into which product after product will fall into.

Now I’m not the most visionary person in the world, but it seems to me that the big, latent, unmet needs are this:

  1. I need a mobile device that fits in my pocket, that allows me to do [pretty much what the iPhone, Android, and BB handsets do].
  2. I need a computing device that gives me my familiar input devices (read: keyboard and pointing device), gives me access to my apps and content, and provides a large enough viewing area so I can work productively.

Notice that I didn’t say “contains my apps and content.” That was intentional. It doesn’t take a tech visionary to see that both our apps AND our content are migrating to the cloud.

Anecdotally, I can affirm that I am mighty tired of “curating” the content on my hard disks. I’d rather that stuff just lives in, is accessible from, and gets backed up in the cloud. And I WILL pay money for that. So, long story long, you’re right, the iPad comes close. But I think the real opportunity is this:

  1. My phone-like mobile device does it’s thing while I’m mobile.
  2. When I need to sit somewhere and work, I dock it. Then it pushes (at the VERY least) 1280×800 to an LCD, and automagically connects to my keyboard and mouse, to my suite of apps (wherever they may live – Office Live, Google Apps, whatever), and to my content. (And of course it brings up all my social interfaces.)

Obviously, handsets don’t have the horsepower to do this…yet. But they will. It’s clear that current PC architectures have massively oversolved for the computing horsepower problem, and if you’ve read any Clayton Christensen you know this is a scenario that’s ripe for disruption by a “good enough” solution that addresses the market’s new value dimensions.

Netbooks are an ongoing attempt to serve these new dimensions of value, but they’re constrained by having to run either bloated legacy OS’s or not-ready-for-primetime Linux distros. Plus, they don’t serve as  phones very well. Imagine holding one up to your ear… it’s like Maxwell Smart with a shoe to his head.

And you probably noticed I didn’t address the “how do I work productively when I’m mobile?” scenario. I’ll grant you that. But it’s certainly not an impossibility…I can envision a netbook form factor device with a big-@ss slot for receiving – you guessed it – my mobile phone-slash-computing engine.

So, to sum up:

  1. You’re right, things are getting interesting, and
  2. If product makers can make the phone the bearer of CPU horsepower, connectivity, and OS, then everything else becomes a terminal that the phone docks to or slides into.

And I’m adding here that this last point is what makes tablets superfluous.

Thoughts?

{ 11 comments }

Here’s the thing about LingsCars.com: It works.

Yes, it’s ugly as sin, an affront to the design sensibilities of practically everyone.

And this picture doesn’t do it justice. Go to the site, you need to see the seizure-inducing blinky-blinky.

But it works. It really does.

Let’s unpack that a bit. What do I mean when I say it works?

It’s simple. The site fulfills the goals of the business, which I’m guessing are:

  1. To lease cars to customers.
  2. To create a memorable experience and make Ling’s Cars top-of-mind for UK people who want to lease an auto.

By those simple measures, the site is learnable, memorable, usable, and creates a unique brand experience to boot. (No, that is not a pun on the UK’s use of boot for trunk.)

Go ahead. Check it out for yourself. And give yourself these “typical” usability test goals, just to prove my point about the usability of LingsCars.com:

  1. Go find the link that takes you to Ling’s cheapest leasing deals.
  2. You want to ask Ling’s Cars a question. Can you chat online with someone at Ling’s cars? Find a way to do that.
  3. You want to lease a Volvo automobile, but aren’t sure which one you want. What does Ling offer?
  4. You’d like to see what the lease prices are for every one of Ling’s autos. Find a way to look at all the prices together in one place.

And here’s the kicker: I’ve established that it’s somewhat usable. Now, is it memorable? You bet it is. Admit it – the memory of the first time you saw lingscars.com is burned into your synapses. Psychologists call this “flashbulb memory” – memories that are so strong, you remember where you were, what you were doing, and a host of little details associated with the memory.

Granted, your flashbulb memory of Ling’s Cars is probably of the Kennedy assassination, Challenger explosion, or 9/11 variety. But still, I guarantee that you won’t soon forget about Ling’s Cars.

Don’t get me wrong. I’m actually experiencing prodromal migraine symptoms just having Ling’s site in my peripheral vision. I’m not defending the so-bad-it’s-good design in and of itself. What I’m saying is that even the worst design can serve its organization’s goals. It’s a high-risk strategy, yes. But does it work in Ling’s case? I think it does.

Update: A commenter below points out that the site doesn’t exactly fill you with warm fuzzies about the reputation of Ling’s Cars. That is, it doesn’t score points in the professionalism and trust categories.

I would argue that certain businesses need that more than others. If (like me) you grew up in the 70′s and 80′s in the NYC area, you probably remember those Crazy Eddie’s commercials. “Crazy Eddie’s! Our prices are so low, it’s insane!” And of course the pitchman jumped around like a lunatic. They didn’t come across as a staid and somber corporate entity. But they didn’t need to. They were differentiating on price. For electronics, that’s frequently the deciding factor.

Is it the same with car leasing in the UK? I have no idea. But I suspect that Ling is indeed trying to differentiate on price – notice the frequent references to “low prices” on the site. And do you need to build a staid and somber site to trumpet your price differentiation? Probably not. In fact, one could make the argument that the site actually *supports* the price differentiation claim thusly:

Ling’s Cars…our prices are so low, we don’t even bother spending a lot of money on our site…we just home-build it so we can keep our prices low.

Maybe that’s a stretch. Thoughts?

{ 13 comments }

Old-school readers of UsabilityBlog may remember my (ranty but well-reasoned) diatribe against EULA’s and how they’re presented in software user interfaces. (Also check out my follow-up posts here and here.)

This picture I took the other day  reminded me how easy it is to corrupt and degrade the user experience with obtuse and unfriendly language.

In this case, I was at the bank setting up an account. The rep handed me the account agreement, and then told me that the bank didn’t require me to sign the actual forms anymore; they’d recently begun collecting signatures electronically. I have to admit that bothered me a bit, because my “electronic” signature looks nothing like my pen and ink signature.

Putting that aside, the experience of providing my signature on the device was not good.

The face of the device I needed to “write” on was raised about 4-5 inches, and there was no way to comfortably position my hand while signing. The bezel was not flush with the screen, which caused the edge of my hand to bend in an unnatural way,  further deforming my signature.

And then there was the lawyerly language. We’ve all had the intimidating and negative experience of viewing a legal document in paper form. I don’t think a single person will dispute the fact that legalese is intimidating and obtuse. Not surprisingly, that experience is intensified when rendered digitally. And then there’s the ridiculous aspect of referring to something “herein”, which applies to a document, but certainly not to anything “in” the UI of the device I was interacting with.

And no, the full agreement was not presented onscreen for me to page through. The rep simply handed me the written agreement, then slid this device across the desk for me to “sign.”

The various user experience disciplines – usability, information architecture, interaction design, etc. – have been laboring for the 20-odd years of the tech boom to create great user experiences. Let’s not let the lawyers screw it up.

{ 1 comment }

So Bad It’s Good

by Paul Sherman on January 15, 2010 · 8 comments

in Design

Check it out now. Today. Go on, you know you want to. And here’s the scary thing: IT’S STILL BEING UPDATED REGULARLY. How scary/awesome is that?

Here’s the URL: http://www.Havenworks.com.

I should also post Ling’s Cars. I’ll get around to that this week. In the meantime, enjoy HavenWorks, and try not to have a seizure. (And if you do, it’s not my fault.)

{ 8 comments }

This is just a quick pointer to my latest UXmatters column, which is a follow-on to my article from September about the perils and pitfalls of testing your own designs.

In this follow-on, I revisited some of my more bombastic points about testing one’s own designs. Thanks to some excellent comments by several colleagues (and colleague-slash-wife), I modified and built upon my original recommendations and provide some modified guidelines. Here’s the summary guidelines. To understand the reasoning behind them, go read the whole article.

Guideline 1—When testing your own designs, don’t think of it as a test to pass or fail, think of it as part of your design process.

Guideline 1a—Test early, test as often as possible, and test lo-fi prototypes rather than making usability testing a make-or-break event in your design lifecycle.

Guideline 2—When testing your own designs, you should seek disconfirming evidence, but be alert for joys and delighters, too.

Guideline 3—When you’re trying to solve a design problem, usability testing serves design. It’s a tool. Use it to improve your design, not to justify your actions.

Comments about these guidelines? Email me via UsabilityBlog, or comment at UXmatters.

Testing Your Own Designs Redux ::? Paul Sherman via UXmatters

{ 2 comments }

Design To Make You Smile

by Paul Sherman on December 15, 2009 · 6 comments

in Design

You *will* smile when you see this design. Trust me. You will.

Then come back and we can talk about why it’s so smile-evoking.

Philco PC from Dave Schultze on Vimeo.

{ 6 comments }