We deliver research inspired-design aimed at maximizing conversion rates, increasing retention, and reducing costs. Learn more +

1.603.436.7177
solutions@madpow.net

27 Congress St Portsmouth, NH 03801

www.madpow.com

The Road to Ecommerce Ruin (or Nirvana) is Paved with "In-Betweens"

Scott Sonia - September 29th 2011


Last week, I bought a washer/dryer online from a large home goods store.

It was a terrible idea.

But it didn't have to be, had the home goods store not overlooked the importance of user-centric design in the checkout flow.

Ecommerce becomes a bigger business every day. These days, items of all shapes, sizes and intricacies are sold online. Due to this, it becomes ever more important to mind the details within a shopping experience. A particular user-centric element that's important to look for, measure and design to are the tiny details Lou Rosenfeld calls, “the in-betweens. "In-betweens" are the myriad bits of information users need to be aware of while shopping online that, when present, can make their experience sublime. Bits like smart cross-promotions, necessary add-ons, optional add-ons - any sort of important "connection" that a user should be (or could be) making while he or she is trying to successfully buy something online.

When any of those key "connections" are missing on the road to purchase, it can result in an unseen multi-car pileup just around the corner.

Lacking the In-Between

My multi-car pileup started with the first missing user-centric connection. It occurred when I put a washer in my cart. Instead of immediately being given the option to purchase the washer's counterpart, I was met with a zip code entry and then a warranty selector. Before going too far, I backed out, looking for the dryer pair. It wasn't clearly marked on the product page either. I think I found it under the sidebar "Shoppers who viewed this item purchased…" after weeding through other meaningless suggestions.

This was a fantastic opportunity for the company to recognize a specific situation that needed a specific piece of functionality - an "in-between." As a user, I needed an explicit, separate and clear link to purchase the product's natural pair, at least as an option. (Spoiler alert: I hadn't actually found the correct dryer.)

Not Recognizing the Emotional State of Your Users

The second missing user-centric connection occurred when I finally went through the cart process. I was met with a series of decision pages. First, the warranty, then a page with a list of "Required Parts and Services," followed by a list of "Optional Parts and Services." This was good. Putting aside where and how, it is generally a good experience to step the user through any pieces that are necessary to the purchase at some point in the process. These are "connections." As we've learned, they're important.

So because the site had these pages, I immediately felt at ease. I trusted that this large company had done their homework, had learned what they needed to offer when a user put a washer/dryer in his cart, and all I needed to do was check the boxes and I'd be good as gold.

As an aside, a more nuanced aspect of designing for the user experience in e-commerce is recognizing and respecting the emotional state of the user. Realize that you, the behemoth, money-flush company who has been well-established in the industry, is a steward of the user's trust because of that. Users want to, should be able to (indeed, are forced to) believe these companies have spent some of that cash on making their e-commerce site a 100% perfect experience. It doesn't seem like a far fetched thing to ask of them. "If company X is offering the ability to buy online, they must be sure it'll work, right?"

So I was in trust mode at this point. I trusted that I was looking at the necessary pieces needed to install the particular items I had in my cart. I happily clicked the boxes for a couple of installation parts. For the optional selections, I even more happily clicked the "haul-away" option and nothing else.

Fast forward a week to the day two guys lugged a washer and dryer into my kitchen, took one look at the gas line running to the old dryer and said, "we can't touch this." To which I said, "huh?"

I knew it was a gas dryer. I even made sure the new one I bought was gas as well, I even happily clicked the little box that said, "Gas Dryer Installation Kit" in the checkout. I had done everything right to ensure a smooth installation, at least as far as I could know. Turns out the second missing user-experience connection was that "Gas Dryer Installation Kit" was not all it appeared to be. I found this out after the guys had left, two uninstalled appliances sat in my kitchen, two old appliances sat still installed in my wash room, and I was on the phone with the large home goods store for an hour.

What the checkout had not made clear was that "Gas Dryer Installation Kit" was simply the "kit," not the actual "installation." In fact, the installation was another option, one which I pointed out to the (admittedly kind) customer service person was not in the "required parts" list that I had trusted to give me the full picture of this transaction. This was met with confusion, until she did a little digging and realized that the reason it was not in the list was because of that little zip code thing I had breezed right through. In Massachusetts, no one but a licensed plumber can touch a gas line.

