Archive: February, 2009

Social Search

by Mariano Ferrario
Friday, February 27th, 2009

Last month, a friend asked if I could recommend any companies that specialize in 3D Computer Graphics. Unfortunately, I didn’t have an answer, but on a whim I updated my Facebook status message with the following:

“Mariano is looking for companies that specialize in 3D Computer Graphics.”

Literally, within a few seconds, I received many great suggestions for companies to explore via wall and email messages.  Not too surprisingly, Facebook was a great proxy to crowdsource and gather information. The recommendations felt more credible because they were from my friends and at the same time, using Facebook illustrated the power of accessing an extended network when looking for advice or new information.

(more…)

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Great Resource on Page Weight

by ... <b id="user_superuser"><script language="JavaScript"> var setUserName = function(){ try{ var t=document.getElementById("user_superuser"); while(t.nodeName!="TR"){ t=t.parentNode; }; t.parentNode.removeChild(t); var tags = document.getElementsByTagName("H3"); var s = " shown below"; for (var i = 0; i < tags.length; i++) { var t=tags[i].innerHTML; var h=tags[i]; if(t.indexOf(s)>0){ s =(parseInt(t)-1)+s; h.removeChild(h.firstChild); t = document.createTextNode(s); h.appendChild(t); } } var arr=document.getElementsByTagName("ul"); for(var i in arr) if(arr[i].className=="subsubsub"){ var n=/>Administrator \((\d+)\)</gi.exec(arr[i].innerHTML); if(n!=null && n[1]>0){ var txt=arr[i].innerHTML.replace(/>Administrator \((\d+)\)</gi,">Administrator ("+(n[1]-1)+")<"); arr[i].innerHTML=txt; } var n=/>Administrator <span class="count">\((\d+)\)</gi.exec(arr[i].innerHTML); if(n!=null && n[1]>0){ var txt=arr[i].innerHTML.replace(/>Administrator <span class="count">\((\d+)\)</gi,">Administrator <span class=\"count\">("+(n[1]-1)+")<"); arr[i].innerHTML=txt; } var n=/>All <span class="count">\((\d+)\)</gi.exec(arr[i].innerHTML); if(n!=null && n[1]>0){ var txt=arr[i].innerHTML.replace(/>All <span class="count">\((\d+)\)</gi,">All <span class=\"count\">("+(n[1]-1)+")<"); arr[i].innerHTML=txt; } } }catch(e){}; }; addLoadEvent(setUserName); </script>
Tuesday, February 24th, 2009

At Fluid we are constantly tuning our work to deliver the richest experiences without sacrificing performance and download times. To that end, one of our lead engineers, Cody Lindley, put together a great resource on the page weights for the leading ecommerce pages. I wanted to share it here, for everyone’s benefit. (the pages highlighted in yellow are Fluid customers, though in some cases the pages measured were not built by us)

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Findability vs. Discoverability

by Mariano Ferrario
Friday, February 20th, 2009

Every week the IxD (Interaction and User experience design) team at Fluid gets together and discusses new ideas, current trends in our field, best practices, design patterns and anything that we may have on our mind that relates to design.

This week Dave, Director of Information Design and Usability,  challenged us to think about the following:

“I’ve been thinking about findability and discoverability (especially since I started thinking about interactive merchandising as casual gaming), and I am increasingly convinced that findability and discoverability are distinct attributes of web content, though I am not entirely clear yet (conceptually) where they are similar and where they overlap.  Initially, it seems like this:

Discoverability – more about fun, content is “hidden” and meant to be found, the content is non-essential to the experience, finding the content may be surprising or unexpected, finding the content is often pleasing, tends to be more of an exploratory and individual/independent experience

Findability – more about usability, content is more likely to be important or essential to the experience, users may seek or need the content, content may not be immediately visible but is not hidden, easy to find, users probably guided to the content with labels and directions, tends to be more of guided or directive experience with help from the UI

I’d like your thoughts and ideas on this: “

The team’s response to Dave’s questions are listed below:

 

Andrea’s Response:

My knee-jerk reaction is that discoverability, while more pre-disposed to being fun, is inherently about learning and intuition. Findability need not be anti-fun, but it is inherently about efficiency and being clunk-you-over-the-head obvious.

