JavaScript for Ecommerce - YUI Increases Ecommerce Usability
Using JavaScript for ecommerce website user interface design can yield powerful results. Increase your conversion rate by offering customers a more direct, intuitive shopping experience made possible by SearchFit & YUI. Improved usability in the SearchFit Control Panel means a less steep learning curve and higher productivity.
SearchFit shopping cart software v8 is proud to offer ecommerce usability enhancements powered by the Yahoo User Interface library. Usability enhancements refer to improvements in your site’s user interface that make your site easier and more intuitive to use. The Yahoo User Interface library (YUI) is a leading JavaScript library and describes itself as:
“…a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX…”
Ecommerce Usability Enhancements
Ecommerce usability enhancements increase your conversion rate. Transform visitors into customers by giving them the tools they need to quickly find, evaluate and purchase your products. Take advantage of three great YUI powered features that your customers will love including Compare Products, Customer Reviews and Compare Products.
Compare Products - YUI JavaScript Powered Interface
Give customers the ability to easily compare the products they are interested in side by side. Each of your products will display a "Compare Products" checkbox. Customers may click this check box for each product they are interested in comparing. When a customer chooses to compare products, a YUI powered dynamic panel appears containing a product display. Products are listed horizontally with configurable stats listed below for easy reading. As opposed to the standard method of clicking back and forth between products, the Compare Products feature makes it much easier and faster for your customers to make a buying decision. Since they can view all the products they are interested in at once, customers can remember and understand the differences between them.
YUI Components Used: Container (Panel), Menu
Compare Products Checkbox: Just click to add any product to the list of those that will be compared.
Compare Products - YUI Panel: Allow your customers to easily differentiate between products and make a buying decision.
Customer Reviews - YUI JavaScript Powered Interface
A customer reviews system allows customers to more easily find and learn about your best products. This leads to increased conversion rates. The YUI powered customer review feature adds a Customer Reviews display to your category pages and detailed product pages. When a customer clicks the "Reviews" link, a dynamic panel appears containing the Customer Reviews interface. If a customer closes the Customer Reviews panel, they return to the category/detailed product page where they started and may continue with the buying process. Offer your customers a solid reviews system including the ability to comment on reviews, mark reviews as "helpful" or not, and special review statuses like "approved poster". Read more about the SearchFit Customer Review Solution.
YUI Components Used: Container (Panel), Connection Manager
Customer Reviews - YUI Panel: Allow customers to quickly locate, learn about and purchase your best products.
Product Filters - YUI JavaScript Powered Interface
Product Filters allow your customers to quickly find only the products with the features they are looking for with just a few easy clicks. Easier, faster shopping features mean a higher conversion rate. The user interface elements are: a YUI powered "Dynamic Filterable Menu" and dynamic product display. For example, your customers will be presented with a menu where they may check the product attributes they are interested in like size, color, material, etc. As your customers check the checkboxes, the content area of the page will dynamically adjust to show only those products which match all checked attributes. Customers can quickly adjust their selection by checking/unchecking boxes until they have narrowed down to exactly what they are looking for.
YUI Components Used: Connection Manager
Product Filters Menu & Dynamic Content Area: An easy, fast way for customers to find products with specific attributes.
Shopping Cart Control Panel Usability Enhancements
The SearchFit Shopping Cart Control Panel is the admin area for your website. For example, the Control Panel is used to create products, configure settings, publish your website, etc. SearchFit needs an understandable user interface in order for users to find and use the large number of available screens & features. The use of YUI has increased the usability of the control panel by making it more intuitive to search for, add & edit items.
YUI Panels for Search
A Search function is available on many screens of the Control Panel including orders, products, file storage, etc. Clicking the search link on any of these screens launches a YUI powered dynamic panel with an easy to use interface. Users can easily find what they are looking for and the search form does not clutter the screen when it is not needed.
File Storage Search Panel: Intuitive control panel interface for searching files.
YUI Panels for Creating New Items
The control panel is a tab based interface. Each tab represents a top level screen of the control panel and contains many different icons which are links to different screens. Also, for each type of item there are links to create new or edit existing. When clicked, these links launch a dynamic panel that presents the user with a series of numbered steps (and related form widgets) needed to perform the task. This makes it simpler for new users to learn the system, thus reducing the learning curve and increasing productivity.
New Products Panel: An easy way for new users to add products.
More usability enhancements are on the way for both SearchFit generated websites and the SearchFit control panel. We are exited at the potential for an improved shopping experience that JavaScript for Ecommerce offers, especially with YUI. New and innovative user interface features powered by YUI are on the way and we know your customers will love them!
See Yahoo User Interface Library documentation read great articles on the official YUI Blog.
Contact us today to learn more about the SearchFit Ecommerce Shopping Cart.
