{"id":86353,"date":"2021-11-18T12:58:49","date_gmt":"2021-11-18T20:58:49","guid":{"rendered":"https:\/\/thegood.com\/?post_type=insights&#038;p=86353"},"modified":"2025-04-21T13:03:53","modified_gmt":"2025-04-21T20:03:53","slug":"user-centered-design","status":"publish","type":"insights","link":"https:\/\/thegood.com\/insights\/user-centered-design\/","title":{"rendered":"Ecommerce User-Centered Design: Core Principles That Drive Better Results"},"content":{"rendered":"\n<p>When shoppers arrive on your ecommerce website, you want them to feel at home. You want them to feel like your site was made specifically for them, like everything is right where they left it.&nbsp;<\/p>\n\n\n\n<p>Why should the <em>experience feel<\/em> familiar and intuitive? It\u2019s not complex: Customers who feel <em>known<\/em> and <em>understood<\/em> are more likely to buy from you.&nbsp;<\/p>\n\n\n\n<p>Therefore, the design of your store &#8211; and your entire business &#8211; should come from a place of empathy. You need to create a customer-centric experience if you want to maximize conversion.&nbsp;<\/p>\n\n\n\n<p>In this article, we\u2019ll briefly define the concept of user-centered design and explain why it\u2019s important for ecommerce. Then we\u2019ll lay out the fundamentals of user-centered design and teach you the process. Our aim is to provide you with practical, usable ideas you can leverage to boost your key performance indicators across the board with a user-centered website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-user-centered-design\">What is User-Centered Design?<\/h2>\n\n\n\n<p>User-centered design is an iterative design process where you focus on your users\u2019 needs. It\u2019s how you create valuable, intuitive, and accessible products and experiences for your customers. The <a href=\"http:\/\/www.iso.org\/iso\/home\/store\/catalogue_ics\/catalogue_detail_ics.htm?csnumber=52075\" target=\"_blank\" rel=\"noreferrer noopener\">international standard 13407<\/a> is the basis for many UCD methodologies.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"750\" height=\"520\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/1-what-is-user-centered-design.png\" alt=\"1- what is user centered design\" class=\"wp-image-97353\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/1-what-is-user-centered-design.png 750w, https:\/\/thegood.com\/wp-content\/uploads\/1-what-is-user-centered-design-300x208.png 300w, https:\/\/thegood.com\/wp-content\/uploads\/1-what-is-user-centered-design-610x423.png 610w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>A keyword there is \u201citerative.\u201d This isn\u2019t something you do once and forget about. Understanding your users\u2019 needs and baking that learning into your store is an ongoing process that only ends when you close up shop or sell the business.&nbsp;<\/p>\n\n\n\n<p>User-centered design comes from a place of empathy with your customers.&nbsp;<\/p>\n\n\n\n<p>Keep in mind that you don\u2019t need to <a href=\"https:\/\/thegood.com\/insights\/ecommerce-visual-search\/\">optimize your ecommerce<\/a> experience for all humans. You only need to focus on certain visitors &#8211; the ones who are most likely to become customers.&nbsp;<\/p>\n\n\n\n<p>The user-centered design process requires four important phases: context, requirements, design, and evaluation. Once you complete a cycle of this design process, it starts all over again from the top. We explain this process in more detail below.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-why-user-centered-design-is-crucial-to-ecommerce\">Why User-Centered Design is Crucial to Ecommerce<\/h2>\n\n\n\n<p>User-centered design is a clear <a href=\"https:\/\/thegood.com\/insights\/10-ways-to-drive-more-ecommerce-wish-list-conversions\/\">way to boost your ecommerce conversions<\/a>, improve customer engagement, and create a better overall experience. Let\u2019s illustrate this with a fictional example.&nbsp;<\/p>\n\n\n\n<p>Imagine you are an amateur guitarist. You&#8217;re done with your cheap starter guitar and ready to move on to something more serious. So you visit a popular online guitar store. When you arrive on the site, you are immediately overwhelmed by choices. There are links to different guitar styles and types (which you don\u2019t understand) and guitar brands (which you\u2019ve never heard of). You don&#8217;t understand what any of this means, so you leave the site.<\/p>\n\n\n\n<p>On another guitar vendor\u2019s site, you find categories for \u201cbest amateur guitars\u201d and \u201cbest guitars under $300.\u201d Those are exactly what you\u2019re looking for, so you start there. You find a <em>much<\/em> smaller selection of guitars. Now your decision is much easier.<\/p>\n\n\n\n<p>The first site isn\u2019t designed for new guitarists, but the second one knows that new guitarists don\u2019t have enough knowledge to make complex decisions. They need recommendations that make their choices simpler. At this point in their musical hobby, price is a bigger factor than, say, string material or fretboard length.&nbsp;<\/p>\n\n\n\n<p>Does this mean the first site has a poor user experience? Not exactly. It just means they are focused on a different kind of customer. Perhaps their customers are experienced guitars who already know enough to make decisions about style, brand, and other details.&nbsp;<\/p>\n\n\n\n<p>And that\u2019s just one example of how user-centered design affects the ecommerce experience. Imagine that same vein of thinking throughout <em>every element<\/em> on your site &#8211; your navigation menu, your category pages, footer links, etc.&nbsp;<\/p>\n\n\n\n<p>Implementing user-centered design principles offers three big benefits:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-user-centered-design-improves-the-customer-s-experience-nbsp\">1. User-centered design improves the customer\u2019s experience&nbsp;<\/h3>\n\n\n\n<p>Customer experience is the biggest benefit of user-centered design. It makes it easy for users to navigate and explore your ecommerce site because it matches the journey with their expectations and needs.&nbsp;<\/p>\n\n\n\n<p>The easier it is for them to find and checkout with the items they want, the more you\u2019re going to be able to sell them. Strong user-centered design fine-tunes the interaction between buyers and your website.<\/p>\n\n\n\n<p>Good website design means putting information and actions in front of the user at the right time so their path to conversion is smooth and frictionless. You want them to effortlessly land on <a href=\"https:\/\/thegood.com\/insights\/product-bundling\/\">product pages that make sense for their needs<\/a>.<\/p>\n\n\n\n<p>Notice how Apple uses a clever row of icons within their Mac category to help you find the right subcategory. This helps users understand, at a glance, what they need. If a customer isn\u2019t sure which product is right for them, the icons give them visual clues. For instance, you can tell right away that iMacs are <em>not<\/em> laptops.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"725\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/2-macbook-pro-user-centered-design-icons-1024x725.png\" alt=\"2- macbook pro user centered design icons\" class=\"wp-image-97364\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/2-macbook-pro-user-centered-design-icons-1024x725.png 1024w, https:\/\/thegood.com\/wp-content\/uploads\/2-macbook-pro-user-centered-design-icons-300x212.png 300w, https:\/\/thegood.com\/wp-content\/uploads\/2-macbook-pro-user-centered-design-icons-768x544.png 768w, https:\/\/thegood.com\/wp-content\/uploads\/2-macbook-pro-user-centered-design-icons-610x432.png 610w, https:\/\/thegood.com\/wp-content\/uploads\/2-macbook-pro-user-centered-design-icons.png 1137w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The goal of user-centered design is to create an intuitive experience. Ideally, your website visitors shouldn&#8217;t even be aware that you have taken steps to create a quality experience. This is one of those things that&#8217;s invisible if it works.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-user-centered-design-establishes-credibility\">2. User-centered design establishes credibility<\/h3>\n\n\n\n<p>People want to be known. They want to know that you understand them well enough to provide solutions to their problems. When they realize that you understand them, you become a trusted ally in their eyes. Thus, they become <em>far more willing<\/em> to make a purchase.&nbsp;<\/p>\n\n\n\n<p>You can establish this credibility by creating an ecommerce experience that meets their specific needs. They say, \u201cAh, finally someone who knows what I want.\u201d&nbsp;<\/p>\n\n\n\n<p>Target excellently builds credibility with their customers by including this row on their home page. They know that some customers come to their store to buy gifts, but don\u2019t know what to get. In response, Target built custom categories to help them find the perfect presents.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"316\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/3-gifts-from-target.png\" alt=\"3 - gifts from target\" class=\"wp-image-97358\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/3-gifts-from-target.png 800w, https:\/\/thegood.com\/wp-content\/uploads\/3-gifts-from-target-300x119.png 300w, https:\/\/thegood.com\/wp-content\/uploads\/3-gifts-from-target-768x303.png 768w, https:\/\/thegood.com\/wp-content\/uploads\/3-gifts-from-target-610x241.png 610w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>If users don\u2019t find you credible, there\u2019s <em>no way<\/em> they will trust you with their money or private information. They will assume that your lack of credibility extends to your products. <a href=\"https:\/\/www.entrepreneur.com\/article\/248113\">95% of new products launched each year fail<\/a> because of a lack of perceived credibility.<\/p>\n\n\n\n<p>Keep in mind that this credibility doesn\u2019t develop spontaneously. It requires you to consistently meet their needs with each interaction, before, during, and after the transaction.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-user-centered-design-fosters-customer-loyalty\">3. User-centered design fosters customer loyalty<\/h3>\n\n\n\n<p>The formula is simple: If customers have a good experience on your site (because it\u2019s made specifically for them), they are more likely to return in the future. We all shop at Amazon because the experience is reliable and fast. Though you may not be able to replicate the hundreds of tests their team runs to improve user experience and profitability, you can study your users at a smaller scale and create experiences that help them purchase the products they want and need.&nbsp;<\/p>\n\n\n\n<p>In fact, you can even go so far as to think of user-centered design as part of your relationship with your customers. Creating an experience that serves them well is a function of <em>empathy<\/em>.&nbsp; Answering their questions before they ask is &#8211; in a roundabout way &#8211; <em>conversation.&nbsp;<\/em><\/p>\n\n\n\n<p>Consider Warby Parker\u2019s offer. They know their customers want to try on glasses before they commit to buying. But that was previously impossible when purchasing online, so they give customers the opportunity to try multiple pairs at home and send the unneeded ones back. After using a system like this, could you imagine going anywhere else to buy glasses online?<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"816\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/4-warby-parker-user-centered-design-1024x816.jpg\" alt=\"4 - warby parker - user centered design\" class=\"wp-image-97363\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/4-warby-parker-user-centered-design-1024x816.jpg 1024w, https:\/\/thegood.com\/wp-content\/uploads\/4-warby-parker-user-centered-design-300x239.jpg 300w, https:\/\/thegood.com\/wp-content\/uploads\/4-warby-parker-user-centered-design-768x612.jpg 768w, https:\/\/thegood.com\/wp-content\/uploads\/4-warby-parker-user-centered-design-610x486.jpg 610w, https:\/\/thegood.com\/wp-content\/uploads\/4-warby-parker-user-centered-design.jpg 1069w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-user-centered-design-principles\">User-Centered Design Principles<\/h2>\n\n\n\n<p>In the hyper-competitive world of ecommerce, one little tweak can spell the difference between a happy customer and a lost transaction. If your website helps your visitors reach their goals, they will see value in it. If you do it better than other brands, then you have a significant competitive advantage. Therefore, user-centered design principles are at the core of conversion rate optimization.<\/p>\n\n\n\n<p>Your best prospects have two primary desires when they visit your ecommerce website: research products and buy products. Your job is to make it super-easy to do both by following these 12 principles.<\/p>\n\n\n\n<div class=\"wp-block-ugb-container ugb-container cta-button ugb-e894df8 ugb-container--v2 ugb-container--design-image2 ugb-container--collapse-on-mobile ugb-main-block\"><style>.ugb-e894df8-wrapper.ugb-container__wrapper{padding-top:0 !important;padding-bottom:0 !important;background-color:#000000 !important}.ugb-e894df8-wrapper > .ugb-container__side{padding-top:35px !important;padding-bottom:35px !important}.ugb-e894df8-wrapper.ugb-container__wrapper:before{background-color:#000000 !important}.ugb-e894df8-content-wrapper > h1,.ugb-e894df8-content-wrapper > h2,.ugb-e894df8-content-wrapper > h3,.ugb-e894df8-content-wrapper > h4,.ugb-e894df8-content-wrapper > h5,.ugb-e894df8-content-wrapper > h6{color:#ffffff}.ugb-e894df8-content-wrapper > p,.ugb-e894df8-content-wrapper > ol li,.ugb-e894df8-content-wrapper > ul li{color:#ffffff}.ugb-e894df8-wrapper > .ugb-container__image{background-image:url(https:\/\/thegood.com\/wp-content\/uploads\/Example-Images.png);width:40% !important}@media screen and (min-width:768px){.ugb-e894df8.ugb-container{margin-bottom:35px !important}}@media screen and (max-width:768px){.ugb-e894df8-wrapper > .ugb-container__image{height:300px !important}}.ugb-e894df8 > .ugb-inner-block > .ugb-block-content > *{justify-content:center !important}@media screen and (min-width:768px){.ugb-e894df8 > .ugb-inner-block > .ugb-block-content > .ugb-container__wrapper > .ugb-container__side{padding-top:8% !important;padding-bottom:8% !important;padding-right:8% !important;padding-left:8% !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-container__wrapper ugb-e894df8-wrapper\"><div class=\"ugb-container__image\"><\/div><div class=\"ugb-container__side\"><div class=\"ugb-container__content-wrapper ugb-e894df8-content-wrapper\">\n<h5 class=\"wp-block-heading\" id=\"h-find-out-what-stands-between-your-company-and-digital-excellence-with-a-custom-5-factors-scorecard\"><span style=\"color: #ffffff;\" class=\"ugb-highlight\">Find out what stands between your company and digital excellence with a custom 5-Factors Scorecard\u2122<\/span>.<\/h5>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-main-blue-background-color has-text-color has-background no-border-radius wp-element-button\" href=\"https:\/\/thegood.com\/5factors\/\" target=\"_blank\" rel=\"noreferrer noopener\">GET YOUR SCORECARD<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-speak-their-language\">1. Speak their language<\/h3>\n\n\n\n<p>The job of your ecommerce website isn\u2019t to show visitors how knowledgeable you are. It\u2019s to simply and plainly guide them towards learning what they need to learn and buying what they need to buy.<\/p>\n\n\n\n<p>Keep explanations and commentary straightforward and succinct. If you only need 10 words to say something, don\u2019t use 11 words. Avoid industry jargon and esoteric terms. One exception is on business-to-business sites where technical talk might be expected and necessary.<\/p>\n\n\n\n<p>Brooks Brothers know their customers aren\u2019t shopping their store for products they need. They\u2019re looking for luxury products that make them happy. The store\u2019s language is clear and direct.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/5-brooks-brothers-speaking-the-language-of-the-customer-1024x488.png\" alt=\"5- brooks brothers speaking the language of the customer\" class=\"wp-image-97362\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/5-brooks-brothers-speaking-the-language-of-the-customer-1024x488.png 1024w, https:\/\/thegood.com\/wp-content\/uploads\/5-brooks-brothers-speaking-the-language-of-the-customer-300x143.png 300w, https:\/\/thegood.com\/wp-content\/uploads\/5-brooks-brothers-speaking-the-language-of-the-customer-768x366.png 768w, https:\/\/thegood.com\/wp-content\/uploads\/5-brooks-brothers-speaking-the-language-of-the-customer-1536x732.png 1536w, https:\/\/thegood.com\/wp-content\/uploads\/5-brooks-brothers-speaking-the-language-of-the-customer-610x291.png 610w, https:\/\/thegood.com\/wp-content\/uploads\/5-brooks-brothers-speaking-the-language-of-the-customer.png 1883w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-don-t-ask-your-visitors-to-think-too-much\">2. Don\u2019t ask your visitors to think too much<\/h3>\n\n\n\n<p>Shoppers want the path to be uncomplicated. They don\u2019t want to make too many choices or be forced to stop and think very deeply. When you arrive on Zumiez\u2019s site, you have to make one simple decision right away: shop men\u2019s or shop women\u2019s? (That doesn\u2019t require much thinking!)<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"512\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/6-zumiez-cognitive-overload.png\" alt=\"6 - zumiez cognitive overload\" class=\"wp-image-97354\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/6-zumiez-cognitive-overload.png 800w, https:\/\/thegood.com\/wp-content\/uploads\/6-zumiez-cognitive-overload-300x192.png 300w, https:\/\/thegood.com\/wp-content\/uploads\/6-zumiez-cognitive-overload-768x492.png 768w, https:\/\/thegood.com\/wp-content\/uploads\/6-zumiez-cognitive-overload-610x390.png 610w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Pre-fill information where possible. Never ask them to re-enter the same data into different forms (think about how much you like filling out redundant paperwork at the doctor\u2019s office).&nbsp;<\/p>\n\n\n\n<p>Keep instructions visible and accessible at all times. Don\u2019t make them leave the current page to find something related to the task at hand.<\/p>\n\n\n\n<p>Aim to make buying from you the easiest, most natural thing they\u2019ve done all day. Avoid the manufacture of <a href=\"https:\/\/thegood.com\/insights\/reduce-cognitive-load\/\" target=\"_blank\" rel=\"noreferrer noopener\">cognitive overload<\/a>. It will sink your site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-design-for-speed-and-simplicity\">3. Design for speed and simplicity<\/h3>\n\n\n\n<p>If your website takes more than <a href=\"https:\/\/thegood.com\/insights\/site-speed-conversions\/\" target=\"_blank\" rel=\"noreferrer noopener\">a few seconds to load<\/a> in a visitor\u2019s browser, chances are high that person will leave and go somewhere else. This graph shows how quickly visitors will abandon your site when they encounter load delays.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"442\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/7-chart-on-site-speeds.png\" alt=\"7 - chart on site speeds\" class=\"wp-image-97360\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/7-chart-on-site-speeds.png 800w, https:\/\/thegood.com\/wp-content\/uploads\/7-chart-on-site-speeds-300x166.png 300w, https:\/\/thegood.com\/wp-content\/uploads\/7-chart-on-site-speeds-768x424.png 768w, https:\/\/thegood.com\/wp-content\/uploads\/7-chart-on-site-speeds-610x337.png 610w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Keep in mind that this doesn\u2019t just apply to your homepage. If your filters or product images are sluggish, that will reduce your conversion rate as well. Slow-loading sites lose customers. Never stop checking yours. It\u2019s quick and easy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-maintain-consistency\">4. Maintain consistency<\/h3>\n\n\n\n<p>If visitors move from one page to another on your ecommerce site and feel like they\u2019ve gone to a different site instead of a different page, they\u2019ll soon be clicking away. Not maintaining a consistent look and feel breeds distrust. Shoppers need reassurance that you are stable and will follow through on the promises you make. Consistency is a major factor in trust.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-give-shoppers-plenty-of-feedback\">5. Give shoppers plenty of feedback<\/h3>\n\n\n\n<p>Did entering an email address in your form achieve the desired result? Did the shipping choice apply properly? Your customers don\u2019t want to guess whether their actions registered or not. They want certainty.<\/p>\n\n\n\n<p>If a transaction needs a few seconds to complete, then make it evident to the shopper the gears are whirling and confirmation is on the way. When the transaction is complete, a simple \u201cthank you\u201d page signals the end of the process. Warby Parker does this well by 1) telling the customer what happens next, 2) offering contact information, and 3) collecting feedback.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"877\" height=\"680\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/8-share-buttons-in-emails.png\" alt=\"8 - share buttons in emails\" class=\"wp-image-97359\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/8-share-buttons-in-emails.png 877w, https:\/\/thegood.com\/wp-content\/uploads\/8-share-buttons-in-emails-300x233.png 300w, https:\/\/thegood.com\/wp-content\/uploads\/8-share-buttons-in-emails-768x595.png 768w, https:\/\/thegood.com\/wp-content\/uploads\/8-share-buttons-in-emails-610x473.png 610w\" sizes=\"(max-width: 877px) 100vw, 877px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-6-design-for-mobile\">6. Design for mobile<\/h3>\n\n\n\n<p>According to the latest stats, <a href=\"https:\/\/www.outerboxdesign.com\/web-design-articles\/mobile-ecommerce-statistics\" target=\"_blank\" rel=\"noreferrer noopener\">79% of smartphone users<\/a> have made a purchase using their mobile device within the last 6 months. And 80 percent of shoppers turn to their phones to begin product research, rather than heading to the store to browse.<\/p>\n\n\n\n<p>Saying that mobile is hot with consumers is an understatement. Make sure your ecommerce website performs flawlessly on desktops, tablets, and mobile devices. How do you do that? Test and adjust.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-7-make-navigation-clear-and-consistent\">7. Make navigation clear and consistent<\/h3>\n\n\n\n<p>Navigation mechanisms are a huge part of user-centered design. Like road signs on the interstate, they let you know where you are now and where you can go next. Components of a well-functioning navigation system include menus, page titles, search capability and breadcrumbs.<\/p>\n\n\n\n<p>Banana Republic uses a clear navigation hierarchy to help customers find what they need. Customers are never asked to make a difficult decision, so the process is frictionless.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"449\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/9-banana-republics-navigation-heirarchy-as-an-example-of-ucer-centered-design.png\" alt=\"9 - banana republics navigation heirarchy as an example of ucer centered design\" class=\"wp-image-97355\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/9-banana-republics-navigation-heirarchy-as-an-example-of-ucer-centered-design.png 800w, https:\/\/thegood.com\/wp-content\/uploads\/9-banana-republics-navigation-heirarchy-as-an-example-of-ucer-centered-design-300x168.png 300w, https:\/\/thegood.com\/wp-content\/uploads\/9-banana-republics-navigation-heirarchy-as-an-example-of-ucer-centered-design-768x431.png 768w, https:\/\/thegood.com\/wp-content\/uploads\/9-banana-republics-navigation-heirarchy-as-an-example-of-ucer-centered-design-610x342.png 610w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Your navigation strategy should be arranged to suit the preferences of your best prospects \u2013 typically, that means focusing on task completion for an ecommerce site. Clear, simple, user-centered navigation keeps customers happy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-8-provide-appropriate-directions-and-support\">8. Provide appropriate directions and support<\/h3>\n\n\n\n<p>At every point where a potential question arises, give the visitor a way to get that question answered. Provide contact information for customer support. Add a <a href=\"https:\/\/thegood.com\/insights\/ecommerce-live-chat\/\" target=\"_blank\" rel=\"noreferrer noopener\">live chat function<\/a> to guide the shopper along the path to sales.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"392\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/10-live-chat-function.png\" alt=\"10 - live chat function\" class=\"wp-image-97356\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/10-live-chat-function.png 800w, https:\/\/thegood.com\/wp-content\/uploads\/10-live-chat-function-300x147.png 300w, https:\/\/thegood.com\/wp-content\/uploads\/10-live-chat-function-768x376.png 768w, https:\/\/thegood.com\/wp-content\/uploads\/10-live-chat-function-610x299.png 610w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>The key is to provide enough freedom for confident shoppers to get through selection and checkout with minimum barriers and interference, but to be right there and available to anyone needing assistance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-9-give-the-visitor-options\">9. Give the visitor options<\/h3>\n\n\n\n<p>Some customers need more information than others. Don\u2019t overload every visitor with a page of information about each product you sell, for example. Instead, give them the option of clicking a link to open up that page.<\/p>\n\n\n\n<p>User-centered design principles put the steering wheel firmly in the hands of visitors. Don\u2019t force them to do things your way. Find out what they like best and arrange your site so they can do it their way.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-10-keep-it-simple\">10. Keep it simple<\/h3>\n\n\n\n<p>This can\u2019t be stressed enough. Look out for designers who \u201cover-design.\u201d Keep your copy and graphics simple and direct. Don\u2019t expect visitors to slow down long enough to \u201cget it.\u201d<\/p>\n\n\n\n<p>Think of Super Bowl commercials you\u2019ve seen that leave you wondering what in the world they\u2019re trying to sell. Then do the opposite. Cute might impress a few, but plain and simple will sell a lot.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-11-provide-context-and-catch-errors-along-the-way\">11. Provide context (and catch errors along the way)<\/h3>\n\n\n\n<p>Too many or too few numbers in a phone number or zip code, not choosing the preferred method of shipment \u2013 the list could go on.&nbsp;<\/p>\n\n\n\n<p>Providing hint text and clear instructions on your forms will create a more seamless experience.&nbsp;<\/p>\n\n\n\n<p>For example, if the form field reads \u201cPhone number\u201d a good hint text might be 555-555-5555 or (___) ___ \u2013 ____. These are good context clues for users because they are specific to that field only and they suggest correct formatting.<\/p>\n\n\n\n<p>If the user does happen to make a mistake, don\u2019t wait until they submit the form to announce errors, do it at the point the mistake was made.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-12-get-user-feedback\">12. Get user feedback<\/h3>\n\n\n\n<p>How do you know what works and what doesn\u2019t? The sure path to understanding is to observe prospects as they interact with your website. You can do that in the wild by using tools that allow you to watch live as visitors navigate your site, or you can do that as part of a pre-arranged testing protocol.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-user-centered-design-process\">User-Centered Design Process<\/h2>\n\n\n\n<p>A good user-centered design process addresses the <em>entire<\/em> user experience. This includes more than just your website. You should also consider your social media campaigns, email campaigns, ads and retargeting, and pre-sale and post-sale support.&nbsp;<\/p>\n\n\n\n<p>Think about it like this: The last <a href=\"https:\/\/thegood.com\/insights\/webinar-driving-ecommerce-growth\/\">time you made a purchase on an ecommerce<\/a> store (including Amazon) probably involved several touchpoints. You might have discovered the product on Facebook or another site\u2019s banner ad. You may have read a blog post review of it by a third-party or checked the company\u2019s Google reviews. You may have explored the product\u2019s page on the store\u2019s website or mobile app. After purchasing, you may have visited the \u201cshipping policy\u201d page to find out when you would receive your item.&nbsp;<\/p>\n\n\n\n<p>These kinds of touchpoints are growing each day. They are key opportunities to learn about your customers, but they also deserve to be managed as part of the overall user experience.&nbsp;<\/p>\n\n\n\n<p>There are four steps to the user-centered design process. You should apply all four steps to each of your touchpoints.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"934\" height=\"353\" src=\"https:\/\/thegood.com\/wp-content\/uploads\/11-user-centered-design-graphic.png\" alt=\"11-user centered design graphic\" class=\"wp-image-97357\" srcset=\"https:\/\/thegood.com\/wp-content\/uploads\/11-user-centered-design-graphic.png 934w, https:\/\/thegood.com\/wp-content\/uploads\/11-user-centered-design-graphic-300x113.png 300w, https:\/\/thegood.com\/wp-content\/uploads\/11-user-centered-design-graphic-768x290.png 768w, https:\/\/thegood.com\/wp-content\/uploads\/11-user-centered-design-graphic-610x231.png 610w\" sizes=\"(max-width: 934px) 100vw, 934px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Understand the <strong>context <\/strong>of use: Who will use the product? What will they use it for? Under what conditions will they use it?<\/li>\n\n\n\n<li>Specify <strong>requirements<\/strong>: Do your customers have any goals or requirements that must be met for the experience to be successful?<\/li>\n\n\n\n<li>Create <strong>design <\/strong>solutions: Build from solutions from a rough concept to a complete design. This part may require several stages.\u00a0<\/li>\n\n\n\n<li><strong>Evaluate <\/strong>designs: Test your design via usability testing with actual users, then evaluate if your solutions satisfy the context and requirements.\u00a0<\/li>\n<\/ol>\n\n\n\n<p>Let\u2019s walk through this process with an example to give you an idea of how it works. Let\u2019s say we want to apply our user-centered design principles to one of our touchpoints: the \u201cMy Account\u201d page.<\/p>\n\n\n\n<p>What\u2019s the <strong>context <\/strong>of this page? Customers who made an account typically access it <em>after<\/em> they make a purchase to check on the status of their order or instigate a return\/refund process. They might also use this page to change their account password, default address, or payment details. It is <em>not<\/em> used by non-customers.&nbsp;<\/p>\n\n\n\n<p>What are the <strong>requirements <\/strong>of this page? Since customers come to this page with a clear need to access one or more of its controls, the page needs to be simple and accessible. The design should be intuitive. All of the necessary links should be visible right away. Fast usability is key because no one comes to this page for fun.&nbsp;<\/p>\n\n\n\n<p>What <strong>design<\/strong> changes can you make? This depends <em>heavily<\/em> on what you know about your customer, but for the sake of example, let\u2019s say your customers are anxious buyers who like to follow their purchase&#8217;s tracking information closely. You could design a better experience for them by adding this tracking information to a tab in the My Account page.&nbsp;<\/p>\n\n\n\n<p>Your last step is to <strong>evaluate<\/strong> the change. Do people use the new tracking feature? You could measure this by setting up a Google Analytics event for the feature and\/or gauging how many people create support tickets for tracking details. Gather as much feedback from real users as you can.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-getting-started-with-user-centered-design\">Getting Started with User-Centered Design<\/h2>\n\n\n\n<p>We\u2019ve already outlined the user-centered design process, but you may still be wondering, \u201cHow do I get started with user-centered design?\u201d<\/p>\n\n\n\n<p>Remember: User-centered design is design that stems from <em>empathy<\/em> with your customers. Your first step, therefore, is to learn as much as you can about your customers. You must unpack everything about them &#8211; their hopes, dreams, needs, preferences, frustrations, loyalties, and goals. You must have a better understanding of them than they have of themselves.<\/p>\n\n\n\n<p>Where can you learn more about your customers?<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Website analytics<\/li>\n\n\n\n<li>Your shopping cart analytics<\/li>\n\n\n\n<li>Usability testing<\/li>\n\n\n\n<li>Heatmaps\/session recordings<\/li>\n\n\n\n<li>Interviews with customers<\/li>\n\n\n\n<li>Surveys, reviews, and testimonials<\/li>\n<\/ul>\n\n\n\n<p>Once you\u2019ve collected data and knowledge on your customers, use it as a lens to examine every aspect of your store. Then walk through the four steps of the user-centered design process, armed with your understanding.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-key-to-effective-user-centered-design\">The Key to Effective User-Centered Design<\/h2>\n\n\n\n<p>It\u2019s a tough pill to swallow, but your own preferences can get in the way of ecommerce results for your company. Executives who make marketing decisions based on what <em>they <\/em>like and what <em>they <\/em>think are quickly being overtaken and beaten out by executives who realize the value of data-driven decision making.<\/p>\n\n\n\n<p>Know your prospects. Find out what they want. Give it to them. Your customers are the key to effective user-centered design.<\/p>\n\n\n\n<p>Need help implementing user-centered design principles in your store? We can help with our <a href=\"https:\/\/thegood.com\/digital-experience-optimization-program\/\" target=\"_blank\" rel=\"noreferrer noopener\">digital experience optimization services<\/a>. We\u2019ll help you understand why more visitors are not buying from your website. <a href=\"http:\/\/thegood.com\/contact\">Learn more<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-c842da9 reusable-block-2-column good-question-block\" data-block-id=\"c842da9\"><style>.stk-c842da9{max-width:1500px !important;margin-top:30px !important;margin-bottom:30px !important}.stk-c842da9-column{max-width:941px !important}@media screen and (max-width:767px){.stk-c842da9{--stk-col-order-1:2 !important;--stk-col-order-2:1 !important}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c842da9-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8993c44 horizontal-form-container\" data-v=\"4\" data-block-id=\"8993c44\"><style>.stk-8993c44-container{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;background-color:#c3ddf0 !important;border-top-left-radius:12px !important;border-top-right-radius:12px !important;border-bottom-right-radius:12px !important;border-bottom-left-radius:12px !important;overflow:hidden !important;max-width:701px !important;padding-top:40px !important;padding-right:35px !important;padding-bottom:40px !important;padding-left:35px !important}.stk-8993c44{margin-top:0px !important}.stk-8993c44-container:before{background-color:#c3ddf0 !important}@media screen and (max-width:1023px){.stk-8993c44-container{padding-bottom:60px !important}}@media screen and (max-width:767px){.stk-8993c44-container{padding-bottom:60px !important}}<\/style><style class=\"stk-custom-css\">.stk-8993c44 figure{margin:0 !important}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8993c44-container stk-hover-parent\"><div class=\"stk-block-content stk-inner-blocks stk-8993c44-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-791f1b3\" id=\"span-style-color-0277-c-0-class-stk-highlight-enjoying-this-article-span\" data-block-id=\"791f1b3\"><style>.stk-791f1b3{margin-bottom:12px !important}.stk-791f1b3 .stk-block-heading__text{font-size:36px !important;color:#ffffff !important}@media screen and (max-width:1023px){.stk-791f1b3 .stk-block-heading__text{font-size:36px !important}}@media screen and (max-width:767px){.stk-791f1b3 .stk-block-heading__text{font-size:24px !important}}<\/style><h3 class=\"stk-block-heading__text has-text-color has-text-align-center\"><span style=\"color: #0277c0;\" class=\"stk-highlight\">Enjoying this article?<\/span><\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-30f99ae\" data-block-id=\"30f99ae\"><style>.stk-30f99ae{margin-bottom:20px !important}.stk-30f99ae .stk-block-text__text{color:#ffffff !important}<\/style><p class=\"stk-block-text__text has-text-color has-text-align-center\"><span style=\"color: #000000;\" class=\"stk-highlight\">Subscribe to our newsletter, Good Question, to get insights like this sent straight to your inbox every week.<\/span><\/p><\/div>\n\n\n\n\t\t\t\t\t\t<script>\n\t\t\t\t\t\t\twindow.hsFormsOnReady = window.hsFormsOnReady || [];\n\t\t\t\t\t\t\twindow.hsFormsOnReady.push(()=>{\n\t\t\t\t\t\t\t\thbspt.forms.create({\n\t\t\t\t\t\t\t\t\tportalId: 5834619,\n\t\t\t\t\t\t\t\t\tformId: \"64ede74e-e88f-44c7-996f-78859799755a\",\n\t\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1768301123000-6329097991\",\n\t\t\t\t\t\t\t\t\tregion: \"na2\",\n\t\t\t\t\t\t\t\t\tcssRequired: \".submitted-message { overflow: auto; } .hs-form-88422a7d-0355-4f27-b674-4b9fcc71560c, .hs-form-ac90f61a-a614-4bcd-b57a-18cd0e91ceff { color: #fff }\",\n\t\t\t\t\t\t\t})});\n\t\t\t\t\t\t<\/script>\n\t\t\t\t\t\t<div class=\"hbspt-form\" id=\"hbspt-form-1768301123000-6329097991\"><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<div class=\"tkugp-items-wrap\"><div class=\"tkugp-bottomcontent\"><\/div><\/div>","protected":false},"author":3,"featured_media":97367,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","wpcf-summary":["User-centered design improves your customers' experience and your conversion rate. It's a win-win. Here are 12 principles that drive results."]},"insight-category":[10072],"insight-tag":[80,10082,10345,10131,7365],"class_list":["post-86353","insights","type-insights","status-publish","format-standard","has-post-thumbnail","hentry","insight-category-optimization-strategy","insight-tag-conversion-rate-optimization","insight-tag-customer-experience","insight-tag-understand-your-customers","insight-tag-user-experience","insight-tag-ux-design"],"acf":[],"featured_image_urls_v2":{"full":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg",1200,800,false],"thumbnail":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-150x150.jpg",150,150,true],"medium":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-300x200.jpg",300,200,true],"medium_large":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-768x512.jpg",768,512,true],"large":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-1024x683.jpg",1024,683,true],"1536x1536":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg",1200,800,false],"2048x2048":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg",1200,800,false],"teaser":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-380x215.jpg",380,215,true],"teaser-large":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-760x430.jpg",760,430,true],"insights-featured":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-600x400.jpg",600,400,true],"case-study-logo-small":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg",113,75,false],"gform-image-choice-sm":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg",300,200,false],"gform-image-choice-md":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg",400,267,false],"gform-image-choice-lg":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg",600,400,false],"profile_24":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-24x24.jpg",24,24,true],"profile_48":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-48x48.jpg",48,48,true],"profile_96":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-96x96.jpg",96,96,true],"profile_150":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-150x150.jpg",150,150,true],"profile_300":["https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design-300x300.jpg",300,300,true]},"post_excerpt_stackable_v2":"<p>When shoppers arrive on your ecommerce website, you want them to feel at home. You want them to feel like your site was made specifically for them, like everything is right where they left it.&nbsp; Why should the experience feel familiar and intuitive? It\u2019s not complex: Customers who feel known and understood are more likely to buy from you.&nbsp; Therefore, the design of your store &#8211; and your entire business &#8211; should come from a place of empathy. You need to create a customer-centric experience if you want to maximize conversion.&nbsp; In this article, we\u2019ll briefly define the concept of&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Jon MacDonald","url":"https:\/\/thegood.com\/author\/jonmacdonald\/"},"comments_num_v2":"0 comments","yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.7 (Yoast SEO v26.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User-Centered Design: The Core Principles That Drive Results<\/title>\n<meta name=\"description\" content=\"User-centered design improves your customers&#039; experience and your conversion rate. It&#039;s a win-win. Here are 12 principles that drive 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:\/\/thegood.com\/insights\/user-centered-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ecommerce User-Centered Design: Core Principles That Drive Better Results\" \/>\n<meta property=\"og:description\" content=\"User-centered design improves your customers&#039; experience and your conversion rate. It&#039;s a win-win. Here are 12 principles that drive results.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thegood.com\/insights\/user-centered-design\/\" \/>\n<meta property=\"og:site_name\" content=\"The Good\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/thegoodgroup\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T20:03:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@thegood\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"49 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thegood.com\/insights\/user-centered-design\/\",\"url\":\"https:\/\/thegood.com\/insights\/user-centered-design\/\",\"name\":\"User-Centered Design: The Core Principles That Drive Results\",\"isPartOf\":{\"@id\":\"https:\/\/thegood.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/thegood.com\/insights\/user-centered-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/thegood.com\/insights\/user-centered-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg\",\"datePublished\":\"2021-11-18T20:58:49+00:00\",\"dateModified\":\"2025-04-21T20:03:53+00:00\",\"description\":\"User-centered design improves your customers' experience and your conversion rate. It's a win-win. Here are 12 principles that drive results.\",\"breadcrumb\":{\"@id\":\"https:\/\/thegood.com\/insights\/user-centered-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thegood.com\/insights\/user-centered-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/thegood.com\/insights\/user-centered-design\/#primaryimage\",\"url\":\"https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg\",\"contentUrl\":\"https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg\",\"width\":1200,\"height\":800,\"caption\":\"Header - user centered design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thegood.com\/insights\/user-centered-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thegood.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Insights\",\"item\":\"https:\/\/thegood.com\/insights\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ecommerce User-Centered Design: Core Principles That Drive Better Results\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thegood.com\/#website\",\"url\":\"https:\/\/thegood.com\/\",\"name\":\"The Good\",\"description\":\"Optimizing Digital Experiences\",\"publisher\":{\"@id\":\"https:\/\/thegood.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thegood.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Organization\",\"Corporation\",\"ProfessionalService\"],\"@id\":\"https:\/\/thegood.com\/#organization\",\"name\":\"The Good\",\"url\":\"https:\/\/thegood.com\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/thegood.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/thegood.com\/wp-content\/uploads\/The_Good_Logo.png\",\"contentUrl\":\"https:\/\/thegood.com\/wp-content\/uploads\/The_Good_Logo.png\",\"width\":531,\"height\":130,\"caption\":\"The Good\"},\"image\":{\"@id\":\"https:\/\/thegood.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/thegood\",\"https:\/\/twitter.com\/thegoodcompany\"],\"description\":\"Digital Experience Optimization consultancy specializing in conversion rate optimization, UX research, and A\/B testing\",\"foundingDate\":\"2009\",\"knowsAbout\":[\"Conversion Rate Optimization\",\"A\/B Testing and Multivariate Testing\",\"User Experience Research and Design\",\"Digital Experience Optimization\",\"E-commerce Optimization\",\"SaaS Conversion Optimization\",\"Landing Page Optimization\",\"Checkout Flow Optimization\",\"Mobile Conversion Optimization\",\"Customer Journey Mapping\",\"Behavioral Analytics\",\"Heat Map Analysis\",\"User Session Recording Analysis\",\"Conversion Funnel Optimization\",\"Website Performance Optimization\",\"Growth Hacking Strategies\",\"Revenue Optimization\",\"Customer Acquisition Optimization\",\"Retention Rate Optimization\",\"Form Optimization\",\"Call-to-Action Optimization\",\"Product Page Optimization\",\"Personalization Strategies\"],\"hasOfferCatalog\":{\"@type\":\"OfferCatalog\",\"name\":\"Digital Experience Optimization Services\",\"description\":\"Comprehensive conversion rate optimization and user experience services\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Digital Experience Optimization Program\",\"description\":\"Comprehensive analysis of your website to identify conversion barriers and optimization opportunities using advanced analytics, user behavior analysis, and industry best practices\",\"serviceType\":\"Conversion Rate Optimization\",\"category\":\"Digital Marketing Services\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Conversion Rate Optimization Audit\",\"description\":\"Comprehensive analysis of your website to identify conversion barriers and optimization opportunities using advanced analytics, user behavior analysis, and industry best practices\",\"serviceType\":\"Conversion Rate Optimization\",\"category\":\"Digital Marketing Services\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"A\/B Testing Program\",\"description\":\"Systematic testing program to validate improvements and maximize conversion rates through statistical analysis and controlled experiments\",\"serviceType\":\"A\/B Testing\",\"category\":\"Digital Marketing Services\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"User Experience Research\",\"description\":\"In-depth user research including surveys, interviews, behavioral analysis, and usability testing to understand customer needs and pain points\",\"serviceType\":\"User Experience Research\",\"category\":\"User Experience Services\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"E-commerce Optimization\",\"description\":\"Specialized optimization for online stores including product pages, checkout flows, shopping cart optimization, and revenue enhancement strategies\",\"serviceType\":\"E-commerce Optimization\",\"category\":\"E-commerce Services\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Landing Page Optimization\",\"description\":\"Optimization of landing pages for paid advertising campaigns and organic traffic to maximize lead generation and conversion rates\",\"serviceType\":\"Landing Page Optimization\",\"category\":\"Digital Marketing Services\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Mobile Conversion Optimization\",\"description\":\"Mobile-specific optimization to improve conversion rates on smartphones and tablets, including responsive design and mobile UX improvements\",\"serviceType\":\"Mobile Optimization\",\"category\":\"Mobile Services\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"SaaS Conversion Optimization\",\"description\":\"Specialized optimization for software-as-a-service companies focusing on trial-to-paid conversions, onboarding optimization, and customer retention\",\"serviceType\":\"SaaS Optimization\",\"category\":\"Software Services\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Digital Experience Optimization Program\",\"description\":\"Comprehensive ongoing optimization program combining CRO, UX research, A\/B testing, and performance monitoring for sustained growth\",\"serviceType\":\"Digital Experience Optimization\",\"category\":\"Digital Marketing Services\"}}]},\"serviceArea\":{\"@type\":\"GeoShape\",\"name\":\"Worldwide\"},\"seeks\":[\"Increased conversion rates\",\"Higher revenue per visitor\",\"Improved user experience\",\"Better return on advertising spend\",\"Data-driven optimization strategies\",\"Reduced customer acquisition costs\",\"Improved customer lifetime value\",\"Enhanced website performance\",\"Mobile optimization\",\"Checkout optimization\",\"Landing page improvements\",\"A\/B testing expertise\",\"User research insights\",\"Conversion funnel optimization\",\"Revenue growth strategies\"],\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"Portland\",\"addressRegion\":\"Oregon\",\"addressCountry\":\"United States\",\"postalCode\":\"97201\"},\"keywords\":[\"conversion rate optimization expert\",\"CRO consultant\",\"A\/B testing specialist\",\"e-commerce optimization agency\",\"user experience research\",\"website conversion improvement\",\"digital experience optimization\",\"landing page optimization expert\",\"mobile conversion specialist\",\"SaaS conversion optimization\",\"checkout optimization expert\",\"revenue optimization consultant\",\"growth hacking agency\",\"conversion rate audit\",\"website performance optimization\",\"customer journey optimization\",\"behavioral analytics expert\",\"conversion funnel optimization\",\"personalization strategy consultant\",\"retention rate optimization expert\"],\"contactPoint\":{\"@type\":\"ContactPoint\",\"telephone\":\"503-488-5935\",\"contactType\":\"customer service\",\"availableLanguage\":\"English\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"User-Centered Design: The Core Principles That Drive Results","description":"User-centered design improves your customers' experience and your conversion rate. It's a win-win. Here are 12 principles that drive 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:\/\/thegood.com\/insights\/user-centered-design\/","og_locale":"en_US","og_type":"article","og_title":"Ecommerce User-Centered Design: Core Principles That Drive Better Results","og_description":"User-centered design improves your customers' experience and your conversion rate. It's a win-win. Here are 12 principles that drive results.","og_url":"https:\/\/thegood.com\/insights\/user-centered-design\/","og_site_name":"The Good","article_publisher":"https:\/\/www.facebook.com\/thegoodgroup","article_modified_time":"2025-04-21T20:03:53+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@thegood","twitter_misc":{"Est. reading time":"49 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thegood.com\/insights\/user-centered-design\/","url":"https:\/\/thegood.com\/insights\/user-centered-design\/","name":"User-Centered Design: The Core Principles That Drive Results","isPartOf":{"@id":"https:\/\/thegood.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thegood.com\/insights\/user-centered-design\/#primaryimage"},"image":{"@id":"https:\/\/thegood.com\/insights\/user-centered-design\/#primaryimage"},"thumbnailUrl":"https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg","datePublished":"2021-11-18T20:58:49+00:00","dateModified":"2025-04-21T20:03:53+00:00","description":"User-centered design improves your customers' experience and your conversion rate. It's a win-win. Here are 12 principles that drive results.","breadcrumb":{"@id":"https:\/\/thegood.com\/insights\/user-centered-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thegood.com\/insights\/user-centered-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thegood.com\/insights\/user-centered-design\/#primaryimage","url":"https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg","contentUrl":"https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg","width":1200,"height":800,"caption":"Header - user centered design"},{"@type":"BreadcrumbList","@id":"https:\/\/thegood.com\/insights\/user-centered-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thegood.com\/"},{"@type":"ListItem","position":2,"name":"Insights","item":"https:\/\/thegood.com\/insights\/"},{"@type":"ListItem","position":3,"name":"Ecommerce User-Centered Design: Core Principles That Drive Better Results"}]},{"@type":"WebSite","@id":"https:\/\/thegood.com\/#website","url":"https:\/\/thegood.com\/","name":"The Good","description":"Optimizing Digital Experiences","publisher":{"@id":"https:\/\/thegood.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thegood.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Organization","Corporation","ProfessionalService"],"@id":"https:\/\/thegood.com\/#organization","name":"The Good","url":"https:\/\/thegood.com","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thegood.com\/#\/schema\/logo\/image\/","url":"https:\/\/thegood.com\/wp-content\/uploads\/The_Good_Logo.png","contentUrl":"https:\/\/thegood.com\/wp-content\/uploads\/The_Good_Logo.png","width":531,"height":130,"caption":"The Good"},"image":{"@id":"https:\/\/thegood.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/thegood","https:\/\/twitter.com\/thegoodcompany"],"description":"Digital Experience Optimization consultancy specializing in conversion rate optimization, UX research, and A\/B testing","foundingDate":"2009","knowsAbout":["Conversion Rate Optimization","A\/B Testing and Multivariate Testing","User Experience Research and Design","Digital Experience Optimization","E-commerce Optimization","SaaS Conversion Optimization","Landing Page Optimization","Checkout Flow Optimization","Mobile Conversion Optimization","Customer Journey Mapping","Behavioral Analytics","Heat Map Analysis","User Session Recording Analysis","Conversion Funnel Optimization","Website Performance Optimization","Growth Hacking Strategies","Revenue Optimization","Customer Acquisition Optimization","Retention Rate Optimization","Form Optimization","Call-to-Action Optimization","Product Page Optimization","Personalization Strategies"],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Digital Experience Optimization Services","description":"Comprehensive conversion rate optimization and user experience services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Digital Experience Optimization Program","description":"Comprehensive analysis of your website to identify conversion barriers and optimization opportunities using advanced analytics, user behavior analysis, and industry best practices","serviceType":"Conversion Rate Optimization","category":"Digital Marketing Services"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Conversion Rate Optimization Audit","description":"Comprehensive analysis of your website to identify conversion barriers and optimization opportunities using advanced analytics, user behavior analysis, and industry best practices","serviceType":"Conversion Rate Optimization","category":"Digital Marketing Services"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"A\/B Testing Program","description":"Systematic testing program to validate improvements and maximize conversion rates through statistical analysis and controlled experiments","serviceType":"A\/B Testing","category":"Digital Marketing Services"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"User Experience Research","description":"In-depth user research including surveys, interviews, behavioral analysis, and usability testing to understand customer needs and pain points","serviceType":"User Experience Research","category":"User Experience Services"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"E-commerce Optimization","description":"Specialized optimization for online stores including product pages, checkout flows, shopping cart optimization, and revenue enhancement strategies","serviceType":"E-commerce Optimization","category":"E-commerce Services"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Landing Page Optimization","description":"Optimization of landing pages for paid advertising campaigns and organic traffic to maximize lead generation and conversion rates","serviceType":"Landing Page Optimization","category":"Digital Marketing Services"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Mobile Conversion Optimization","description":"Mobile-specific optimization to improve conversion rates on smartphones and tablets, including responsive design and mobile UX improvements","serviceType":"Mobile Optimization","category":"Mobile Services"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"SaaS Conversion Optimization","description":"Specialized optimization for software-as-a-service companies focusing on trial-to-paid conversions, onboarding optimization, and customer retention","serviceType":"SaaS Optimization","category":"Software Services"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Digital Experience Optimization Program","description":"Comprehensive ongoing optimization program combining CRO, UX research, A\/B testing, and performance monitoring for sustained growth","serviceType":"Digital Experience Optimization","category":"Digital Marketing Services"}}]},"serviceArea":{"@type":"GeoShape","name":"Worldwide"},"seeks":["Increased conversion rates","Higher revenue per visitor","Improved user experience","Better return on advertising spend","Data-driven optimization strategies","Reduced customer acquisition costs","Improved customer lifetime value","Enhanced website performance","Mobile optimization","Checkout optimization","Landing page improvements","A\/B testing expertise","User research insights","Conversion funnel optimization","Revenue growth strategies"],"address":{"@type":"PostalAddress","addressLocality":"Portland","addressRegion":"Oregon","addressCountry":"United States","postalCode":"97201"},"keywords":["conversion rate optimization expert","CRO consultant","A\/B testing specialist","e-commerce optimization agency","user experience research","website conversion improvement","digital experience optimization","landing page optimization expert","mobile conversion specialist","SaaS conversion optimization","checkout optimization expert","revenue optimization consultant","growth hacking agency","conversion rate audit","website performance optimization","customer journey optimization","behavioral analytics expert","conversion funnel optimization","personalization strategy consultant","retention rate optimization expert"],"contactPoint":{"@type":"ContactPoint","telephone":"503-488-5935","contactType":"customer service","availableLanguage":"English"}}]}},"featured_image_url":"https:\/\/thegood.com\/wp-content\/uploads\/Header-user-centered-design.jpg","author_display_name":"Jon MacDonald","_links":{"self":[{"href":"https:\/\/thegood.com\/wp-json\/wp\/v2\/insights\/86353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thegood.com\/wp-json\/wp\/v2\/insights"}],"about":[{"href":"https:\/\/thegood.com\/wp-json\/wp\/v2\/types\/insights"}],"author":[{"embeddable":true,"href":"https:\/\/thegood.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/thegood.com\/wp-json\/wp\/v2\/comments?post=86353"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thegood.com\/wp-json\/wp\/v2\/media\/97367"}],"wp:attachment":[{"href":"https:\/\/thegood.com\/wp-json\/wp\/v2\/media?parent=86353"}],"wp:term":[{"taxonomy":"insight-category","embeddable":true,"href":"https:\/\/thegood.com\/wp-json\/wp\/v2\/insight-category?post=86353"},{"taxonomy":"insight-tag","embeddable":true,"href":"https:\/\/thegood.com\/wp-json\/wp\/v2\/insight-tag?post=86353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}