I received an email the other day announcing the redesign of bloomingdales.com, so I figured I would give the new site a little review.

Gucci takes a bold step at capturing the emotion and feeling of the in-store experience on their website. Instead of providing search and navigation like most eCom sites, Gucci instead uses flash to display handbags on shelves as one might see in the store; the user can scroll horizontally (but not vertically) to browse through the entire selection.

Pros:

Gucci is a high-end luxury brand and this site establishes them as such. By displaying the product in this light, the designers are able to bring some of the emotion that one might get from shopping the store online.

Product details appear within the interface, sliding out and making it very easy for customers to view the details of several products without a pogosticking effect.

Cons:
The horizontal scroll is not typical of websites, and as such may not be clear to some users. (although the arrows and the overall design do afford that there is something more to the left of the viewable area).

This design idea clearly will only work for some companies and products; those with a deeper product line or less high-end product would never be able to pull this off.

Nike recently launched a new, revolutionary commerce site that is built entirely in Macromedia Flash.

I’ve always been critical of Flash sites — although it is a powerful tool, it is typically used poorly and in a way that compromises the usability of the site. Nike, however, in partnership with design firm R/GA, has achieved a level of usability never reached previously using flash. Briefly put, the site is phenomenal.

Pros:

Guided navigation and refinement tools that are both slick and well thought out — Flash allows for an incredibly smooth, easy user interface, but the design also relies on web navigation standards to make it incredibly easy to learn.

Very cool “lightbox” animation to load product detail, almost like Gap’s “QuickLook” but with the entire product detail.

The browser BACK button works with both product detail and navigation! One of my biggest complaints with Flash has always been that it deactivates the inherent browser tools (and such the tools that users are familiar with) — R/GA has coded the pages so this is not an issue.

Shopping cart works similar to Gap’s, making itself known enough to give good feedback, but not taking the user away from the path they are currently on.

“Single-page checkout” allows users to get through the entire checkout interface without reloading the page; repeat users can checkout with lightning speed. Nike has already seen an increase in checkout conversion from their previous incarnation.

Although one might think that designing a site entirely in Flash would greatly compromise natural search optimization, Nike has built a skeleton site specifially for spiders to crawl and as such is better poised for natural search than they were before. (I’d hope they can leverage this for reader accessibility as well — espeically in light of the Target lawsuit — but I can’t say for sure that this is the case.)

Cons:

Can be slow to load, even on a fast connection. (It should be noted that users without Flash can still browse the old site; Nike reports that around 7% of all traffic still uses the non-Flash site.)

The zoom feature can be a bit strange at first, as the product description and selection fields appear over top of the enlarged product. I think that this will become less befuddling after repeated use, but I was thrown the first time I saw it.

The dropdown menus can be a bit skittish; moving my cursor around the page (especially in the masthead) seemed to send menus flying in every direction. Perhaps putting a split-second delay on the menu would help prevent it loading when the cursor simply passes over it.

It took about 4 weeks for sales to return to the level they were before the launch. Although this implementation was clearly ripe for an “all at once” launch, with all we have learned it is a shame that a company still needs to take that big of a hit when launching new functionality.