connecting*the*dots

I had a meeting yesterday over lunch with a client of mine — Louis Bowles of locally based Louis’ Healthy Breads. Louis, John Ford and I are in the midst of planning a web strategy for his small business; an execution that will include the implementation of a blog and a redesign of his e-commerce enabled site.

At first glance, the scope of the project seemed extremely manageable and somewhat simplistic — essentially, it’s a blog with a product template and a tie-in to PayPal’s fulfillment processing. Over the past few months, though, I’ve come to recognize that the challenge of the project isn’t in its technical complexity or feature set, rather, it’s in pulling off the personable nature of the brand.

When Shiny, Shiny Design Doesn’t Work

Louis didn’t start his company to make short-term killer profits (though, I’m sure he wouldn’t turn them away); Louis took his creation to market because, quite honestly, it saved his life and he feels that people need great tasting, healthy aternatives in their diet.

My challenge is translating that degree of authenticity into the experience design of his web site.

Chris Fahey just posted the sixth installment of a brilliantly focused series entitled Class and Web Design. The ensuing conversation regarding the impact of class on the output of design is fascinating (read the posts and comment threads; I could never do it justice here). While I doubt “class” is the proper signifier for categorizing Louis’ concerns about coming off like a cold, mass-produced food industry giant, to Chris’ point, a company’s outwardly focused brand position is intrinsically tied to their target (and if they’re responsive, their actual) market.

Just take a look at the redesign of (and the conversation surrounding) the New York Post for an example:

As The Post shoots for local readers with specific desires of sports, entertainment and gossip coverage (all big type desires), Louis’ brand needs to register as if he’s your next-door neighbor — someone who deeply cares about your health and just so happens to have a busy kitchen at work to help you make sensible, delectable choices.

Does that mean the design of the site needs to be overly pedestrian? Not at all, but as with the example of The Post redesign, it needs to remain true to its core principles of Louis being Louis. The visual language of the site needs to reflect his engaging personality, while presenting a strong enough degree of credibility for people to latch onto.

The beauty of this project is that there’s enough room to play and enough leeway to iterate.

Design Basics

Subtraction is the standard approach to good design and focused communication — particularly within the interactive medium — so it’s essential that we reduce the brand to a distinct visual language and behavioral model that clearly communicates with the people who benefit the most from the product.

And because we’re adding the communicative element of the blog to the mix — somethat that will improve our responsiveness in meeting customer needs and steering the direction of the brand — the last thing we want to do is bury the product behind a conversation about the product.

With a brand as personal as LHB, we’re going to have to tow the line between authenticity and credibility. Prioritized simplicity, both visual and organizational, is key in making a step in that direction.

FORTUNE COOKIE: Sometimes the biggest challenges come wrapped in the smallest packages.

Actually, Ofoto was purchased by Kodak a while back, so I guess I’m just being a Web 1.0 romantic. Either way, flickr’s recent announcement of printing capabilities — including partnerships with QOOP (coffee table books and posters), Englaze (photo DVD’s) and Zazzle (customized photo stamps)—just launched them (Yahoo!) straight into the forefront of Web 2.0 business models. The Long Tail possibilities with this service is almost endless.

I had always wondered how an open format like flickr would be able to provide hard prints outside of *your photos* from a legal perspective, but with a simple printing preference setting (the same type of setting you use to make your photos private or public in the first place), to a non-lawyer’s naked eye, it seems like that sticky issue is solved. Of course, you can always still download other people’s “protected” photos, upload them as private images and print them from your set of photos, but that’s true across the web — CafePress provides even more copyright infringement possibilities. I just ran that exact scenario on a photo that I wanted as a poster, but I only did so because it had a “Some Rights Reserved” Creative Commons license attached to it. I’m sure the guy will add a print preference to his images that matches his CC license one of these days.

As for the user experience, the QOOP interface uses interaction elements from both flickr and Yahoo! (great collaboration between teams), making it really easy to use. I had a bit of a problem when I tried to create a poster with multiple images, as the preview seemed to randomly choose which images to use from my selected images, but I’m sure that functionality will be tweaked soon enough as it’s (all together now) in forever beta mode! My only complaint of the service is that the QOOP and flickr logo (above) is automatically appended to the bottom of the poster. Branding an automobile is one thing, branding a poster is a bit tacky.

All in all, it’s some really nice work from Stuart Butterfield and team. I’m eagerly looking forward to more print customization features in the near future.

I’m really liking where the Amazon UI is heading.