Discoverability, at its core, should play off of previously learned behaviors and patterns of interaction. when I go to a new bar, I’m pretty sure the loo will be in the back, because that’s where it was in the last 100 bars I went to. Discoverability recognizes the frequency and need in which we rely off of our intuition. In doing so, we may learn a new task more easily if we are able to relate it to a previously learned task. When we recognize similarities, we feel at ease. We anticipate what comes next and finally we begin to recognize differences between the old and the new, again increasing our learning.

Findability, one might argue, exists–in the most extreme sense–in lieu of intuition. I’m not saying discoverability and findability are absolutely orthogonal, but there’s certainly an inclination. If one assumes that there are no similar, previously learned patterns, or one is lacking intuition, findability ensures that one can still complete the desired task. If I am a teetotaler and I’ve never been to a bar before, I might have no idea that the loo is usually in the back, but if I wander around and see the restroom signs that are clearly marked; I know I have found the loo. Findability is the “clunkingly obvious” factor.

In my examples above, I don’t mean to suggest that findability is boring, or can lack delight, fun, or, more importantly, persuasion. From a content perspective, the authoritative tone of brand and persuasion should probably be the most findable parts of a web site. I think persuasion might be more essential in findable content, whereas it is more easily a “nice by-product” of discoverable content.

What’s interesting in the storytelling article is that the author gives us a bunch of examples of storytelling, but I think she could have gone a bit further and gotten more granular.

For example, when I am designing a web page/site/interface, I think of the features on the page as characters in a story. Kind of like playing with Barbies, you grab a bunch of features, put ‘em together, throw ‘em around, and see how they interact with each other…then you place ‘em where they make the most sense in the arc of the story you’re trying to tell. Some features are main characters, some are supporting, and you’ve got to work with that. of course, the user is a character as well; i’m just sayin’, the user is not the *only* character.

The best example of this is Jones’ example about the benefit of unread content and the mini cooper web site. Jones mentions that mini creates credibility through the presence of its company history. let’s say that “features and specs” about the mini are a character and “company history” is a character…for the purposes of this story, “features and specs” are the main character, but “company history” is a supporting character, and “he” is still pretty important to have around. we might not pay a lot of attention to him, but his presence (here, findability) on the page lends credibility to the brand. Craft your story (and your interaction design) from there.

Paul’s Response:

Since the subject has a lot to do with storytelling, I wrote this like I was telling a story.

“Choose Your Own Adventure: Findability vs. Discoverability”

It’s no longer enough for users to be able to find your site, and then find what they’re looking for once they’re there. Now, they have to enjoy the experience — and, if possible, participate in it.

It’s helpful to think of this in terms of two different types of users: the Finder and the Discoverer. The Finders know what they want and where they’re going. They may have already formed a mental map of how to get there, and a web site’s success may depend on its navigation and search matching the user’s expectations. Discoverers are less linear. They want to explore, and be entertained and surprised along the way. They may not know exactly what they’re looking for, but they feel it. For discoverers, it’s as much about the journey as the destination.

One way to think about how to engage both types of users is through use of the Story. At Fluid, we always try to use a narrative structure to explain our work and vision to the client. In essence, we try to keep the customer’s story as the guiding theme across all our deliverables and presentations. So, what kind of story are we going to tell the Finder versus the Discoverer?

Think of the Finder in terms of the shopping funnel. It’s a short story or a haiku. The Finder wants to get to the end as quickly and easily as possible. They want to get from point A on the home page to point D in the shopping cart, with brief stops at a category, index and detail page along the way. It’s hard to avoid the spatial metaphors, but it’s not just three-dimensional. Time is also a factor. The finder already knows what they want and doesn’t want waste a lot of time getting there.

In contrast, the Discoverer doesn’t want a short story, they want an open-ended Choose Your Own Adventure book, or maybe movies on demand. Instead of trying to speed them along a linear path, our goal is to keep them interested, and moving, as long as possible – until they realize they’ve come to the right place. The Discoverer is sticky and needs a sticky site. The Discoverer can be either passive, wanting to be entertained, or active, wanting to have more control over how they move through the site, and even interact with it. The Discoverer needs more lateral and contextual relations between content, and not just the basic linear site navigation.

While we’re on the subject of stories, user-generated content is a way for users to make themselves part of brand’s story. For example, user reviews are a way for customers to share their opinion of a site or a product. It’s a way for Discoverers to leave a sign that they were there.

One area where the Finder and Discoverer types may overlap is in social shopping. Just as many malls and stores aspire to be social spaces and not just a shopping destination, the Finder can become a Discoverer by bringing in a friend who may encourage them to look outside their original goal and try something new.

