Bysoft China's Blog > Your e-commerce partner

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 | May 4, 2010

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 navigation, tips, Web Design
Comments rss
Comments rss
Trackback
Trackback

« A special interview about doing business in China 10 Ecommerce Ideas for Your Company »

10 Responses to “Web Design Tips: 5 Laws of Ecommerce Navigation Design”

  1. Tweets that mention Bysoft China's Blog > Your Resource To Keep Up With the Web! » Web Design Tips: 5 Laws of Ecommerce Navigation Design -- Topsy.com says:
    May 4, 2010 at 17:35

    [...] This post was mentioned on Twitter by SimplyTech Solutions, Intrahost feed. Intrahost feed said: Bysoft China's Blog > Your Resource To Keep Up With the Web! » Web …: Web Design Tips: 5 Laws of Ecommerce Navig… http://bit.ly/9MOEzO [...]

  2. Fern Huegel says:
    August 5, 2010 at 06:59

    I agree with you also it certainly gonna guide lots of people.

  3. Thomas says:
    November 6, 2011 at 03:26

    Thanks for this great information! I really appreciate this. I actually let my husband have a look and he posted a link to it on his blog :) How to Lose Belly Fat

  4. filter papers says:
    November 6, 2011 at 09:57

    Thanks buddy. Great website you have here. Got some extra websites to direct to with more stuff like this?

  5. hydrocodone says:
    December 15, 2011 at 23:14

    zwiiicmphfo, hydrocodone, hoBRwqC, [url=http://hydrocodoneshop.net/]hydrocodone[/url], vnHmBSk, http://hydrocodoneshop.net/ hydrocodone, FbuVcgL.

  6. gamefly coupons promotions says:
    March 4, 2012 at 08:42

    thanks to the author for taking his time on this one.

  7. hd televisions says:
    March 7, 2012 at 19:00

    I value this informative blog. Im looking on search engines like google because of this style of info and lastly got worth keeping. This will aid as to what I am considering regarding my research for my very own college task.

  8. designer burberry prorsum says:
    March 8, 2012 at 01:15

    I’m really loving the theme/design of your blog. Do you ever run into any web browser compatibility issues? A few of my blog audience have complained about my site not operating correctly in Explorer but looks great in Safari. Do you have any ideas to help fix this problem?

  9. Tatouage bras says:
    March 8, 2012 at 02:03

    Great article! I loved the insight and advice given. Additionally, your blogging style is very fun to read.

  10. web directory says:
    March 8, 2012 at 10:24

    Hi, Neat post. There is a problem along with your site in internet explorer, might test this… IE still is the market leader and a big part of other people will pass over your wonderful writing due to this problem.

Leave a Reply

Click here to cancel reply.

Recent Posts

  • BBS (Bulletin Board Systems) in China
  • How to buy online in China ? The payment gateway process (end-user perspective)
  • Groupon (Gaopeng) in China and Lashou, its direct competitor
  • Huaban or the Chinese Pinterest
  • Team Member’s interview : Stephanie web project manager
  • The new version 1.12 of Magento Enterprise
  • 2nd China eBusiness Entrepreneurship Conference
  • MD5 is dead : what to use now?
  • The constraints of the Chinese Internet
  • The Chinese Delivery Methods

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

api asia b2c Baidu business bysoft Bysoftchina c2c china CMS company cpc Design Ecommerce ecommerce navigation education ergonomics eZ publish Google integration interview japan Joomla! lecture Magento open source PHP php engineer ppc press programming sem seo shanghai shopmaker social media symfony tips tutorial web application Webmarketing website cache zend zend framework Zend PHP 5

Recent Comments

  • appeftdormape on Greetings from Bysoft for the Year of the Ox
  • jennera on About Us
  • Boolvehef on The Chinese Delivery Methods
  • New mexico indian beaded bracelets on Bysoft certified engineers
  • Danna on Baidu.com plans to launch an instant messaging service

Pages

  • About Us

Archives

  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • October 2011
  • September 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • November 2010
  • October 2010
  • September 2010
  • 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
  • Magento
  • Marketing Website
  • Programming
rss Comments rss valid xhtml 1.1 design by jide powered by Wordpress get firefox