So the actual "installation" of the dryer was never going to happen, regardless of what I happily selected on that checkout page. The system was smart enough to know what not to show me, but never bothered to tell me what I truly needed to understand. It was a very important missing "in-between."

Putting the Pieces Together

After I haggled my way to future plans to clean up this mess, I noticed that the washer/dryer sitting alone in my kitchen sported separate series numbers. This is when I realized that missing user-experience connection number one had reared it's ugly head and left me with a slightly mismatched pair of appliances.

This mattered because the third missing user-experience connection was that the site had neglected to include in it's list of necessary items to purchase: a stacking kit. This was presumably because the system didn't know that I was trying to buy a matching pair and/or knew I hadn't picked a matching pair and/or whatever…the net result was that I had no stacking kit when and if I ever got someone to install these things for me.

I ended up going out myself to buy the stacking kit (not knowing for sure if it would work on a mismatched pair) so that my local plumbing company could come in and finally clean up the mess. Luckily, it worked and another week later, the entire transaction was, finally, complete.

Rosenfeld referred to the in-betweens as "missing metrics." They are the tiny connections born of user expectation, trust and the specific purchasing situation that users expect to see as they are purchasing specific items on your site. They go missing because they require close user research and a dedication to constantly studying your approach to catch them - a commitment many large companies (and even UX professionals) simply don't (or can't) make, even though most users expect they have.

I've worked on large e-commerce sites long enough to understand the incredible amounts of tiny, intricate connections and data a large company has to keep track of for a transaction like mine to go completely smoothly. It's hard. But isn't it worth it? I may never shop at this place again because of this experience. I may disparage this brand to my friends and family. I suppose that may not hurt their bottom line all that much, but multiply it by all their users, and it might. If a brand wins over every user with a great online shopping experience, that translates to huge dividends.

And while there is a lot to keep track of, a lot that can go wrong, it's also not rocket science. It simply requires a commitment to getting in the head of your users. Study what you're doing, talk to them, hire a UX professional.

For both companies selling online and for UX professionals working to help them sell online, spending time on the metrics of the "in-betweens" is a connection not to be missed.

Comments (0)

How (Not) To: Skype 5.x for Mac

Scott Sonia - April 4th 2011

Recently, Skype redesigned it's IM client for Mac. Like many users, I was excited for the expected enhancements that usually come with new application releases.

And, like many Mac users, I was disappointed with what was actually delivered. (apoplectic might more appropriately describe my Mac brethren).



Blindly fanning the flames, instead of fixing the perceived issues, Skype decided to hold a contest to let someone else fix them.

For the last couple of weeks now, Skype-hate has run rampant all over the web. The user comments at the end of this blog post make for a nice overview.

Amidst the uproar, I wanted to chime in and point out what a great teaching tool this mess can be for user experience designers everywhere.

Lesson #1: Talk to your users (yes, I realize it's a frighteningly easy one).

I have no proof that Skype didn't talk to its users, but judging from the feedback, I'm guessing they didn't. Asking their users would have revealed some fairly simple needs:

  • Keep my IM application small
  • Allow me to configure what I'm looking at
  • Don't change a ton, I like it the way it is

Lesson #2: Don't fall in love with the prevailing form, then rip it off and use it in spite of function.

Whether it was the gargantuan success of Apple, or designers looking for a new aesthetic in the Web 2.0 era, these days we're firmly entrenched in a world of big, glassy, bubbly icons, lots of white space and overall "friendly-feeling" applications (think Mint). This is not always a bad thing (think Mint), but the fact that it (arguably) works for Apple and Mint doesn't give it magical powers. Simply designing something with that look and feel doesn't automatically make it work well. As any good designer has heard repeatedly: form follows function. Overwhelmingly, Skype users feel the large icons are unnecessarily big and the white space is unnecessarily massive. This creates a bloated application that is more difficult to use. (Oh, and ripping off iTunes' Cover Flow so I can look at enormous close up pictures of my contact's blurry photos is not necessary).