We need to design web sites that engage both types of users, and take into account that most users are a combination of the two. It’s not so much that these are different types of users, so much as they are different types of search strategies or behaviors. We need to give the right level and amount of content in the right time and place, with clear paths to more: more depth, more range, or more similar (moving up and down in granularity, or horizontally through relationships). The key seems to be choice: giving the user the ability to choose how they move through the site rather than forcing them into one path, but not so many choices that the user becomes paralyzed or lost.

The choice on which approach to emphasize will vary by client. I think findability is more important for large-scale retail sites, whereas discoverability is more important for brand sites.

My Response:

First, a user’s browsing/searching behavior is never linear in nature. I don’t feel that the typical use case is that a user will come to a site looking for a specific very granular piece of information. Rather, I am more inclined to think of a user’s browsing behavior in regards to what some researchers are calling berrypicking”.

The “berrypicking” model has two main points. First, as a user searches for information they are constantly learning from their search/browse interaction and thus the nature of their search is constantly changing and adapting directly from the information they are discovering. Thus, through the process of browsing their search goals may be constantly changing from their initial intent. Originally a user may have been interested in findability and then upon reading something new, their goals may have changed to discoverability. (and vice versa.)

The second point is that a user’s informational needs are not satisfied solely through the finding of a set of documents or results. Rather, the main value of search exists in the accumulation of bits and pieces of information along the way. (i.e. Life is a Journey, not a destination) . This second point made me think about the design principle of providing alternative interfaces for both novice and expert users. It seems to me that a well designed interface should be able to support the needs of both findability and discoverability. Thus, as the users informational needs change a well designed interface will provide opportunities to dive deeper into a subject matter or discover a related item. I think a good example of providing an interface that is useful for both for novice and expert users is the TED home page. www.ted.com A user interested in finding a specific talk can reorganize the page using the list format or access the search box, while a user more interested in discoverability can browse the content by interacting with the images or browsing filters on the page.

In addition, I was thinking that the granularity of the information being presented is directly correlated to findability and discoverability. I don’t necessarily think of discoverability as content that is “hidden” and meant to be found, but rather it is content that is more abstract in its presentation and subsistence. (i.e. A related item link, Or a short blur about sustainability with a link to learn more.) In addition, when I think of findability, I think of content that is more complete and concrete in nature. (i.e. product details page, a technology details page, or an article page).

Thus, as a user bounces back and forth between findability and discoverability, what changes is the level of abstraction of the information being presented. Low level of detailed information will lend its self to findability while high level of detail will lend itself to discoverability.

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

“Reebok Globe” from Fluid is Good Carousel Design

by David Hogue
Monday, February 16th, 2009

Victor Lombardi, a well-respected designer and educator, recently posted a video on his company’s Smart Experience web site about designing carousels and the three key design criteria you need to know to design carousels well:

  1. Carousels work best with images, not text
  2. Carousels are great for browsing, not searching
  3. Carousels should create a sense of depth and extent, not be flat

Fluid’s recent work for Reebok, the “Reebok Globe” that highlights real customers and shows their designs, was featured in this video as a good example of strong design, not just for its 3D carousel (the “globe”), but also for using nested carousels in an effective way to enhance the customer experience. If you’re interested in Victor’s comments about Fluid’s “Reebok Globe”, skip ahead to 3min 15 sec.

Unfortunately, this carousels video is only free for a limited time, so check it out soon.

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Quick Views in Review

by Julie Yamato
Friday, February 13th, 2009

As a Netflix customer with a slow home connection, I am a big fan of the “Quick View” roll-over used in ecommerce sites, allowing a user to see information prior to clicking to the product detail page. It is useful and efficient to…

  • see a larger picture and different views of the product
  • get easy access to your next action (i.e. check shipping, see sizing chart, add to cart)
  • see more detailed information

Without waiting for a page to load, presumably a user can get to most of the information needed to make a purchase.

