Bysoft China's Blog > Your Resource To Keep Up With the Web!

Share Our Knowledge, Share Our Passion
  • rss
  • Home
  • About Us
  • SERVICES
  • WORKS
  • START ECOMMERCE WEBSITE
  • START CMS WEBSITE
  • CONTACT US

Web Design Tips: 5 Laws of Ecommerce Navigation Design

Florence SONG | June 11, 2009

To avoid the pitfalls of a site design that is too confusing, too ugly, or too experimental to be effective, the ecommerce site owner must strike a balance between leading-edge techniques and technologies, effectiveness, and aesthetics. So, in this article of “Web Design Tips” we will outline the laws for ecommerce site navigation design based on our projects experience to help any ecommerce business.

Law No. 1: Make Navigation Easy to Understand and Use

Shoppers browsing to an ecommerce store don’t want to be baffled by navigation. Make your site navigation easy to understand and use. Provide clear labels that explain what a user will find when he or she clicks. If you sell trousers, try labels like “Men’s Trousers” or “Women’s Trousers” or “GIORDANO” And put navigation in a predictable place, top, left, right, or front and center.

Law No. 2: Make Navigation Accessible

Making your ecommerce site easy for customers with disabilities is good for business and the right thing to do. Some of your customers are going to have disabilities that require them to surf the web using screen readers, refreshable Braille displays, magnifiers, or other helpful devices. One technique to try is to place text-based navigation and skip links (often hidden from most site visitors via CSS) at the very top of the page.

Law No. 3: Tell Me Where I Am

Before customers can make a good choice about where they want to go on your site, they should know where they are. Because so many online shoppers use search engines to locate online stores, your customers can enter your site just about anywhere. So there is no guarantee that they are starting on the home page. Use visual and text clues (i.e., breadcrumbs) to show the customer where he or she is on your site.

Law No. 4: Use Layers and Facets on Big Sites

If your ecommerce site has more than a few product categories, more than a handful of brands, or more than a dozen products, add navigation layers and facets. As a customer, He/she wants to be able to browse by brand, price, age-appropriateness, color, or just about any other relevant product attribute. Your navigation should let me do that right in place.

Law No. 5: Let There Be Search

Every ecommerce site should allow shoppers to just search for products. Not a lot of explanation needed. Add a search box to every page on your site to let shoppers search the products that they concerned. It is also a form of navigation.

Categories
Ecommerce, Web Design
Tags
Design, Ecommerce, ergonomics
Comments rss
Comments rss
Trackback
Trackback

« open source solution help you cut 35% from e-commerce costs A special interview about doing business in China »

One Response to “Web Design Tips: 5 Laws of Ecommerce Navigation Design”

  1. Mamie Surman says:
    June 14, 2010 at 17:55

    A Great post, I will bookmark this in my Mixx account. Have a great day.

Leave a Reply

Click here to cancel reply.

Recent Posts

  • Web engineer certification and Bysoft’s certified engineers
  • eZ publish: Custom root node
  • How to make your B2C website stand out in China?
  • A good start about implementing your own product type
  • Web application development & Magento Ecommerce
  • The Interview Between Shanghai Business Review & BysoftChina
  • China’s online shopping market will reach 713 billion in 2012, which takes 3.5% share of total retail business
  • Alipay Processing in Shopmaker Solution
  • Magento Professional Released!
  • The Subsite of Chengdu Tianfu Software Park Released-On Joomla!

Categories

  • Content Management (CMS)
  • Ecommerce
  • FAQ Shopmaker – Standard Ecommerce
  • Internet
  • Magento
  • News
  • PHP
  • References
  • Search Engine Marketing (SEM)
  • Search Engine Optimization (SEO)
  • Web Design
  • Web Development
  • Web Technologies
  • Webmarketing

Tags

announcement api asia b2c Baidu business c2c china CMS company cpc Design Ecommerce ecommerce navigation education ergonomics eZ publish framework Google ideas integration interview japan Joomla! lecture Magento marketing online communication open source PHP ppc press programming search engine sem seo shopmaker symfony tips tutorial web application Web Design yahoo zend zend framework

Recent Comments

  • Sari Coric on Lecture on Open Source Application
  • Fern Huegel on Web Design Tips: 5 Laws of Ecommerce Navigation Design
  • Bysoft China's Blog > Your Resource To Keep Up With the Web! » How to make your B2C website stand out in China? on Web application development & Magento Ecommerce
  • Mamie Surman on Web Design Tips: 5 Laws of Ecommerce Navigation Design
  • Everette Gabriele on Alipay Processing in Shopmaker Solution

Pages

  • About Us

Archives

  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • June 2009
  • May 2009
  • February 2009
  • January 2009
  • October 2008
  • April 2008
  • March 2008
  • February 2008
  • December 2007
  • November 2007
  • August 2007

Bysoft China

  • Consulting
  • Content Management
  • E-Commerce
  • Graphic Design
  • Joomla
  • Magento
  • Marketing Website
  • Programming
rss Comments rss valid xhtml 1.1 design by jide powered by Wordpress get firefox