Posts Tagged ‘Interactive Design’

继续贴,并预告我们还有续集,也许会写中文版,哈哈

This post continues to showcase how faceted search is deployed with a view of improving user experience. The last post presents a set of websites using left column to narrow down search results. TG would like to show some exemplary sites which take a different approach - faceted search at the top.

First and foremost, TG is particularly thankful to Hbeidi Xie, who contributed and shared her experiences in coming up with a faceted search design solution. Heidi noted that the design should be based on use case; a comprehensive users’ task analysis and user behavior pattern are crucial to the success of creating an effective search tool.

Oftentimes, website functions and features are launched without conducting a prior research. Many would argue that there’s a strong need of time-to-market, hence everything has to be done fast. Right!! only if the product is what users want and how they want it to be.  TG agreed with Heidi that there’s no perfect solution as it may become obsoleted as time passes by. A workable design solution to a particular product is what we care.

Should the faceted search be positioned at the top or on the left?  TG think it does not matter. So long as the tool is simple enough to help users perform their tasks and get what they are looking for, we shall accomplish our jobs.

Wikio.com :

An information portal with a news search engine that searches press sites and blogs. TG is fond of vertical display of faceted search in particular as it does not require any scrolling, all attributes are condensed at the top and accessible in many occasions.

Faceted Search_Wikio.com

Overstock.com :
TG comes across Overstock.com two years ago and keeps using it as a reference. The site is very simple to use, seldom do I have trouble in finding the items I need. Its facets search is one of best I have ever found so far.

Faceted Search_overstock_by Kelikuru.com

like.com :

It claimed to be the fist true visual search engine where the contents of photos are used to search and retreive similar items. Unlike the above two sites, like.com hides all attributes and facets at the top. Hovering our mouse on a row of tabs next to “Refine by”, users will be able to access a wide selection of facets.

Faceted Search_like.com

延续上篇

We have briefly discussed the barriers of designing faceted search and we need some inspirations from current design by other site operators. Actually we are not alone, there are many of them working on different types of solutions in an attempt to offer a painless Faceted Search user experience. This post showcases some of the exemplary websites in shopping category mostly. The first set has its faceted search built on the left.

Yoox.com :

A global internet retailing partner for the leading fashion & design brands. It has a very simple faceted search to begin with – top designers and top categories.

Faceted Search_Yoox

Buzzillions.com :

A product review site. TG found the site is exceptionally clean, stylised wth minimalism design. Its faceted search tells users how many products are found upfront, what filter(s) has been applied during the process of searching

Faceted Search_Buzillions

Yahoo Shopping :

Part of Yahoo! family of site, the site has a clear indication of what the users are looking for _ Women’s Sunglass by using a bold header and small tagline. Tabs on the left hide and show a number of facets on each attributes.

Faceted Search_Yahoo Shopping

Target.com :

An online retail store in United States. The C2C shopping site has a nice play of red and white colors, key items jumps out from the white background.  Site designer tries to control the number of attributes to be displayed above the first fold in the first place, which reduces the painful experiences of scrolling up and down

Faceted Search_Target.com

PriceGrabber. com :

A site that can allow users to compare the prices on all the most popular products. The strength of the sites’s faceted search is to allow multiple selection of filters and do it in one-go. Yet, the knife is not double edges, user may find it annoying to scroll down and click on the Update Results button

Faceted Search_ PriceGrabber