Not to say that their interface has been devoid of good design decisions over the past 9 years. I mean, they were the first e-commerce company to truly leverage collaborative filtering, essentially taking advantage of The Long Tail of online consumerism, long before the terminology was officially anointed within the context of new media. Just getting those features into the interface — placing more eyes on more products — drove the business model and the promise of the New Economy circa 1998.

But crafting the balance between user search, participatory and discovery scenarios within the interface was definitely an afterthought. As a matter of fact, at one point in time, it seemed that Amazon had little concern for any interaction design considerations within the interface at all, satisfied to add features within a scroll-driven, hierarchical construct to no end.

Well, that has seemingly changed. Check out a new test version of the product page:

Am I the only one standing up and applauding? The interface now completely supports the common needs of all users at a point-of-purchase.

1. Clearly display the product price & savings
2. Show the product itself
3. Provide the ability to purchase it or add it to a Wish List
4. Then provide the ability to move into search, participatory or discovery scenarios

Amazon reduced the cognitive friction of the previous interface
by removing the bookend columns of contextual navigation and by moving only the highest priority scenario features (reading reviews and looking inside/searching the book) under the primary sales window. The affordance for the DHTML window on the product image needs to be increased, as it is currently one of purely learned behavior, but the simplicity of the new interface does wonders in focusing my attention.

Take a look at the old interface in comparrison:

For someone that has reached the conclusion of their search or discovery scenario, the shopping experience is now set up for the user to determine price feasibility, drop the product into their cart and either head for checkout or continue to discover.

For someone who’s in the midst of a discovery process, the interface hasn’t changed for the worse, as an anchor link still drops the user down to user reviews. It’s now just better placed. The interface continues to present other collaborative filtering information below the fold. With these smart design decisions, Amazon now finds itself in a position to add elegant customization, because elegant design parameters have been established.

The Amazon jungle is evolving, and in very smart fashion. In my book, that’s pretty cool.

I noticed something the other day about my online shopping pattern: I don’t browse and I hardly ever buy on a whim.

After contemplating such startling, introspective findings for awhile (uhm… finished), I started to wonder whether this could be the case with most people that shop online? That got me to thinking more, so I mosied on over to Amazon.com to perform an off the cuff user interview/usability study of myself and my tendencies, comparing them to the holistic user experience of the site.

I admit it wasn’t very scientific, but what I discovered was interesting.

• When I shop at Amazon, 99 times of 100 (I multiplied this session by 99) go directly to the search field and enter a product attribute.
• After landing on a results page, I choose a product description page.
• 4 out of 10 times (ballpark figures folks), I’ll review a few user comment reviews on the product as a the final check before deciding to make a purchase or not.
• If it’s a go, then WHAM! I’m in the cart experience and out the virtual door.

What I just described is the Amazon shopping experience from 1996-97. It’s a utilitarian approach and it fits me when it comes to shopping, especially in the real world (but that’s a whole other conversation.)

Online shopping, for me, is about keeping your recommendations to yourself, don’t clutter the page with collaborative filtered data such as ‘purchase circles’ or ‘listmania,’ and just let me find what I’m looking for and get me out of the store… fast.

My assumption is that this is how most people use Amazon. I could be wrong. I’ve been known to be… often. But if that were the case, even if the numbers were only 30% that followed my shopping pattern, wouldn’t the overall user experience be a bit too much? Wouldn’t Amazon be relying too much on quirky collaborative filtering techniques to become the next generation shopping experience?

I mean, first there’s a welcome page, then the Sean store, then a trailing history of what I’ve viewed, then recommendations built dynamically based on those views and presented throughout the UI. On top of all of this there is untargeted and targeted marketing messaging (hmm, sometimes in the form of recommendations?) presented to me at each turn…

Who’s handling the UXdesign here? How many marketing MBA’s are in a room with a cornered IA or DBA hatching plots to create cross-pollination of product silos? Come on, do I really care that people who bought my book also wear clean underwear from Target? Is this the smartest Amazon can be?

Amazon deserves credit for recently removing some of the superfluous features of the site from the main experience and placing them into the well hidden ‘explore’ category on a secret page somewhere in their navigation scheme. But the powerful information that this site could provide the customer should be generated at the customer’s whim.

Please, Mr. Bezos, we’re living in the realm of customization. Allow us to create our own product page. Let us choose if we want these extra features and how we want to view them. I understand there’s a fine line between satisfying the needs of your retail partners and pushing product, but when in doubt, bite the bullet and go with the us, the people, the customers.

Amazon is now six years old, the ancient mother of e-commerce sites. Now would be the time to design an experience for individual shoppers. Create a completely personalized shopping experience through customizable interaction design. It’s the next step in online shopping, and you know how the saying goes in the retail world: the customer is always right.