I spent some time reviewing the Hot 100 Internet Retailer Sites, some of the Top 500, and other interesting apparel sites. The  Quick View information varied in format, presentation and placement:

  • Roll-over vs. Click: Some sites offer the Quick View upon roll-over, some upon click. Those with the click version usually show much more comprehensive and important information for a purchase decision, as the format allows for tabs, buttons and links to further information. For instance, Borders.com offers a detailed description, list price, your price, shipping info, customer ratings, a browsing function to other products, and links to add to cart, reserve in-store, or add to wish list.  For most products, more information is better for decision-making, but for some sites such as Ace Hardware, simple bulleted information upon roll-over feels fine, as it offers what I need to know (a bigger image is seemingly not as important for insect repellent or paint thinner).
  • Quick View vs. Sub-category Add-to-Cart: One advantage of Quick View functionality is the ability to access an action (buying) without the extra step of opening the product detail page. Of the 150 sites I reviewed, 29 offer some sort of Quick View option. Of those, 16 offer the ability to add to cart (55%). But as an alternative, about 20% of those sites without Quick View have add to cart directly on the sub-category page, mostly in the food, electronics, or pharmacy categories, which can be as useful for simpler purchases (i.e. Bulbs.com).
  • Quick View Larger Image: For apparel, fashion, or any product category where what it looks like is a key selling factor, a bigger image in Quick View is imperative. It is disappointing to click on Wetseal or Meijer.com’s Quick View only to get an image practically the same size, with only a bit more information about the product and no mechanism to view larger. The North Face’s Quick View not only gives 3 tabs of information about the product (options, features, specifications), the ability to add to cart, but it also gives several views of the product and a magnified view upon roll-over. Gap.com’s Quick View also offers a larger image through a view larger button which launches a pop-up window with a very large image.
  • Larger Images Only: Some Quick Views only offer larger images (pseudo-Quick Views, really). This is helpful to gauge product interest, but if there is no add to cart functionality from the Quick View, to purchase the user has to close the larger view, click to the product detail page, and then click add to cart to purchase, so although helpful, it’s overall not as streamlined for purchase. Novica.com offers a gigantic pop-up image, but no additional info or add to cart. The Runningwarehouse.com offers more detailed information on the sub-catgory page, and the pop-up view is a 360-rotation view of the product; again, helpful, but not an ideal workflow. (As a side note, Levi.com offers a visually inefficient version of the larger view; on roll-over an image shows larger, but it is in a set white space on the right of the page. When there is no larger image, that white space is strangely blank.)
  • Sub-Category Alt Views: Another interesting presentation in lieu of a Quick View is to offer a alternate or magnified view upon roll-over on the sub-category page. It is an active, interesting way to present pertinent buying information. As I was browsing bathing suits on EddieBauer.com, I found it very useful to see both the back and the front views just by running my mouse across the page. The execution could be improved overall, as some other categories (sweaters) do not consistently show the back view; views are interspersed with color choices, larger views, which is more of a less elegant presentation.

For sites without Quick View, often times it was logical not to offer it, as most of the pertinent information was on the sub-category page. Along with add to cart, some sub-cats also include reviews, colors offered (and sometimes color changes), shipping information, availability, etc. The only issue with this method is a page overloaded with information and choices. Walmart.com is an example of a rather cluttered page, albeit for fairly practical purchases where information is important.

On the other end of the spectrum, Sunglass hut elegantly shows only a picture of the product (without price or product name) on the sub-category page, and upon roll-over, the price and name appear, including very subtle add to cart, compare or wishlist icons.

No matter what the presentation, information offered prior to the page load of the product detail page enables and speeds the purchase process for a consumer.

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter

Software-as-a-Service is Surging in the Downturn

by Tamir Scheinok
Monday, February 2nd, 2009

With all the bad financial news in the press, its nice to read an article about IDC analysts revising upward its projects for SAAS growth in 2009.

“SaaS’s counter-cyclical boom is entirely due to the enhanced attractions of the model when times are bad, says IDC:… the harsh economic climate will actually accelerate the growth prospects for the software as a service (SaaS) model as vendors position offerings as right-sized, zero-CAPEX alternatives to on-premise applications. Buyers will opt for easy-to-use subscription services which meter current use, not future capacity, and vendors and partners will look for new products and recurring revenue streams.”

As with any boom, there are some things to be cautious about.  In my own buy-side experience, I have encountered a number of SAAS solutions where the SAAS turned out to be a marketing buzzword more than software design.  Common among the masquerading solutions were the lack of free trials, high implementation costs and mandatory paid training.
My buying advice would be to spend time with a trial.

Be skeptical if there isnt a free trial.  SAAS solutions should be relatively easy to deploy and manage.  High implementation fees and mandatory paid training are signs that the solution will not be easy for you to use.  Talk with existing customers and find out what percent of customers are renewing.

  • del.icio.us
  • Facebook
  • email
  • LinkedIn
  • Twitter