{"id":14404,"date":"2014-05-05T08:30:36","date_gmt":"2014-05-05T13:30:36","guid":{"rendered":"https:\/\/crazyeggblog.wpengine.com\/?p=14404"},"modified":"2023-10-05T17:57:32","modified_gmt":"2023-10-05T21:57:32","slug":"ecommerce-usability-design","status":"publish","type":"post","link":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/","title":{"rendered":"5 Fundamental Guidelines for Ecommerce Usability Design"},"content":{"rendered":"\n<p>Brick and mortar storefronts are still a great way for businesses to earn clientele\u2014but to make it in retail in today\u2019s market, the brick and mortar shop is an <em>option<\/em>; an online presence is a <em>must<\/em>.<\/p>\n\n\n\n<p>Building an e-commerce storefront can be as involved or as simple as you like\u2014but for it to take off, keep in mind that there are a few guiding principles that you should follow.<\/p>\n\n\n\n<p>For starters, it must be both <a href=\"https:\/\/searchengineland.com\/best-practices-in-e-commerce-seo-176921\" target=\"_blank\" rel=\"noopener noreferrer\">search engine and user friendly<\/a>, intuitive, aesthetically pleasing, and functional. But there&#8217;s much more to it than that. You need to focus on ecommerce <a href=\"https:\/\/www.crazyegg.com\/blog\/principles-website-usability\/\" target=\"_blank\" rel=\"noopener noreferrer\">usability<\/a> as well.<\/p>\n\n\n\n<p>Start your e-commerce venture off on the right foot by following the below five fundamental guidelines for a successful e-commerce design.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/ecommerce-usability-placeit.png\"><img decoding=\"async\" width=\"400\" height=\"300\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/ecommerce-usability-placeit.png\" alt=\"ecommerce usability - placeit\" class=\"wp-image-14422\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/ecommerce-usability-placeit.png 400w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/ecommerce-usability-placeit-300x225.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><br>\n<em>Source: <a href=\"https:\/\/placeit.net\" target=\"_blank\" rel=\"noopener noreferrer\">Placeit.net<\/a><\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Keep navigation simple and functional<\/h2>\n\n\n\n<p>This one\u2019s an easy one. Think about your own user experience when you visit a website: Are you more likely to purchase if you can easily find what you\u2019re looking for or if you have to click through 50 options?<\/p>\n\n\n\n<p><a href=\"https:\/\/www.crazyegg.com\/blog\/pricing-page-optimization\/\" target=\"_blank\" rel=\"noopener noreferrer\">Complexity hurts conversions<\/a>. Excess clicks and menus or unrelenting categorization are annoying to shoppers. Make your menus and navigation options simple and intuitive.<\/p>\n\n\n\n<p>To that end, do not over-simplify. You do need a menu. But try to limit it to somewhere between three and seven headers and three or fewer sub-tiers within the initial headers.<\/p>\n\n\n\n<p>Beyond the quantity of navigation options, be sure to make your options clear. Use simple one- or two-word labels that are very direct and transparent about where they will lead. Trendy and fun wording can be appropriate, but only if it does not take away from the ease of use.<\/p>\n\n\n\n<p>For example, if you are running an e-commerce site focused on apparel, it may seem like a fun idea to label your navigation categories with names like \u201cThreads\u201d and \u201cKicks.\u201d But in doing so, you may lose some of your audience. Nine times out of 10, you\u2019ll retain more potential clients by just being straightforward.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/simple-navigation-sample.jpg\"><img decoding=\"async\" width=\"555\" height=\"345\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/simple-navigation-sample.jpg\" alt=\"Simple (Banking): There are only 3 options in Simple's top navigation: Features, Testimonial, and Sign In. Wells Fargo, on the other hand, comes with more than 80 links at top navigation.\" class=\"wp-image-14407\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/simple-navigation-sample.jpg 555w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/simple-navigation-sample-300x186.jpg 300w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/><\/a><\/figure>\n\n\n\n<p>Additionally, people like familiarity. They know that a left arrow means they will go back and that a pointing finger means they can click on a link.<\/p>\n\n\n\n<p><strong>Stick to known symbols within your e-commerce site to make shopping with you more intuitive and user friendly.<\/strong>&nbsp;(<a href=\"https:\/\/ctt.ec\/0bz9i\" target=\"_blank\" rel=\"noopener noreferrer\">Share this on Twitter<\/a>.)<\/p>\n\n\n\n<p>Last, but not least, make sure that your navigation options work. I can\u2019t tell you how many times I have visited a website and navigated through their intricate tiered navigation sections, only to finally find what it is that I was looking for\u2014but it not be accessible because they had a 404 or other inconvenient Web error.<\/p>\n\n\n\n<p>I can\u2019t say enough for thorough website testing: Just do it!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/sweatvac-nagigation-sample.jpg\"><img decoding=\"async\" width=\"555\" height=\"333\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/sweatvac-nagigation-sample.jpg\" alt=\"sweatvac - nagigation sample\" class=\"wp-image-14408\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/sweatvac-nagigation-sample.jpg 555w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/sweatvac-nagigation-sample-300x180.jpg 300w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Use a linear checkout process<\/h2>\n\n\n\n<p>Have you ever purchased from one of those sites where you go to check out and then redirect to suggestions or your cart? Yeah, me neither. That&#8217;s because a checkout process should be simple: either go back or forward. That\u2019s it. No redirects, no landing back in a cart or shopping page.<\/p>\n\n\n\n<p>Simple and transparent does the trick.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/crazyegg.jpg\"><img decoding=\"async\" width=\"555\" height=\"655\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/crazyegg.jpg\" alt=\"Crazy Egg's landing\/check out page - with nothing but two text box and one button to click. \" class=\"wp-image-14405\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/crazyegg.jpg 555w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/crazyegg-254x300.jpg 254w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Use clear error indications at check out<\/h2>\n\n\n\n<p>Make error notifications easy for users to understand. Nothing is more frustrating than not being able to make a purchase and not being able to figure out why. If this happens, your potential customer may give you a second shot and try again\u2014but it\u2019s unlikely they\u2019ll try more than three times.<b><\/b><\/p>\n\n\n\n<p>That said, make your error messages clear. Relay to your customer in clear, direct language what it is they need to do. Make those messages easy to see by using red, highlighted yellow, or even blinking text to increase the error text\u2019s visibility.<\/p>\n\n\n\n<p>Also, place the error message directly above or next to the specific item(s) that requires correction. There\u2019s nothing worse than a blanket error message at the top of the page that leaves someone guessing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Make sure your load time is fast<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/page-speed.jpg\"><img decoding=\"async\" width=\"555\" height=\"384\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/page-speed.jpg\" alt=\"Patience is a virtue - not so according to recent website usability studies. \" class=\"wp-image-14406\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/page-speed.jpg 555w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/page-speed-300x207.jpg 300w\" sizes=\"(max-width: 555px) 100vw, 555px\" \/><\/a><\/figure>\n\n\n\n<p>Did you know that 25 percent of Web users <a href=\"https:\/\/mashable.com\/2012\/03\/14\/slow-website-stats-infographic\/\" target=\"_blank\" rel=\"noopener noreferrer\">abandon a Web page<\/a> if it takes more than four seconds to load? It\u2019s true\u2014talk about impatience!<\/p>\n\n\n\n<p>Mobile users are slightly more patient (what does that say about mobile carrier performance?). But just barely: They will give a page up to 10 seconds to load. And there are no second chances: three of five people won\u2019t return to a site they abandon due to slow load times.<\/p>\n\n\n\n<p>Adding further insult to injury, an increase of just one second in your site\u2019s page load time can cause a nearly seven percent decline in your conversion rates.<\/p>\n\n\n\n<p>Time is money and consumers are not a patient breed. All it takes is mere seconds to lose a sale. So make sure you\u2019re working with a good, reliable hosting company; your success depends on their performance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5. Automate your search<\/h2>\n\n\n\n<p>Finally\u2014and this one should go without saying\u2014make sure to include a search feature on your site. Some people will come to you knowing exactly what that they want and, if they can\u2019t find it within seconds, are likely to abandon your site.<\/p>\n\n\n\n<p>Upgrade your search feature to have auto-complete functionality. This is the functionality Google uses, for example, to finish your sentence before you have typed it. Not only does it make it easier for visitors to find what they are looking for, but it also gives you horizontal sales potential by suggesting things within the arena in which they are already searching.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bonus: A\/B Testing<\/h2>\n\n\n\n<p>When it comes to making your e-commerce site a success, the best path forward is to never assume.<\/p>\n\n\n\n<p>Don\u2019t assume that high conversion rates are due to your stellar inventory alone. Or that your high bounce rates are because of your homepage design.<\/p>\n\n\n\n<p>What works for one company may not work for another\u2014and beyond that, what worked for you a year ago may no longer work today. Test everything.<\/p>\n\n\n\n<p><strong>One of the best and most proven ways to test is through something called A\/B testing.<\/strong><\/p>\n\n\n\n<p>A\/B testing is a way of testing two different concepts simultaneously with randomized testing samples. So two versions of a Web page (or other type of copy) are pitted against one another in order to determine which works best.<\/p>\n\n\n\n<p>For example, if you are planning to send a marketing email promotion and are interested in evolving your strategy, you might send the same email with two different subject lines; in doing so, you can measure the success of the two different emails to determine what type of subject line secures more opens, click-throughs, and completes.<\/p>\n\n\n\n<p>By paying attention to the differences in your approach, you can better tailor your future efforts.<\/p>\n\n\n\n<p>But A\/B testing goes far beyond marketing emails. You can use it for everything from testing an email subject line to testing your homepage or even entire website.<\/p>\n\n\n\n<p>There are numerous solutions out there. <a href=\"https:\/\/www.crazyegg.com\" target=\"_blank\" rel=\"noopener noreferrer\">Crazy Egg<\/a>, for instance, is one the industry\u2019s most notable and effective options. And in case, you were looking for more, here are another three tools to look into.<\/p>\n\n\n\n<p><b>1 \u2013 <\/b><a href=\"https:\/\/support.google.com\/analytics\/answer\/1745147?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Google Analytics Content Experiment<\/b><\/a><\/p>\n\n\n\n<p>This solution allows you to test up to five versions of something simultaneously\u2014all within the Google platform. This solution uses a random sample of your visitors, but allows you to define what percentage of your overall visitors are included in the testing.<\/p>\n\n\n\n<p>This comes in particularly handy if you are worried about potential losses should there be a negative reaction to one of your test items. Instead of approaching your entire client base, minimize the exposure by releasing it to just a small segment.<\/p>\n\n\n\n<p>Additionally, you can define which aspects of your site\/pages you want to test and you will even get emails updating you about your results and performance.<\/p>\n\n\n\n<p>Since it is part of the Google family, it interfaces right alongside your Analytics account\u2014and best yet, it\u2019s free.<\/p>\n\n\n\n<p><b>2 \u2013 <\/b><a href=\"https:\/\/unbounce.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Unbounce<\/b><\/a><\/p>\n\n\n\n<p>Unbounce is a great option for testing pages and sites without needing to involve your IT team. Even Google\u2019s solution requires one segment of code\u2014minimal by industry standards, but none the less.<\/p>\n\n\n\n<p>Unbounce specializes in landing page testing, meaning that you can easily test from email campaigns, unique URL directs, and more, but that you will be testing single pages (not an entire site).<\/p>\n\n\n\n<p>This tool offers a series of collaboration tools and also does interface with Google Analytics. It offers a convenient landing page builder, so you can create your page from directly within the platform and push it out live with the push of the button.<\/p>\n\n\n\n<p>This option is extremely user friendly and a great way for beginners to get into A\/B testing. It does, however, come with a price\u2014though it is quite manageable. Pricing for entrepreneurs and new businesses starts at just $49 per month while pricing for marketing teams and agencies lands at $199\/month. Features and functionality vary by cost.<\/p>\n\n\n\n<p><b>3 \u2013 <\/b><a href=\"https:\/\/www.optimizely.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Optimizely<\/b><\/a><b> <\/b><\/p>\n\n\n\n<p>Upon entering the Optimizely site, you will have the opportunity to enter your own e-commerce site\u2019s URL and receive a complimentary tour\/example of what the platform can do for you (a nice perk, even if you don\u2019t use their service in the end).<\/p>\n\n\n\n<p>Optimizely is easy to use and requires minimal assistance from your programming team. In fact, it generates a single line of code which your tech team will need to enter into your site\u2019s code (much the same way as they do to integrate Google Analytics).<\/p>\n\n\n\n<p>The platform tracks numerous variants, including engagement, clicks, conversions, sign-ups, and any other metrics you define. You can schedule your testing so it takes an automated approach, freeing you up to wait for the results rather than manually manage every component, including kick-off and test wrap-up.<\/p>\n\n\n\n<p>You can even target your testing to key visitor segments. Optimizely integrates with numerous analytics tools and also works with a graphic user interface so designing test pages is intuitive and doable for non-tech folks.<\/p>\n\n\n\n<p>Again, pricing scales based on the quantity of monthly visitors and features, but it begins at $17 per month and reaches $359 per month for the \u201cGold\u201d package (which includes 200,000 monthly visitors, unlimited user accounts, phone support, visitor segmentation, and a slew of other features).<\/p>\n\n\n\n<p>All three are great options and which is right for you will depend on&nbsp; your level of tech prowess, need, and budget. Happy testing!<\/p>\n\n\n\n<p class=\"has-text-align-center\">Read other <a href=\"https:\/\/www.crazyegg.com\/blog\/author\/jerry-low\/\" target=\"_blank\" rel=\"noopener noreferrer\">Crazy Egg articles by Jerry Low<\/a>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brick and mortar storefronts are still a great way for businesses to earn clientele\u2014but to make it in retail in today\u2019s market, the brick and&#8230;<\/p>\n","protected":false},"author":66,"featured_media":14422,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_lmt_disableupdate":"","_lmt_disable":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[55],"tags":[],"class_list":["post-14404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>5 Fundamental Guidelines for Ecommerce Usability Design<\/title>\n<meta name=\"description\" content=\"Improving ecommerce usually focuses on design and function. But for best results, consider ecommerce usability. Here are 5 guidelines for better results.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Fundamental Guidelines for Ecommerce Usability Design\" \/>\n<meta property=\"og:description\" content=\"Improving ecommerce usually focuses on design and function. But for best results, consider ecommerce usability. Here are 5 guidelines for better results.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/\" \/>\n<meta property=\"og:site_name\" content=\"The Daily Egg\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crazyegganalytics\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-05T13:30:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-05T21:57:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/ecommerce-usability-placeit.png\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jerry Low\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/webhostingjerry\" \/>\n<meta name=\"twitter:site\" content=\"@CrazyEgg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Low\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/\"},\"author\":{\"name\":\"Jerry Low\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/5d642c2456f3d96d7a5fc749b6f1de34\"},\"headline\":\"5 Fundamental Guidelines for Ecommerce Usability Design\",\"datePublished\":\"2014-05-05T13:30:36+00:00\",\"dateModified\":\"2023-10-05T21:57:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/\"},\"wordCount\":1752,\"commentCount\":21,\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ecommerce-usability-placeit.png\",\"articleSection\":[\"Ecommerce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/\",\"name\":\"5 Fundamental Guidelines for Ecommerce Usability Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ecommerce-usability-placeit.png\",\"datePublished\":\"2014-05-05T13:30:36+00:00\",\"dateModified\":\"2023-10-05T21:57:32+00:00\",\"description\":\"Improving ecommerce usually focuses on design and function. But for best results, consider ecommerce usability. Here are 5 guidelines for better results.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ecommerce-usability-placeit.png\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ecommerce-usability-placeit.png\",\"width\":400,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/ecommerce-usability-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ecommerce\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/category\\\/ecommerce\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"5 Fundamental Guidelines for Ecommerce Usability Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"name\":\"The Daily Egg\",\"description\":\"Conversion Rate Optimization Made Easy\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\",\"name\":\"Crazy Egg\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"width\":191,\"height\":100,\"caption\":\"Crazy Egg\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/crazyegganalytics\\\/\",\"https:\\\/\\\/x.com\\\/CrazyEgg\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/crazy-egg\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCJNe_xmPi07YezxaqfoRVqg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/5d642c2456f3d96d7a5fc749b6f1de34\",\"name\":\"Jerry Low\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/888a20691a4586e18f752712dd9d2febb65233deb55d2fb3cac39eef095368aa?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/888a20691a4586e18f752712dd9d2febb65233deb55d2fb3cac39eef095368aa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/888a20691a4586e18f752712dd9d2febb65233deb55d2fb3cac39eef095368aa?s=96&d=mm&r=g\",\"caption\":\"Jerry Low\"},\"description\":\"Jerry Low is the a professional blogger who is passionate about SEO and web development. He writes helpful web development guide, Internet marketing tips and web hosting reviews at Web Hosting Secret Revealed. Connect and get more from him on Google+.\",\"sameAs\":[\"https:\\\/\\\/www.webrevenue.co\",\"https:\\\/\\\/x.com\\\/https:\\\/\\\/twitter.com\\\/webhostingjerry\"],\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/author\\\/jerry-low\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 Fundamental Guidelines for Ecommerce Usability Design","description":"Improving ecommerce usually focuses on design and function. But for best results, consider ecommerce usability. Here are 5 guidelines for better results.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/","og_locale":"en_US","og_type":"article","og_title":"5 Fundamental Guidelines for Ecommerce Usability Design","og_description":"Improving ecommerce usually focuses on design and function. But for best results, consider ecommerce usability. Here are 5 guidelines for better results.","og_url":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/","og_site_name":"The Daily Egg","article_publisher":"https:\/\/www.facebook.com\/crazyegganalytics\/","article_published_time":"2014-05-05T13:30:36+00:00","article_modified_time":"2023-10-05T21:57:32+00:00","og_image":[{"width":400,"height":300,"url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/ecommerce-usability-placeit.png","type":"image\/png"}],"author":"Jerry Low","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/webhostingjerry","twitter_site":"@CrazyEgg","twitter_misc":{"Written by":"Jerry Low","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/#article","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/"},"author":{"name":"Jerry Low","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/5d642c2456f3d96d7a5fc749b6f1de34"},"headline":"5 Fundamental Guidelines for Ecommerce Usability Design","datePublished":"2014-05-05T13:30:36+00:00","dateModified":"2023-10-05T21:57:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/"},"wordCount":1752,"commentCount":21,"publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/ecommerce-usability-placeit.png","articleSection":["Ecommerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/","url":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/","name":"5 Fundamental Guidelines for Ecommerce Usability Design","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/ecommerce-usability-placeit.png","datePublished":"2014-05-05T13:30:36+00:00","dateModified":"2023-10-05T21:57:32+00:00","description":"Improving ecommerce usually focuses on design and function. But for best results, consider ecommerce usability. Here are 5 guidelines for better results.","breadcrumb":{"@id":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/#primaryimage","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/ecommerce-usability-placeit.png","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2014\/04\/ecommerce-usability-placeit.png","width":400,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyegg.com\/blog\/ecommerce-usability-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.crazyegg.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ecommerce","item":"https:\/\/www.crazyegg.com\/blog\/category\/ecommerce\/"},{"@type":"ListItem","position":3,"name":"5 Fundamental Guidelines for Ecommerce Usability Design"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyegg.com\/blog\/#website","url":"https:\/\/www.crazyegg.com\/blog\/","name":"The Daily Egg","description":"Conversion Rate Optimization Made Easy","publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyegg.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.crazyegg.com\/blog\/#organization","name":"Crazy Egg","url":"https:\/\/www.crazyegg.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","width":191,"height":100,"caption":"Crazy Egg"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/crazyegganalytics\/","https:\/\/x.com\/CrazyEgg","https:\/\/www.linkedin.com\/company\/crazy-egg\/","https:\/\/www.youtube.com\/channel\/UCJNe_xmPi07YezxaqfoRVqg"]},{"@type":"Person","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/5d642c2456f3d96d7a5fc749b6f1de34","name":"Jerry Low","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/888a20691a4586e18f752712dd9d2febb65233deb55d2fb3cac39eef095368aa?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/888a20691a4586e18f752712dd9d2febb65233deb55d2fb3cac39eef095368aa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/888a20691a4586e18f752712dd9d2febb65233deb55d2fb3cac39eef095368aa?s=96&d=mm&r=g","caption":"Jerry Low"},"description":"Jerry Low is the a professional blogger who is passionate about SEO and web development. He writes helpful web development guide, Internet marketing tips and web hosting reviews at Web Hosting Secret Revealed. Connect and get more from him on Google+.","sameAs":["https:\/\/www.webrevenue.co","https:\/\/x.com\/https:\/\/twitter.com\/webhostingjerry"],"url":"https:\/\/www.crazyegg.com\/blog\/author\/jerry-low\/"}]}},"modified_by":null,"_links":{"self":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/14404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/users\/66"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/comments?post=14404"}],"version-history":[{"count":0,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/14404\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media\/14422"}],"wp:attachment":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media?parent=14404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/categories?post=14404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/tags?post=14404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}