Flog: The Official Fluid Blog

Apple has rolled out a wonderfully innovative and deceptively simple approach to search on apple.com. As you begin to enter your search term a dropdown window appears below the search box with recommended matching results. As you continue typing, the results list dynamically updates with a refined list of results that most closely matches what you are typing.

There are never more than eight results, and each is accompanied by a clear title, brief descriptive text and either a product image or recognizable icon (a green plus sign in a white circle for support topics, for example). It’s instantly scannable and completely non-intrusive. Most importantly, the performance of the search is impressive. Over a DSL connection it updates in nearly realtime, just a split second behind what you are typing. There is a rarely a lag, and good thing because the experience would fall part if there was.

If you hit enter at any time, you get dropped into a typical search results page, but that was hardly necessary. For 90% of the search terms I tried I was able to find what I needed without ever leaving the homepage. Combine that efficiency with a compelling, quality visual presentation and you have incredibly satisfying customer site interaction experience.

Quite possibly one of the best site search innovations since parametric filtering.

At the recent Shop.org conference we got a look at an interesting new outfit builder put together by, Oli a retail fashion site in the UK:

http://www.oli.co.uk/

They have really done a nice job with interaction design here. The Look Book bar is anchored to the bottom of your browser window and stays with you as you navigate the site. Every item in the catalog has an “add to look book” link, making the process for adding items fairly smooth, although a visual confirmation an item has been added to your Look Book would be a plus.

Upon opening the Look Book you enter a full screen environment that is intuitive and easy to use. Just drag-and-drop items from the Look Book strip into a work area and you are ready to go. Of particular note is the ability to scale individual product images so you can actually build a visual representation of an outfit with the correct proportions. The ability to add an entire outfit or collection to your cart at one time is another nice feature. Importantly, price and product detail information moves with the product and is available at any time.
The one thing that doesn’t work is adding individual items to your cart. The “buy” link is hidden behind an “i’ information button - not obvious enough. It would also be better if you could browse and add items to the Look Book while in workspace mode as opposed to having to go back to more traditional catalog browsing.

Overall, nice job.

– KD