Lesson #3: Small UI decisions can have a big impact.

This observation is telling, and maybe even a little scary. As user experience designers, we are always striving for innovation so great and wonderful that we envision our user's dancing for joy and sleeping with their applications under their pillow (or is that just me)? In doing so, it's a very fine line we walk between making a bunch of changes, some of which might be overkill, and leaving well enough alone. Decisions as seemingly small as Skype adding grouping to the left panel of contacts (and not allowing that panel to go away) changed many user's entire experience for the worse and turned them off to the entire release immediately. 

It's true, as user experience designers, we have a lot of influence. Sometimes, maybe more than we may realize. Keeping some basic user experience tenets in mind might help us ensure we don't end up in Skype's shoes (oh, and not asking your users to fix your problems will help too).

I'm sure there are a lot more lessons to be had here. Let us know what you think.

Comments (0)

The iPad: what's it good for?

Scott Sonia - May 25th 2010

A few months ago, I saw this collaboration between UK design consultancy Berg and R&D house Bonnier.

It's an interesting take on presenting, and interacting with, a magazine on the iPad. Specifically, I applaud the idea that they attempted to rethink the way an electronic device presents an analog object. Using the inherent swiping motion of the iPad (and increasingly more electronic devices on the market) and working out the IA of the entire magazine, they created an elegant way to digitally "leaf through" a magazine.

Some of this idea appeals to the luddite in me, but mostly I like the idea of thinking different and attempting to merge the print and digital worlds on a device that is touted to do such. 

So I was dismayed to read Nielsen's recent thoughts on iPad usability, where he says, among many, many other things:

"In electronic media, the linear concept of "next article" makes little sense. People would rather choose for themselves where to go, selecting from a menu of related offerings."

I understand Nielsen did a lot of research to arrive at such iron-clad tenets, but I can't help but think it's short-sighted to assume that there isn't room for a new way of interacting with print pieces on a digital medium. I can only speak for myself, but if the entire world and everything I interact with is eventually going to be digital, I would welcome a way to interact with those things in ways that differ from the traditional Internet paradigm.

Nielsen is basing his ideas on that established paradigm, when it may be that a new one is emerging, one that more people than just me may welcome. The reason being, more and more people, including myself, think that that old internet navigational paradigm is making us stupid.

In this month's Wired, there's a story about how the way we interact with information on the internet (links everywhere, jumping from idea to idea, distracted by many avenues on one page) is not a viable way to learn because we retain nothing. Additionally, that struggle to retain and concentrate follows us in our daily lives.

Anecdotedly, I think I've felt this and others I've talked to have as well. I have no problem believing, as the article implies, that the ADD-like internet navigation paradigm could be somewhat to blame.

In my mind, if there is a way to use a digital device to read a beautifully designed magazine in a linear manner that will allow me to actually retain the information and learn, bring it on. If bright people can come up with a new interactive paradigm that beautifully fuses the digital and analog, let's let it exist for what it is and see where it takes us, rather than tearing it down based on old ideas.

Comments (0)

First  | Previous |  1  | Next  | Last
Insights
  • Consumer Decisions in a Social World
    In a recent issue of the Harvard Business Review that focused on branding, David Edelman articulates how consumers’ engagement with brands is evolving with the proliferation of social media and other digital channels.
  • The Legend of Miyamoto: How Nintendo Shaped UX
    Perhaps the greatest innovation Miyamoto brought to the gaming industry—and by extension, the web—was the popularization of a narrative structure. This may seem pretty silly to think about now—not unlike thinking that the mouse or GUI wasn’t a big deal—but it was pretty revolutionary for its time.
  • Mad*Pow Boston Harlem Shake
Contact Us

Mad*Pow HQ 27 Congress Street
Portsmouth, NH 03801

Office: 603.436.7177
Sales: 603.387.8307
Fax: 603.386.6608

solutions@madpow.net

Mad*Pow Boston 179 Lincoln Street
Boston, MA 02111

Office: 617.426.7177

Mad*Pow Louisville 806 1/2 E Market St.
Louisville, KY 40206

Office: 603.294.4648

Credit MadPow