{"id":1035,"date":"2017-09-14T17:31:01","date_gmt":"2017-09-14T15:31:01","guid":{"rendered":"https:\/\/capturly.com\/blog\/?p=1035"},"modified":"2024-02-09T15:28:41","modified_gmt":"2024-02-09T14:28:41","slug":"5-usability-tips-that-affect-conversion-rates","status":"publish","type":"post","link":"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/","title":{"rendered":"5 Usability Tips That Affect Conversion Rates"},"content":{"rendered":"<p class=\"graf graf--p\"><em class=\"markup--em markup--p-em\">Having a webshop that drives traffic is one thing. There&#8217;s nothing really special about it. It\u2019s basically opening a store in a crowded part of the town. You fire up your marketing and people start visiting you.<\/em><\/p>\n<blockquote class=\"graf graf--blockquote\"><p>How neat is that?<\/p><\/blockquote>\n<p class=\"graf graf--p\">Too bad if they do a 180 degree turn and leave without any indication of interest. It turns out that getting visitors is just one side of the coin. Keeping them interested, motivating them to perform certain actions and go through your funnel are the real deals.<\/p>\n<p class=\"graf graf--p\">The first thing you have to understand is pretty obvious but somehow <strong class=\"markup--strong markup--p-strong\">many website owners forget it<\/strong>\u00a0after they get blinded by greens.<\/p>\n<p class=\"graf graf--p\">It\u2019s all about the customers and their experiences! If they land on your webshop or landing page, they might be just curious without any certain intentions. However, that\u2019s the first step. If they consider the time spent there rewarding or see the opportunity to solve their problems, you\u2019re on track.<\/p>\n<p class=\"graf graf--p\">Now you might think that&#8217;s why conversion optimization tools \u2014 like a <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/capturly.com\/features\/scroll-heatmaps\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/capturly.com\/features\/scroll-heatmaps\"><strong class=\"markup--strong markup--p-strong\"><em class=\"markup--em markup--p-em\">scroll heatmap<\/em><\/strong><\/a> or a <strong class=\"markup--strong markup--p-strong\">click heatmap<\/strong> \u2014 were invented. This is partially true.<\/p>\n<blockquote class=\"graf graf--pullquote\"><p>BUT<\/p><\/blockquote>\n<p class=\"graf graf--p\">The thing is that\u00a0<strong class=\"markup--strong markup--p-strong\">usability <\/strong>and <strong class=\"markup--strong markup--p-strong\">conversion optimization<\/strong> are both required to increase the <strong class=\"markup--strong markup--p-strong\">conversion rate<\/strong> of a website, webshop, landing page.<\/p>\n<p class=\"graf graf--p\">Conversion optimization is all <strong class=\"markup--strong markup--p-strong\">about the company<\/strong> willing to achieve certain goals. But the way usability works is that it focuses on the <strong class=\"markup--strong markup--p-strong\">goals of the visitor<\/strong>. It aims to predict how the user will interact with the design.<\/p>\n<blockquote class=\"graf graf--pullquote\"><p>Usability is about cutting a path in the jungle for your visitors by making your website transparent, predictable and easy to navigate.<\/p><\/blockquote>\n<h4 class=\"graf graf--h4\">Tip #1 The myth of the\u00a0fold<img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*pPB_LPCaWROXdwT7OA8qdg.png\" alt=\"heat map and scroll map example\" width=\"350\" height=\"711\" data-image-id=\"1*pPB_LPCaWROXdwT7OA8qdg.png\" data-width=\"350\" data-height=\"711\" \/><\/h4>\n<p style=\"text-align: center;\">Source: <a class=\"markup--anchor markup--figure-anchor\" href=\"https:\/\/www.nngroup.com\/articles\/page-fold-manifesto\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.nngroup.com\/articles\/page-fold-manifesto\/\">nngroup.com<\/a><\/p>\n<p class=\"graf graf--p\">There has been a lot of confusion around this topic over the last couple of years.<\/p>\n<p class=\"graf graf--p\">Some say <a class=\"markup--anchor markup--p-anchor\" href=\"http:\/\/t.umblr.com\/redirect?z=http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FAbove_the_fold&amp;t=Y2M4OWEzNzZjMGMxOGFkZWE5NTE2M2NjNmZjNDJkNzY5Y2M1ODdkYSwyZEpoZGRDUA%3D%3D&amp;b=t%3AfIR3gaVrEcGakJWUzP9Grg&amp;p=http%3A%2F%2Fuxmyths.com%2Fpost%2F654047943%2Fmyth-people-dont-scroll&amp;m=1\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/t.umblr.com\/redirect?z=http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FAbove_the_fold&amp;t=Y2M4OWEzNzZjMGMxOGFkZWE5NTE2M2NjNmZjNDJkNzY5Y2M1ODdkYSwyZEpoZGRDUA%3D%3D&amp;b=t%3AfIR3gaVrEcGakJWUzP9Grg&amp;p=http%3A%2F%2Fuxmyths.com%2Fpost%2F654047943%2Fmyth-people-dont-scroll&amp;m=1\"><strong class=\"markup--strong markup--p-strong\">the above the fold<\/strong><\/a> section is still the most valuable part of your website and this is where\u00a0you should focus your \u201cfirepower\u201d. According to a study by Nielsen Norman Group, if you place certain elements 100 pixels above and below the fold, the upper part can <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/www.nngroup.com\/articles\/page-fold-manifesto\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.nngroup.com\/articles\/page-fold-manifesto\/\"><strong class=\"markup--strong markup--p-strong\">draw up to 102% more attention<\/strong><\/a>.<\/p>\n<p class=\"graf graf--p\">The thing is that there is more variety in screen sizes than 10 years ago. Just take mobile screens for an example and how popular they\u2019ve become. Long pages and scrolling with your thumb have changed the way people interact with interfaces. Apple even removed the scrollbar in some cases, and since people do scroll, the <a class=\"markup--anchor markup--p-anchor\" href=\"http:\/\/scalamarketing.com\/people-scroll-scrollable-content-perfectly-alright\/\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/scalamarketing.com\/people-scroll-scrollable-content-perfectly-alright\/\"><strong class=\"markup--strong markup--p-strong\">below the fold area can be just as valuable<\/strong><\/a>.<\/p>\n<p class=\"graf graf--p\">According to a tweet from Luke Wroblewski, On mobile platforms, around <strong class=\"markup--strong markup--p-strong\">50% of the users scroll down<\/strong> more than <strong class=\"markup--strong markup--p-strong\">250 pixels<\/strong> if the page loads slower.<\/p>\n<blockquote class=\"graf graf--pullquote graf--startsWithDoubleQuote\"><p>\u201c this means many users are not seeing what is \u201cabove the fold\u201d on\u00a0mobile\u201d<\/p><\/blockquote>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*SkehhO0TXsZdlkUjojbbXQ.png\" alt=\"website scrolling behavior stats\" width=\"800\" height=\"535\" data-image-id=\"1*SkehhO0TXsZdlkUjojbbXQ.png\" data-width=\"1024\" data-height=\"685\" \/><\/figure>\n<p class=\"graf graf--p\">In his article called <strong class=\"markup--strong markup--p-strong\">\u201c<\/strong><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/www.lukew.com\/ff\/entry.asp?1946\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.lukew.com\/ff\/entry.asp?1946\"><strong class=\"markup--strong markup--p-strong\">There Is No Fold<\/strong><\/a><strong class=\"markup--strong markup--p-strong\">\u201d<\/strong> he points out that it\u2019s not enough to put a giant Call To Action (CTA) button in front of the visitor as soon as he\/she arrives and wait for the magic to happen.<\/p>\n<p class=\"graf graf--p\">In my opinion, <strong class=\"markup--strong markup--p-strong\">the truth is somewhere in between<\/strong> NNGroup and Wroblewski. The above the fold section still matters, however, there\u2019s really no point in squeezing everything in one place.<\/p>\n<p class=\"graf graf--p\">Think about the <strong class=\"markup--strong markup--p-strong\">fold as a responsive element<\/strong> of your page. Focus on the actual content. The more added value it holds the better your chances are. People like to see what they get for their invested time. <strong class=\"markup--strong markup--p-strong\">Make sure\u00a0that you&#8217;ve included checkpoints<\/strong> that grab attention so when the visitors scroll it stops them from just skipping. A <strong class=\"markup--strong markup--p-strong\">well-presented footer<\/strong> is also a valuable part of your website so don\u2019t ignore that.<\/p>\n<blockquote class=\"graf graf--pullquote\"><p>So \u201c<a class=\"markup--anchor markup--pullquote-anchor\" href=\"http:\/\/perimeterbooks.com\/Jesse-Marlow-Don-t-Just-Tell-Them-Show-Them\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/perimeterbooks.com\/Jesse-Marlow-Don-t-Just-Tell-Them-Show-Them\">Don\u2019t Just Tell Them, Show Them<\/a>!\u201d\u200a\u2014\u200aJesse\u00a0Marlow<\/p><\/blockquote>\n<blockquote class=\"graf graf--pullquote\"><p>With the right motivation, people will explore your site, and if your above the fold section is appealing also, only then will it \u201cclick\u201d for\u00a0them!<\/p><\/blockquote>\n<p><button style=\"background-color: #25b2fa; color: #ffffff; width: 290px; height: 60px; border-radius: 50px; outline: transparent; padding: 8px; border: none; font-size: 0.9em; font-family: Quicksand, Arial, sans-serif; cursor: pointer; display: block; margin: 0px auto; text-align: center;\" type=\"button\"><strong>SHOW ME HOW HEATMAPS<\/strong><\/button><\/p>\n<h4 class=\"graf graf--h4\">Tip# 2 Annoying\u00a0captchas<\/h4>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*G4xdaiasq-YOMKMgjDudgA.png\" alt=\"Annoying\u00a0captchas examples\" width=\"451\" height=\"423\" data-image-id=\"1*G4xdaiasq-YOMKMgjDudgA.png\" data-width=\"617\" data-height=\"579\" \/><\/figure>\n<p class=\"graf graf--p\">Spam can be a real disaster if it remains uncontrolled. If we take a form, for example, one solution can be captchas. To be honest, I think there\u2019s a special place in hell for captchas. However, this would mean nothing without actual empirical evidence. <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/moz.com\/blog\/captchas-affect-on-conversion-rates\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/moz.com\/blog\/captchas-affect-on-conversion-rates\"><em class=\"markup--em markup--p-em\">According to a case study by MoZ<\/em><\/a>, when the captcha was activated <strong class=\"markup--strong markup--p-strong\">it reduced spam conversions by 88%<\/strong>. 7.3% of the total conversions ended up as failure or spam, where spam only counted for 4.1%. It was interesting to see that the amount of failed conversions reduced to 0% with captchas disabled.<\/p>\n<blockquote class=\"graf graf--pullquote graf--startsWithDoubleQuote\"><p>\u201c That possibly means when CAPTCHA\u2019s are on, the company could lose out on 3.2% of all their conversions!\u201d<\/p><\/blockquote>\n<h4 class=\"graf graf--h4\">Tip #3 Adjusting CTAs<\/h4>\n<p class=\"graf graf--p\">When placing your CTAs, you have to consider the fact that you might have to adjust it later. <strong class=\"markup--strong markup--p-strong\">Call-to-actions are designed to grab attention<\/strong> by offering an opportunity and triggering an action. However, these aren\u2019t just some elements locked in place permanently. Let\u2019s say you inspect your visitors with click heatmaps and you see that they won\u2019t click on it. After analyzing a <strong class=\"markup--strong markup--p-strong\"><em class=\"markup--em markup--p-em\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/capturly.com\/features\/scroll-heatmaps\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/capturly.com\/features\/scroll-heatmaps\">scroll heatmap<\/a>,<\/em><\/strong> you see that they just scroll down a bit and spend some time there, maybe reading the content. Maybe they are just looking.<\/p>\n<blockquote class=\"graf graf--blockquote\"><p>How may I help? It would be appropriate, but this isn\u2019t retail, and you have to figure it out.<\/p><\/blockquote>\n<p class=\"graf graf--p\">So after collecting information about their behavior\u00a0(i.e. how they interact with your website) with, for example, heatmaps, you have the opportunity to offer them a better time and place to make their decision.<\/p>\n<blockquote class=\"graf graf--pullquote\"><p>The system is similar to a polite telemarker who asks if the time is goof for you to listen.<\/p><\/blockquote>\n<p class=\"graf graf--p\">If you think that the visitors are simply uncertain about the product or service, show them some introduction, give them samples. Again, you have to SHOW them stuff!<\/p>\n<p class=\"graf graf--p\">If you ignore this, visitors will slam that exit in no time.<\/p>\n<h4 class=\"graf graf--h4\">Tip #4 UI in\u00a0motion<\/h4>\n<p class=\"graf graf--p\">UX has changed a lot. <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/blog.prototypr.io\/animating-the-right-way-in-ux-868671c1f36b\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/blog.prototypr.io\/animating-the-right-way-in-ux-868671c1f36b\"><strong class=\"markup--strong markup--p-strong\">Animations are not just unnecessary show-offs<\/strong><\/a> that\u00a0 get in the way of the user. They have become the cornerstone of User Experience design since if something moves, it appears to be responsive and alive.<\/p>\n<p class=\"graf graf--p\">If you are looking a reason to animate something, here are a couple examples where it can be useful:<\/p>\n<ul class=\"postList\">\n<li class=\"graf graf--li\">to increase responsiveness<\/li>\n<li class=\"graf graf--li\">to unstuck the user from frustrating situations<\/li>\n<li class=\"graf graf--li\">to slow down user interaction<\/li>\n<li class=\"graf graf--li\">to build up a hierarchy<\/li>\n<\/ul>\n<p class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">Motion related expectations<\/strong><\/p>\n<p class=\"graf graf--p\">The term speaks for itself. Users have expectations even when they interact the first time with the UI. For example, when they see a simple <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/medium.com\/ux-in-motion\/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/medium.com\/ux-in-motion\/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc\">floating action button (FAB)<\/a> <strong class=\"markup--strong markup--p-strong\">they assume that it can be expanded<\/strong> into a menu. Designers also have expectations. For example,\u00a0<a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/blog.prototypr.io\/animating-the-right-way-in-ux-868671c1f36b\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/blog.prototypr.io\/animating-the-right-way-in-ux-868671c1f36b\">when creating personas<\/a>, they try to predict certain behaviors in order to minimize the gap between the user and the interface.<\/p>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*cMhG09-IwOsknEIA8cHqDg.gif\" alt=\"Motion related expectations\" width=\"400\" height=\"300\" data-image-id=\"1*cMhG09-IwOsknEIA8cHqDg.gif\" data-width=\"400\" data-height=\"300\" \/><figcaption class=\"imageCaption\">Source: <a class=\"markup--anchor markup--figure-anchor\" href=\"https:\/\/dribbble.com\/heilengz\" target=\"_blank\" rel=\"contact noopener\" data-href=\"https:\/\/dribbble.com\/heilengz\">heileng<\/a><\/figcaption><\/figure>\n<p class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">Interactions with the interface<\/strong><\/p>\n<p class=\"graf graf--p\">Interactions can happen in two ways:\u00a0<strong class=\"markup--strong markup--p-strong\">realtime <\/strong>or <strong class=\"markup--strong markup--p-strong\">non-realtime<\/strong>.<\/p>\n<p class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\"><em class=\"markup--em markup--p-em\">Real-time <\/em><\/strong>means that the user is interacting with the elements directly. As you can see the animation below, the user has full control\u00a0over how and how fast he\/she wishes to expand the different tabs.<\/p>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*li5NH4lbV6-by95NqWijTw.gif\" alt=\"real-time interaction for a better conversion rate\" width=\"400\" height=\"249\" data-image-id=\"1*li5NH4lbV6-by95NqWijTw.gif\" data-width=\"400\" data-height=\"249\" \/><\/figure>\n<p style=\"text-align: center;\">Source: <a class=\"markup--anchor markup--figure-anchor\" href=\"http:\/\/uxinmotion.net\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/uxinmotion.net\">Uxinmotion.net<\/a><\/p>\n<p class=\"graf graf--p\">We can talk about <strong class=\"markup--strong markup--p-strong\"><em class=\"markup--em markup--p-em\">Non-realtime <\/em><\/strong>when the animation happens after the input of the user. This comes in handy when the goal is to slow down user interaction and add an additional level of \u201centertainment\u201d by spicing up the interface visually.<\/p>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*V7WXX79NI_lXVFc6DXEK4Q.gif\" alt=\"non-realtime interaction\" width=\"400\" height=\"300\" data-image-id=\"1*V7WXX79NI_lXVFc6DXEK4Q.gif\" data-width=\"400\" data-height=\"300\" \/><\/figure>\n<p style=\"text-align: center;\">Source: <a class=\"markup--anchor markup--figure-anchor\" href=\"http:\/\/uxinmotion.net\" target=\"_blank\" rel=\"noopener\" data-href=\"http:\/\/uxinmotion.net\">Uxinmotion.net<\/a><\/p>\n<h4 class=\"graf graf--h4\">Tip #5 Love that\u00a0cart<\/h4>\n<p class=\"graf graf--p\">Possibly one of the most annoying things is when the visitor goes through your funnel just fine but somehow the final desired conversion doesn&#8217;t happen. A typical example is <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/www.shopify.com\/blog\/8484093-why-online-retailers-are-losing-67-45-of-sales-and-what-to-do-about-it\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.shopify.com\/blog\/8484093-why-online-retailers-are-losing-67-45-of-sales-and-what-to-do-about-it\"><strong class=\"markup--strong markup--p-strong\">the abandoned shopping cart effect<\/strong><\/a>. This is often caused by the fact that guest shoppers are getting confused on the checkout section. <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/martech.zone\/trust-online-purchase-behavior\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/martech.zone\/trust-online-purchase-behavior\/\"><strong class=\"markup--strong markup--p-strong\">Spending money online requires more trust<\/strong><\/a>. Bombarding the guests with all kinds of registration forms \u2014 especially where they have to enter credit card details \u2014 without eliminating every obstacle might not be the best example of pleasant user experience.<\/p>\n<p class=\"graf graf--p\">Here are a couple of things you can do in order to boost your checkout page experience:<\/p>\n<ul class=\"postList\">\n<li class=\"graf graf--li\">have multiple locations for your checkout button. The less time they have to spend on figuring out how to navigate there the better.<\/li>\n<li class=\"graf graf--li\">show that you\u2019re serious about privacy. Add security and supported card logos where they can see them. Also include links to your privacy policy, FAQ in your footer.<\/li>\n<li class=\"graf graf--li\">always have an option fto continue the shopping, but don\u2019t just stop here, make sure\u00a0that its color is distinguished from the checkout buttons\u2019<\/li>\n<li class=\"graf graf--li\">let them breathe, give your guests time to fill their carts without bothering them.<\/li>\n<\/ul>\n<blockquote class=\"graf graf--pullquote\"><p>Make it so that registration is an option and not a\u00a0critera!<\/p><\/blockquote>\n<p class=\"graf graf--p\">By <a href=\"http:\/\/www.bouncepilot.com\/135-abandoned-cart-retargeting-email-and-ecommerce-marketing-stats\/\"><strong class=\"markup--strong markup--p-strong\">removing the registration button<\/strong><\/a> and allowing them to complete a process,\u00a0<strong class=\"markup--strong markup--p-strong\">you\u2019re not limiting their freedom<\/strong>. However, make it beneficial to complete the registration! Notify your visitors about these advantages. Do this and your site will feel the real positive power of word of mouth!<\/p>\n<h4 class=\"graf graf--h4\">Conclusion:<\/h4>\n<p class=\"graf graf--p\">Traffic is one thing, converting is another. You can read about conversion optimization techniques that help you and your online business; however, usability is all about how\u00a0you can help your visitors. For example, some say the above the fold section is your best shot to convert visitors into customers, while others say it\u2019s dead. Call-to-action buttons can and must be located where the visitors expect them to be. A scroll heatmap or click heatmaps can be really helpful to find those sweet spots. Animations make the interface appear alive and responsive.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Having a webshop that drives traffic is one thing. There&#8217;s nothing really special about it. It\u2019s basically opening a store in a crowded part of the town. You fire up your marketing and people start visiting you. How neat is that? Too bad if they do a 180 degree turn and leave without any indication<\/p>\n","protected":false},"author":5,"featured_media":1040,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[98,6],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>5 Usability Tips That Affect Conversion Rates - Capturly Blog<\/title>\n<meta name=\"description\" content=\"Usability and conversion optimization are both required to increase the conversion rate of a website, landing page. Turn your visitors into customers.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Usability Tips That Affect Conversion Rates - Capturly Blog\" \/>\n<meta property=\"og:description\" content=\"Usability and conversion optimization are both required to increase the conversion rate of a website, landing page. Turn your visitors into customers.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/\" \/>\n<meta property=\"og:site_name\" content=\"Capturly Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-14T15:31:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-09T14:28:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2017\/09\/tipoftheiceberg-e1598520428235.png\" \/>\n\t<meta property=\"og:image:width\" content=\"760\" \/>\n\t<meta property=\"og:image:height\" content=\"570\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sophie\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sophie\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/\",\"url\":\"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/\",\"name\":\"5 Usability Tips That Affect Conversion Rates - Capturly Blog\",\"isPartOf\":{\"@id\":\"https:\/\/capturly.com\/blog\/#website\"},\"datePublished\":\"2017-09-14T15:31:01+00:00\",\"dateModified\":\"2024-02-09T14:28:41+00:00\",\"author\":{\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/d2fa9a6984d3c94b27710eb3307d4cdc\"},\"description\":\"Usability and conversion optimization are both required to increase the conversion rate of a website, landing page. Turn your visitors into customers.\",\"breadcrumb\":{\"@id\":\"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/capturly.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 Usability Tips That Affect Conversion Rates\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/capturly.com\/blog\/#website\",\"url\":\"https:\/\/capturly.com\/blog\/\",\"name\":\"Capturly Blog\",\"description\":\"Optimize your website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/capturly.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/d2fa9a6984d3c94b27710eb3307d4cdc\",\"name\":\"Sophie\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/211636dc42cdb9c80a0ea48309f82b5e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/211636dc42cdb9c80a0ea48309f82b5e?s=96&d=mm&r=g\",\"caption\":\"Sophie\"},\"url\":\"https:\/\/capturly.com\/blog\/author\/sophie\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 Usability Tips That Affect Conversion Rates - Capturly Blog","description":"Usability and conversion optimization are both required to increase the conversion rate of a website, landing page. Turn your visitors into customers.","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:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/","og_locale":"en_US","og_type":"article","og_title":"5 Usability Tips That Affect Conversion Rates - Capturly Blog","og_description":"Usability and conversion optimization are both required to increase the conversion rate of a website, landing page. Turn your visitors into customers.","og_url":"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/","og_site_name":"Capturly Blog","article_published_time":"2017-09-14T15:31:01+00:00","article_modified_time":"2024-02-09T14:28:41+00:00","og_image":[{"width":760,"height":570,"url":"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2017\/09\/tipoftheiceberg-e1598520428235.png","type":"image\/png"}],"author":"Sophie","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sophie","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/","url":"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/","name":"5 Usability Tips That Affect Conversion Rates - Capturly Blog","isPartOf":{"@id":"https:\/\/capturly.com\/blog\/#website"},"datePublished":"2017-09-14T15:31:01+00:00","dateModified":"2024-02-09T14:28:41+00:00","author":{"@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/d2fa9a6984d3c94b27710eb3307d4cdc"},"description":"Usability and conversion optimization are both required to increase the conversion rate of a website, landing page. Turn your visitors into customers.","breadcrumb":{"@id":"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/capturly.com\/blog\/5-usability-tips-that-affect-conversion-rates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/capturly.com\/blog\/"},{"@type":"ListItem","position":2,"name":"5 Usability Tips That Affect Conversion Rates"}]},{"@type":"WebSite","@id":"https:\/\/capturly.com\/blog\/#website","url":"https:\/\/capturly.com\/blog\/","name":"Capturly Blog","description":"Optimize your website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/capturly.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/d2fa9a6984d3c94b27710eb3307d4cdc","name":"Sophie","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/211636dc42cdb9c80a0ea48309f82b5e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/211636dc42cdb9c80a0ea48309f82b5e?s=96&d=mm&r=g","caption":"Sophie"},"url":"https:\/\/capturly.com\/blog\/author\/sophie\/"}]}},"_links":{"self":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/1035"}],"collection":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/comments?post=1035"}],"version-history":[{"count":19,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/1035\/revisions"}],"predecessor-version":[{"id":11887,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/1035\/revisions\/11887"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media\/1040"}],"wp:attachment":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media?parent=1035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/categories?post=1035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/tags?post=1035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}