« Event Selector Showdown : the jQuery Challenge | Main | Roundup May 2006 AJAX Conferences »

Yahoo! Tech, a new Tech Experience

yahootech.png
If you are wondering what Yahoo! is doing with YUI and Y! Design Pattern Library , this is an excellent demo which just have been launched : Yahoo! Tech. Yahoo! Tech aims to provide everything reviews, help, and how-to advice for buying and using personal electronics. A new Web 2.0 solution with a very neat interface, and many interesting fonctionnalities.
http://ajax.phpmagazine.net/upload/2006/05/ytech-searching-thumb.png

The first feature you may see is the product search, with the possibility to apply filters to refine results in the same spirit of the Yahoo! farechase. Products are listed from different stores, and it's interesting already to have an idea on the average price available for each product and the features available.

You can also save product to see it later by checking the "Save for Later" link, which will open a layer with different saving options available. Clicking on the "Add to my tech product" link will add the desired product to your "Saved Tech Products" which is always available in the right menu, the add event is mixed with a nice javascript effect before seeing the product displayed in the same page.

http://ajax.phpmagazine.net/upload/2006/05/ytech-saving-thumb.png

It's possible also to rate the different products and share your opinion with others, the rating system is also using AJAX allow to save your rating in real time by clicking on the "save button" without reloading the page, and also display a small window when saving is done. I find it very well done especially that it avoid clicking on stars by mistake and showing unreal results. And after rating, you can close the window and the save button disappear.

ytech-rating.png

Overall, I find it very web 2.0, especially with the change screen width feature. An excellent example showing some of the fonctionnalities we can implement with Y! UI. The only thing that I didn't like is the ~130Kb of Javascript and ~56Kb of CSS, everything else seems to be very well optimized.

Bookmark this article at these sites
Post a comment





(Email will remain hidden)





Please enter the security code you see here




Related entries
Email to a friend
Email this article to:


Your email address:


Message (optional):