{"id":60086,"date":"2019-02-11T04:18:54","date_gmt":"2019-02-11T11:18:54","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/"},"modified":"2019-02-11T04:18:54","modified_gmt":"2019-02-11T11:18:54","slug":"ab-testing-for-mobile-first-experiences","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/","title":{"rendered":"A\/B Testing For Mobile-First Experiences"},"content":{"rendered":"<link rel=\"canonical\" href=\"https:\/\/www.smashingmagazine.com\/2019\/02\/testing-mobile-first-experiences\/\"><title>A\/B Testing For Mobile-First Experiences<\/title><\/p>\n<article>\n<header>\n<h1>A\/B Testing For Mobile-First Experiences<\/h1>\n<address>Suzanne Scacca<\/address>\n<p>                  <time datetime=\"2019-02-11T12:00:26+01:00\">2019-02-11T12:00:26+01:00<\/time><time datetime=\"2019-02-11T11:04:01+00:00\">2019-02-11T11:04:01+00:00<\/time><\/header>\n<p>Your client\u2019s website is done. They\u2019re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far.<\/p>\n<p>While I recognize that a lot of research, experimentation, analysis and review went into the creation of the website, is that all there is to building a winning website these days? I\u2019d argue that the mobile-first web has added a layer of complexity that few are fully prepared for.<\/p>\n<p>Which is why your work shouldn\u2019t stop when you hit the \u201cPublish\u201d button.<\/p>\n<p>If you\u2019re not yet performing post-launch A\/B testing for your website clients, that\u2019s a big mistake. Although we have a massive amount of case studies and other research at our disposal that confirm how to design for conversion on desktop, the mobile experience is still relatively new. At least the mobile-first experience as we know it today. <\/p>\n<p>The following guide includes tips for A\/B testing for mobile websites and will get you thinking about conversion rate optimization in other ways than just \u201cBuy This Now\u201d.<\/p>\n<h3>A Brief Introduction To A\/B Testing For Mobile<\/h3>\n<p>Once a website has gone live, Google Analytics and any conversion rate optimization (CRO) tools you hook up to the site will start feeding you data about your users. If you choose to do something with these valuable insights, you have two options: <\/p>\n<ol>\n<li>Identify obstacles in the experience and implement changes to the site to resolve them.<\/li>\n<li>Identify a single obstacle in the experience, hypothesize why it occurred and create an alternative version of the site to test the resolution.<\/li>\n<\/ol>\n<p>The first option seems cut-and-dried. The data tells you there is an issue; you create a solution for it. But like I mentioned already, the chances of succeeding when shooting from the hip like that only work with tried and true desktop design techniques. Even then, it can still be risky if your audience doesn\u2019t align with the average online user\u2019s behavior.<\/p>\n<aside data-audience=\"non-subscriber\">\n<div>\n<div>\n<p>Front-end is messy and complicated these days. That&#8217;s why we publish <a href=\"https:\/\/smashed.by\/perfpanelarticles\">articles<\/a>, <a href=\"http:\/\/bit.ly\/2QzbCbG\">printed books<\/a> and <a href=\"https:\/\/smashed.by\/perfpaneltv\">webinars<\/a> with useful techniques to improve your work. Even better: <a href=\"http:\/\/bit.ly\/2Qy9gcR\">Smashing Membership<\/a> with a growing selection of <strong>front-end\u00a0&#038;\u00a0UX goodies<\/strong>. So you get your work done, better and faster.<\/p>\n<p>      <a href=\"http:\/\/bit.ly\/2Qy9gcR\"><br \/>\n        Explore Smashing Membership\u00a0?<br \/>\n      <\/a>\n      <\/div>\n<div>\n        <a href=\"http:\/\/bit.ly\/2Qy9gcR\"><\/p>\n<div>\n          <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.smashingmagazine.com\/images\/smashing-cat\/cat-rollerderby.svg\" alt=\"Smashing Cat, just preparing to do some magic stuff.\" width=\"310\" height=\"400\"><\/div>\n<p>      <\/a>\n      <\/div>\n<\/p><\/div>\n<\/aside>\n<p>The second option, on the other hand, allows designers to more safely implement changes to a mobile website. Until you have a clear picture of the mobile user\u2019s journey through your website (which, realistically, could involve them jumping from a mobile device to desktop at some point), mobile A\/B testing must be an essential part of your job as a web designer.<\/p>\n<p>This is how A\/B testing works:<\/p>\n<ul>\n<li>Identify a part of the website that you believe needs a change. (This should be based on findings in your data or direct reports from users about problematic experiences.)<\/li>\n<li>Hypothesize why there is friction and how you think it can be resolved.<\/li>\n<li>Choose just one element to change.<\/li>\n<li>Using A\/B testing software, set up your test variables. You should pit the control (i.e. original version of the site) against a variation of the element.<\/li>\n<li>Run the test against equal parts of mobile visitors.<\/li>\n<li>Let the test run for two to four weeks.<\/li>\n<li>Monitor results to make sure you\u2019re generating sufficient data and take note of any anomalies along the way.<\/li>\n<li>End the test and review the results.<\/li>\n<li>If there\u2019s a significant margin between the control and variation results, use your mobile A\/B testing tool (like <a href=\"https:\/\/vwo.com\/blog\/mobile-ab-testing\/\">VWO<\/a>) to implement the winner.<\/li>\n<\/ul>\n<p>It\u2019s okay if you find that the control is the winner. Take what you\u2019ve learned and apply it to your A\/B testing efforts going forward.<\/p>\n<p><strong>Recommended reading<\/strong>: <em><a href=\"https:\/\/www.smashingmagazine.com\/2018\/03\/tips-conducting-usability-studies-participants-disabilities\/\">How To Conduct Usability Studies With Participants With Disabilities<\/a><\/em><\/p>\n<h3>Tips For A\/B Testing For Mobile-First Experiences<\/h3>\n<p>You\u2019re here because you want to know how to increase conversions on the websites you build for clients. The tips below will force you to step outside typical conversion rate optimization planning and think outside the box as you test your theories.<\/p>\n<h4>Tip #1: Stop Thinking About Mobile vs. Desktop A\/B Testing<\/h4>\n<p>With traditional A\/B testing, you typically have verifiable proof of what works and what doesn\u2019t. You tweak the wording on a call-to-action and more users click to buy the product. You change the color of the shirt in a photo and sales go up by 25%. You move the placement of the CTA to the bottom of the post and more readers subscribe.<\/p>\n<p>In other words, you know that a change you made will directly impact the business\u2019s bottom line.<\/p>\n<p>However, when it comes to mobile, it\u2019s not that easy.<\/p>\n<p>Qubit published a report called <a href=\"https:\/\/www.qubit.com\/research\/mobile-product-discovery-ecommerce-revenue\/\"><em>The Influence of Mobile Discovery in 2018<\/em><\/a>.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d9575652-3dac-4477-ade8-647e59c8ed42\/qubit-mobile-halo-effect.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/qubit-mobile-halo-effect.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d9575652-3dac-4477-ade8-647e59c8ed42\/qubit-mobile-halo-effect.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d9575652-3dac-4477-ade8-647e59c8ed42\/qubit-mobile-halo-effect.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d9575652-3dac-4477-ade8-647e59c8ed42\/qubit-mobile-halo-effect.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d9575652-3dac-4477-ade8-647e59c8ed42\/qubit-mobile-halo-effect.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/qubit-mobile-halo-effect.png?w=900\" sizes=\"100vw\" alt=\"Qubit mobile halo effect\"><\/a><figcaption>\n\t\t\tQubit demonstrates growth in the mobile halo effect. (Source: <a href=\"https:\/\/www.qubit.com\/research\/mobile-product-discovery-ecommerce-revenue\/\">Qubit<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d9575652-3dac-4477-ade8-647e59c8ed42\/qubit-mobile-halo-effect.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>The above image depicts the differences in the mobile halo effect from 2016 to 2017.<\/p>\n<p>The mobile halo effect is a term Qubit uses to describe how the activity that takes place on mobile directly influences what happens on desktop. Qubit\u2019s research of over 1.2 billion customer interactions with the web found:<\/p>\n<blockquote><p>Analyzing the cohort of users in our dataset who logged into their accounts on more than one type of device shows that mobile activity directly influences an average of 19% of computer revenue. In some sub-verticals, this influence is much higher, with Fashion seeing an average of 24%, while some retailers receive as many as 1 in 3 of their computer transactions as a result of mobile-browsing.<\/p><\/blockquote>\n<p>What\u2019s more, this information only accounts for mobile users who logged into a website from multiple devices. Qubit suspects that people who simply discover a website through mobile also lead to this halo effect. This, in turn, drives up the value of desktop conversions because of how helpful mobile is during the discovery phase of the customer journey.<\/p>\n<p>This is why you can\u2019t just look at mobile-only results on a mobile-first A\/B test.<\/p>\n<p>Instead, conduct your tests in the following manner:<\/p>\n<ul>\n<li>Run your test with mobile visitors.<\/li>\n<li>Review the results from your A\/B testing tool to see if you were able to remove the obstacle from the mobile experience.<\/li>\n<li>Then, look at your Google Analytics results from the same time period. Even if mobile traffic continued to drop off at the same point, you may find that desktop traffic and engagement increased as a result.<\/li>\n<\/ul>\n<p>In sum, don\u2019t go into mobile A\/B testing thinking that everything you do must result in a greater amount of sales, subscribers or members <em>on mobile<\/em>. Instead, focus on how to improve the experience as a whole so that it improves your overall conversion rate.<\/p>\n<div><\/div>\n<h4>Tip #2: Start with the Header<\/h4>\n<p>Remember that there are four <a href=\"https:\/\/www.smashingmagazine.com\/2018\/08\/designing-for-micro-moments\/\">micro-moments<\/a> (or motivations) that drive mobile users to a website:<\/p>\n<ol>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/articles\/#i-want-to-know\">I want to know.<\/a><\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/articles\/#i-want-to-go\">I want to go.<\/a><\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/articles\/#i-want-to-do\">I want to do.<\/a><\/li>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/articles\/#i-want-to-buy\">I want to buy.<\/a><\/li>\n<\/ol>\n<p>With such a clear purpose driving their journey to and hopefully through your mobile site, don\u2019t force them to wait for what they\u2019re asking for. In terms of design, this translates to shortening their pathway \u2014 either to conversion or to completing the mobile experience before moving to desktop.<\/p>\n<p>When you begin mobile-first A\/B testing, look at elements that provide an answer to the micro-moments that are most relevant to your website.<\/p>\n<p>Is there a way to place them in the header of the website or within the first scroll or two of the home page? Or can you at least design a one-click shortcut in the navigation to take them to it?<\/p>\n<p>Here are some ideas:<\/p>\n<h5>1. I want to know.<\/h5>\n<p>Websites with lots of content would do well to test whether or not rearranging the navigation and putting emphasis on relevant and timely categories helps with conversion.<\/p>\n<p><a href=\"https:\/\/www.buzzfeed.com\/\">BuzzFeed<\/a> takes this theory a step further:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/dff2d7ce-dfca-4fa5-9a75-cda7cdf27641\/buzzfeed-navigation.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/buzzfeed-navigation.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/dff2d7ce-dfca-4fa5-9a75-cda7cdf27641\/buzzfeed-navigation.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/dff2d7ce-dfca-4fa5-9a75-cda7cdf27641\/buzzfeed-navigation.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/dff2d7ce-dfca-4fa5-9a75-cda7cdf27641\/buzzfeed-navigation.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/dff2d7ce-dfca-4fa5-9a75-cda7cdf27641\/buzzfeed-navigation.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/buzzfeed-navigation.png?w=900\" sizes=\"100vw\" alt=\"BuzzFeed mobile navigation\"><\/a><figcaption>\n\t\t\tBuzzFeed doesn\u2019t hide its mobile navigation. (Source: <a href=\"https:\/\/www.buzzfeed.com\/\">BuzzFeed<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/dff2d7ce-dfca-4fa5-9a75-cda7cdf27641\/buzzfeed-navigation.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>In addition to customizing the navigation regularly, BuzzFeed has chosen to leave the main navigation out in the open on mobile, with a fun selection of emojis to draw attention to the timeliest of categories.<\/p>\n<p>Another way to answer the \u201cI want to know\u201d search is by providing a point of contact in as streamlined a fashion as possible as <a href=\"https:\/\/senseslab.com\/\">SensesLab<\/a> has done:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fc833856-3693-4c91-a5c0-174d63def83e\/senseslab-contact-icon.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/senseslab-contact-icon.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fc833856-3693-4c91-a5c0-174d63def83e\/senseslab-contact-icon.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fc833856-3693-4c91-a5c0-174d63def83e\/senseslab-contact-icon.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fc833856-3693-4c91-a5c0-174d63def83e\/senseslab-contact-icon.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fc833856-3693-4c91-a5c0-174d63def83e\/senseslab-contact-icon.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/senseslab-contact-icon.png?w=900\" sizes=\"100vw\" alt=\"SensesLab contact shortcut\"><\/a><figcaption>\n\t\t\tThe SensesLab includes a recognizable \u201cmailto\u201d icon in the header. (Source: <a href=\"https:\/\/senseslab.com\/\">SensesLab<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fc833856-3693-4c91-a5c0-174d63def83e\/senseslab-contact-icon.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>The \u201cMail\u201d icon in the top-right corner takes mobile visitors to the Contact page. However, this is no ordinary contact page. While an introduction to their point of contact and email address is given, it\u2019s the contact form below that really shines:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/01a77a05-06e8-40b1-9993-e52216305383\/senseslab-form-1.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/senseslab-form-1.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/01a77a05-06e8-40b1-9993-e52216305383\/senseslab-form-1.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/01a77a05-06e8-40b1-9993-e52216305383\/senseslab-form-1.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/01a77a05-06e8-40b1-9993-e52216305383\/senseslab-form-1.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/01a77a05-06e8-40b1-9993-e52216305383\/senseslab-form-1.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/senseslab-form-1.png?w=900\" sizes=\"100vw\" alt=\"SensesLab contact form\"><\/a><figcaption>\n\t\t\tThe SensesLab provides a super mobile-friendly contact form at the shortcut. (Source: <a href=\"https:\/\/senseslab.com\/\">SensesLab<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/01a77a05-06e8-40b1-9993-e52216305383\/senseslab-form-1.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>The entire form fits within an entire screen-grab on my iPhone above. There\u2019s no wasting of time by providing instructions on how to fill out the form or anything like that. Users just need to click on the highlighted fields to personalize their responses.<\/p>\n<p>Even better:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f7486bc7-3f5f-49e5-84f1-89a913ec2183\/senseslab-form-2.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/senseslab-form-2.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f7486bc7-3f5f-49e5-84f1-89a913ec2183\/senseslab-form-2.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f7486bc7-3f5f-49e5-84f1-89a913ec2183\/senseslab-form-2.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f7486bc7-3f5f-49e5-84f1-89a913ec2183\/senseslab-form-2.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f7486bc7-3f5f-49e5-84f1-89a913ec2183\/senseslab-form-2.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/senseslab-form-2.png?w=900\" sizes=\"100vw\" alt=\"SensesLab contact form fields\"><\/a><figcaption>\n\t\t\tThe SensesLab uses user-friendly contact form fields. (Source: <a href=\"https:\/\/senseslab.com\/\">SensesLab<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f7486bc7-3f5f-49e5-84f1-89a913ec2183\/senseslab-form-2.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>SensesLab has anticipated their responses and provided pre-populated answers along with custom keyboards to shorten the amount of time anyone has to spend filling this out.<\/p>\n<h5>2. I want to go.<\/h5>\n<p>I think the solution to test for with this one is obvious. In other words:<\/p>\n<blockquote><p>Where in the header or above the fold do you place the reservation buttons?<\/p><\/blockquote>\n<p>Just don\u2019t be afraid to think outside the box with this. For example, this is <a href=\"https:\/\/www.theassemblage.com\/\">The Assemblage<\/a> website:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/635abb3a-12a0-4d32-b91c-317cd0c3658e\/the-assemblage-tour-button.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/the-assemblage-tour-button.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/635abb3a-12a0-4d32-b91c-317cd0c3658e\/the-assemblage-tour-button.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/635abb3a-12a0-4d32-b91c-317cd0c3658e\/the-assemblage-tour-button.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/635abb3a-12a0-4d32-b91c-317cd0c3658e\/the-assemblage-tour-button.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/635abb3a-12a0-4d32-b91c-317cd0c3658e\/the-assemblage-tour-button.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/the-assemblage-tour-button.png?w=900\" sizes=\"100vw\" alt=\"The Assemblage 'Book Tour' button\"><\/a><figcaption>\n\t\t\tThe Assemblage includes a &#8216;Book a Tour&#8217; icon on the mobile home page. (Source: <a href=\"https:\/\/www.theassemblage.com\/\">The Assemblage<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/635abb3a-12a0-4d32-b91c-317cd0c3658e\/the-assemblage-tour-button.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>The Assemblage is a coworking space located in New York City. While the mobile site could\u2019ve easily prioritized conversions up top (i.e. \u201cGet your membership now!\u201d), it instead provides a shortcut that makes more sense.<\/p>\n<p>With the focus on booking a tour, mobile visitors can easily claim a date and time. Then, worry about learning all about and seeing the workspace in person later.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/10975499-7fdf-4c6a-8ea1-2ca7560df3d6\/the-assemblage-book-tour.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/the-assemblage-book-tour.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/10975499-7fdf-4c6a-8ea1-2ca7560df3d6\/the-assemblage-book-tour.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/10975499-7fdf-4c6a-8ea1-2ca7560df3d6\/the-assemblage-book-tour.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/10975499-7fdf-4c6a-8ea1-2ca7560df3d6\/the-assemblage-book-tour.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/10975499-7fdf-4c6a-8ea1-2ca7560df3d6\/the-assemblage-book-tour.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/the-assemblage-book-tour.png?w=900\" sizes=\"100vw\" alt=\"The Assemblage books tours\"><\/a><figcaption>\n\t\t\tThe Assemblage prioritizes booking tours of the cowork space. (Source: <a href=\"https:\/\/www.theassemblage.com\/\">The Assemblage<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/10975499-7fdf-4c6a-8ea1-2ca7560df3d6\/the-assemblage-book-tour.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>Completing the booking process is incredibly easy on mobile, too.<\/p>\n<p>There are other ways to think outside the box when it comes to designing and testing for \u201cI want to go\u201d. This next example combines two micro-moments and does so in a really unique way, in my opinion.<\/p>\n<p>This is <a href=\"https:\/\/www.visitcalifornia.com\/\">Visit California<\/a>:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1c745ee2-db66-4a81-ba1c-0336af2df437\/visit-cali-map.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/visit-cali-map.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1c745ee2-db66-4a81-ba1c-0336af2df437\/visit-cali-map.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1c745ee2-db66-4a81-ba1c-0336af2df437\/visit-cali-map.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1c745ee2-db66-4a81-ba1c-0336af2df437\/visit-cali-map.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1c745ee2-db66-4a81-ba1c-0336af2df437\/visit-cali-map.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/visit-cali-map.png?w=900\" sizes=\"100vw\" alt=\"Visit California Map icon\"><\/a><figcaption>\n\t\t\tVisit California uses a recognizable Map icon in its header. (Source: <a href=\"https:\/\/www.visitcalifornia.com\/\">Visit California<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/1c745ee2-db66-4a81-ba1c-0336af2df437\/visit-cali-map.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>Among the well-chosen icons its placed in the header of the site, Visit California also includes a \u201cMap\u201d icon. After all, what is one of the main reasons why someone would visit this site?<\/p>\n<blockquote><p>\u201cI want to go to California and need suggestions!\u201d<\/p><\/blockquote>\n<p>Now, behind this map icon is not a reservation system, enabling users to book their trip to California. With a site promoting travel to such an expansive location, users are more likely to use this site to gather information to decide where to go. The Map icon, then, is their key to drilling down deeper into those answers:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d514cab6-9748-43f8-9054-a90cfc01c414\/visit-cali-nav.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/visit-cali-nav.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d514cab6-9748-43f8-9054-a90cfc01c414\/visit-cali-nav.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d514cab6-9748-43f8-9054-a90cfc01c414\/visit-cali-nav.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d514cab6-9748-43f8-9054-a90cfc01c414\/visit-cali-nav.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d514cab6-9748-43f8-9054-a90cfc01c414\/visit-cali-nav.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/visit-cali-nav.png?w=900\" sizes=\"100vw\" alt=\"Visit California regions\"><\/a><figcaption>\n\t\t\tVisit California\u2019s Map navigation options. (Source: <a href=\"https:\/\/www.visitcalifornia.com\/\">Visit California<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/d514cab6-9748-43f8-9054-a90cfc01c414\/visit-cali-nav.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>This is a unique and visually stimulating way to get research topics and answers into the hands of people who want it.<\/p>\n<h5>3. I want to do.<\/h5>\n<p>This question is an interesting one to design and A\/B test for.<\/p>\n<p>On the one hand, you\u2019d assume that \u201cI want to do\u201d would be answered by articles that provide a how-to for the desired task. When that\u2019s the case, the abundantly sized search bar from <a href=\"https:\/\/www.thekitchn.com\/\">Kitchn<\/a> is a good idea to test for:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/98807660-91d2-4f53-a9f0-54d752c9b10d\/kitchn-search.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/kitchn-search.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/98807660-91d2-4f53-a9f0-54d752c9b10d\/kitchn-search.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/98807660-91d2-4f53-a9f0-54d752c9b10d\/kitchn-search.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/98807660-91d2-4f53-a9f0-54d752c9b10d\/kitchn-search.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/98807660-91d2-4f53-a9f0-54d752c9b10d\/kitchn-search.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/kitchn-search.png?w=900\" sizes=\"100vw\" alt=\"Kitchn mobile search\"><\/a><figcaption>\n\t\t\tKitchn uses a search bar that\u2019s comparable in size to the header bar. (Source: <a href=\"https:\/\/www.thekitchn.com\/\">Kitchn<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/98807660-91d2-4f53-a9f0-54d752c9b10d\/kitchn-search.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>It\u2019s clear what Kitchn users want to do when they get here: search for recipes. And with a magazine of Kitchn\u2019s size, that could be a difficult task to accomplish by using the traditional navigation. Instead, this search bar that\u2019s nearly comparable in size to the entire header bar provides a faster solution.<\/p>\n<p>But then you have the other kind of \u201cI want to do\u201d situation to design for \u2014 the one where the visitor of your mobile site wants to go out in the real world and get something done. This is similar to the \u201cI want to go\u201d solution from The Assemblage.<\/p>\n<p><a href=\"https:\/\/reshape.pl\/\">ReShape<\/a> is a fitness center in Poland:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/affa236a-bd0e-46c3-b97c-2df32bb3a1d2\/reshape-home.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/reshape-home.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/affa236a-bd0e-46c3-b97c-2df32bb3a1d2\/reshape-home.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/affa236a-bd0e-46c3-b97c-2df32bb3a1d2\/reshape-home.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/affa236a-bd0e-46c3-b97c-2df32bb3a1d2\/reshape-home.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/affa236a-bd0e-46c3-b97c-2df32bb3a1d2\/reshape-home.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/reshape-home.png?w=900\" sizes=\"100vw\" alt=\"ReShape home page\"><\/a><figcaption>\n\t\t\tReShape\u2019s home page looks like your typical fitness center website. (Source: <a href=\"https:\/\/reshape.pl\/\">ReShape<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/affa236a-bd0e-46c3-b97c-2df32bb3a1d2\/reshape-home.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>Once you open the navigation on this website, users encounter a number of options to learn about the fitness center and its services.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5922dac7-74b1-4ca4-a1f6-128b5bf8e25c\/reshape-calendar-icon.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/reshape-calendar-icon.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5922dac7-74b1-4ca4-a1f6-128b5bf8e25c\/reshape-calendar-icon.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5922dac7-74b1-4ca4-a1f6-128b5bf8e25c\/reshape-calendar-icon.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5922dac7-74b1-4ca4-a1f6-128b5bf8e25c\/reshape-calendar-icon.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5922dac7-74b1-4ca4-a1f6-128b5bf8e25c\/reshape-calendar-icon.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/reshape-calendar-icon.png?w=900\" sizes=\"100vw\" alt=\"ReShape navigation calendar\"><\/a><figcaption>\n\t\t\tReShape includes a navigational shortcut for mobile customers. (Source: <a href=\"https:\/\/reshape.pl\/\">ReShape<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/5922dac7-74b1-4ca4-a1f6-128b5bf8e25c\/reshape-calendar-icon.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>What\u2019s nice about this, however, is that the website allows current customers to cut the line and schedule a class right away through the calendar icon. There\u2019s no need to download and use a separate mobile app. It\u2019s all right on the mobile website and it\u2019s easy to do, too:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fd094274-5e96-4f68-a36f-bdf9ab20bc83\/reshape-scheduling.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/reshape-scheduling.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fd094274-5e96-4f68-a36f-bdf9ab20bc83\/reshape-scheduling.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fd094274-5e96-4f68-a36f-bdf9ab20bc83\/reshape-scheduling.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fd094274-5e96-4f68-a36f-bdf9ab20bc83\/reshape-scheduling.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fd094274-5e96-4f68-a36f-bdf9ab20bc83\/reshape-scheduling.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/reshape-scheduling.png?w=900\" sizes=\"100vw\" alt=\"ReShape mobile scheduling\"><\/a><figcaption>\n\t\t\tReShape makes scheduling fitness classes through mobile a breeze. (Source: <a href=\"https:\/\/reshape.pl\/\">ReShape<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/fd094274-5e96-4f68-a36f-bdf9ab20bc83\/reshape-scheduling.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>When the success of the website and business is contingent upon getting customers to actually do something, don\u2019t bury it in the mobile experience.<\/p>\n<h5>4. I want to buy.<\/h5>\n<p>Lastly, there\u2019s the \u201cI want to buy\u201d scenario you have to test for.<\/p>\n<p>While the hypothesis for this kind of test is going to be easy enough to figure out \u2014 \u201cI want to get more mobile customers to make a purchase\u201d \u2014 it\u2019s how you use your design to compel them to do so that\u2019s going to be difficult. Because, again, you have to remember that mobile conversion isn\u2019t simple.<\/p>\n<p>One example I really like of this comes from <a href=\"https:\/\/thebark.com\/\">The Bark<\/a>, a magazine for dog owners.<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/92ca6bee-bef3-4e2c-a7e8-d8217b829ac4\/the-bark-hello-bar.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/the-bark-hello-bar.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/92ca6bee-bef3-4e2c-a7e8-d8217b829ac4\/the-bark-hello-bar.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/92ca6bee-bef3-4e2c-a7e8-d8217b829ac4\/the-bark-hello-bar.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/92ca6bee-bef3-4e2c-a7e8-d8217b829ac4\/the-bark-hello-bar.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/92ca6bee-bef3-4e2c-a7e8-d8217b829ac4\/the-bark-hello-bar.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/the-bark-hello-bar.png?w=900\" sizes=\"100vw\" alt=\"The Bark hello bar\"><\/a><figcaption>\n\t\t\tThe Bark hello bar commands attention without being pushy. (Source: <a href=\"https:\/\/thebark.com\/\">The Bark<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/92ca6bee-bef3-4e2c-a7e8-d8217b829ac4\/the-bark-hello-bar.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>What\u2019s nice about this design is that there are two actions competing against one another:<\/p>\n<ol>\n<li>The content of the website that allows visitors to peruse articles for free.<\/li>\n<li>The unobtrusive yet boldly designed  sticky bar with an attractive offer to convert.<\/li>\n<\/ol>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/bc19e228-baf4-4caf-a52a-ba258715c527\/the-bark-subscribe.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/the-bark-subscribe.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/bc19e228-baf4-4caf-a52a-ba258715c527\/the-bark-subscribe.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/bc19e228-baf4-4caf-a52a-ba258715c527\/the-bark-subscribe.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/bc19e228-baf4-4caf-a52a-ba258715c527\/the-bark-subscribe.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/bc19e228-baf4-4caf-a52a-ba258715c527\/the-bark-subscribe.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/the-bark-subscribe.png?w=900\" sizes=\"100vw\" alt=\"The Bark subscription\"><\/a><figcaption>\n\t\t\tThe Bark subscription page for mobile. (Source: <a href=\"https:\/\/thebark.com\/\">The Bark<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/bc19e228-baf4-4caf-a52a-ba258715c527\/the-bark-subscribe.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>As more and more <a href=\"https:\/\/www.smashingmagazine.com\/2018\/04\/mobile-pop-up-ads\/\">we move away from pop-ups<\/a> and with <a href=\"https:\/\/www.smashingmagazine.com\/2018\/12\/elements-ditch-repurpose-mobile\/\">the sidebar having little to no place on mobile<\/a>, we\u2019re running out of options for ways to jump into the experience and say:<\/p>\n<blockquote><p>Hey! Buy this now!<\/p><\/blockquote>\n<p>You could place banners in-line with the content, but that may be too disruptive for your users. While I\u2019d assume that a sticky bar that can easily be dismissed is the better way to compel mobile visitors to convert, this is why we have A\/B testing. To let us know what exactly our specific audience will do when confronted with a Buy (Subscribe) CTA on mobile.<\/p>\n<p>And if they don\u2019t want to convert there, that\u2019s fine. At least you\u2019ve done your due diligence in testing alternative scenarios to see if you can improve your success rate.<\/p>\n<div><\/div>\n<h4>Tip #3: Encourage Users to Save Instead<\/h4>\n<p>This last point is a good segue into what I\u2019m going to talk about next:<\/p>\n<blockquote><p>There are just some websites that won\u2019t convert well on mobile.<\/p><\/blockquote>\n<p>Although research on Generation Z as consumers is still relatively new, many suggest that they are going to be true multichannel shoppers. Most of their research will be done on mobile devices, but the preferred shopping experience will be from a computer or in person.<\/p>\n<p>Whether or not that\u2019s true for Gen Z, millennials or any other generation of consumer, I think it\u2019s a smart idea to test for this hypothesis. Until <a href=\"https:\/\/www.smashingmagazine.com\/2018\/04\/increasing-mobile-checkout-conversions\/\">your mobile conversion rates<\/a> are consistently and significantly higher than desktop and in-person conversion, encouraging mobile users to \u201cSave\u201d their progress on your site might be the better design choice.<\/p>\n<p>As you work on designing and redesigning websites this year, you might want to save yourself the trouble of committing solely to a conversion funnel. Instead, build in shortcuts to \u201cSave\u201d on the mobile experience like:<\/p>\n<ul>\n<li>Sign up for an account.<\/li>\n<li>Save products to your cart or wish list.<\/li>\n<li>Save an article or feed for future reading.<\/li>\n<li>Share your email address for future updates.<\/li>\n<li>Sign up for a free demo and we\u2019ll take care of the rest.<\/li>\n<\/ul>\n<p>Then, when the site is live, test how the conversion rates are affected with or without them.<\/p>\n<p>Here are some neat examples of websites that use \u201cSave\u201d features well on mobile.<\/p>\n<p>This is <a href=\"https:\/\/www.entrepreneur.com\/\">Entrepreneur<\/a> magazine:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/55ffc48c-26f6-4e78-9964-abf4ebfce56f\/entrepreneur-save-icon.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/entrepreneur-save-icon.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/55ffc48c-26f6-4e78-9964-abf4ebfce56f\/entrepreneur-save-icon.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/55ffc48c-26f6-4e78-9964-abf4ebfce56f\/entrepreneur-save-icon.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/55ffc48c-26f6-4e78-9964-abf4ebfce56f\/entrepreneur-save-icon.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/55ffc48c-26f6-4e78-9964-abf4ebfce56f\/entrepreneur-save-icon.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/entrepreneur-save-icon.png?w=900\" sizes=\"100vw\" alt=\"Entrepreneur Save function\"><\/a><figcaption>\n\t\t\tEntrepreneur has a \u201cSave\u201d content icon in its header. (Source: <a href=\"https:\/\/www.entrepreneur.com\/\">Entrepreneur<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/55ffc48c-26f6-4e78-9964-abf4ebfce56f\/entrepreneur-save-icon.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>See that icon in the header between the search magnifying glass and account settings? This is where Entrepreneur enables regular readers to save content for future consumption:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/784a7c72-bcd4-4f84-8b9a-c90b42466c52\/entrepreneur-save-function.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/entrepreneur-save-function.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/784a7c72-bcd4-4f84-8b9a-c90b42466c52\/entrepreneur-save-function.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/784a7c72-bcd4-4f84-8b9a-c90b42466c52\/entrepreneur-save-function.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/784a7c72-bcd4-4f84-8b9a-c90b42466c52\/entrepreneur-save-function.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/784a7c72-bcd4-4f84-8b9a-c90b42466c52\/entrepreneur-save-function.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/entrepreneur-save-function.png?w=900\" sizes=\"100vw\" alt=\"Entrepreneur Save folder\"><\/a><figcaption>\n\t\t\tEntrepreneur\u2019s well-organized \u201cSave\u201d folder for readers. (Source: <a href=\"https:\/\/www.entrepreneur.com\/\">Entrepreneur<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/784a7c72-bcd4-4f84-8b9a-c90b42466c52\/entrepreneur-save-function.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>As you can see, readers can save all sorts of content under this Save feature, making it easy to return to Entrepreneur articles any time, any place and from any device.<\/p>\n<p>Then, there\u2019s the example of <a href=\"https:\/\/www.zendesk.com\/\">Zendesk<\/a>:<\/p>\n<figure><a href=\"https:\/\/i0.wp.com\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/32aa6589-6eca-42c3-82d4-68c781bfde0f\/zendesk-ctas.png?ssl=1\"><br \/>\n\t\t<img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"http:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/zendesk-ctas.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/32aa6589-6eca-42c3-82d4-68c781bfde0f\/zendesk-ctas.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/32aa6589-6eca-42c3-82d4-68c781bfde0f\/zendesk-ctas.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/32aa6589-6eca-42c3-82d4-68c781bfde0f\/zendesk-ctas.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/32aa6589-6eca-42c3-82d4-68c781bfde0f\/zendesk-ctas.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/zendesk-ctas.png?w=900\" sizes=\"100vw\" alt=\"Zendesk free demo button\"><\/a><figcaption>\n\t\t\tZendesk offers a free demo and trial right away. (Source: <a href=\"https:\/\/www.zendesk.com\/\">Zendesk<\/a>) (<a href=\"https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/32aa6589-6eca-42c3-82d4-68c781bfde0f\/zendesk-ctas.png\">Large preview<\/a>)<br \/>\n\t\t<\/figcaption><\/figure>\n<p>For those of you designing websites for service providers and SaaS companies, this is an excellent way to help your users \u201cSave\u201d their progress. I know it might not look that way at first glance, but let me explain:<\/p>\n<p>Zendesk isn\u2019t wasting anyone\u2019s time with an overlong description of what it does and why people need to purchase its help desk software. Instead, it\u2019s clearly summarized what users can expect and then provides two appealing calls-to-action. Regardless of which option the mobile user chooses, Zendesk requires them to provide contact information.<\/p>\n<p>So, let\u2019s say a mobile user fills out the form to enter the demo. They get inside it, but then realize they\u2019re short on time or just don\u2019t want to interact with it on mobile. Fine. Zendesk now has their information and will be in touch soon to follow up about the experience. The mobile user can then re-enter the experience from their preferred device when the inevitable follow-up email reminds them to do so.<\/p>\n<h4>Tip #4: A\/B Test Your Page and Post Length<\/h4>\n<p>Another suggestion I\u2019m going to make for mobile-first A\/B testing is content length.<\/p>\n<p>I actually touched on the subject of brevity in my previous article, <a href=\"https:\/\/www.smashingmagazine.com\/2019\/01\/mobile-first-marketing-tips\/\">How Web Designers Can Contribute to Mobile-First Marketing<\/a>. However, I didn\u2019t talk about how you can use A\/B testing to confirm whether or not that\u2019s the right path for your website.<\/p>\n<p>There are case studies and research reports galore that discuss the subject of ideal content length for both desktop and mobile. Some are emphatic that shorter is always better, which is why I think we\u2019ve seen such a huge push for video over written content in past years.<\/p>\n<p>But then there are some who suggest that length should be determined on a case-by-case basis.<\/p>\n<p>Take the <a href=\"https:\/\/neilpatel.com\/blog\/\">Neil Patel blog<\/a>, for instance. If I had to guess, I\u2019d say that his articles are between 2,000 and 5,000 words on average \u2014 even on mobile. Considering Patel is a multi-millionaire, I don\u2019t suspect that his lengthy posts have hurt the success of his brand in the least bit.<\/p>\n<p>So, again, this is why we need A\/B testing \u2014 just to confirm our suspicions and put any fears we might have about the efficacy of a site\u2019s design or content to rest.<\/p>\n<p>Unless your client comes to you as a well-known brand and they\u2019ve already proved they can produce successful 2K-word posts like Patel, you have to test this.<\/p>\n<p>Talk to your writers and marketers and ask them to create two different versions of your content for the first month or two. This includes the home page, blog posts, product pages and any other key pages in the user\u2019s journey. Run a test to see if the length of the page on mobile affects readability as well as conversions.<\/p>\n<p>You can then use these results to refine the rest of the content on your site, making sure you\u2019re providing mobile users with the ideal reading experience wherever they go.<\/p>\n<h3>Wrapping Up<\/h3>\n<p>The goal in mobile-first A\/B testing is to inspire mobile visitors to keep moving through the experience. Even if the element you\u2019ve chosen to test doesn\u2019t directly lead to conversion, the improvements you make should eventually trickle down to that final step, no matter which device it takes place on.<\/p>\n<p>Just don\u2019t forget to study your desktop analytics while running mobile-first A\/B tests. While test results might not show you what you were hoping to see, looking at the overall picture might.<\/p>\n<div>\n  <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/logo-red-6.png?w=900\" alt=\"Smashing Editorial\"><span>(ra, yk, il)<\/span>\n<\/div>\n<\/article>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A\/B Testing For Mobile-First Experiences A\/B Testing For Mobile-First Experiences Suzanne Scacca 2019-02-11T12:00:26+01:002019-02-11T11:04:01+00:00 Your client\u2019s website is done. They\u2019re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far. While I recognize that a lot of research, experimentation, analysis and review went into the creation of&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":60087,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[371],"tags":[],"class_list":["post-60086","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"A\/B Testing For Mobile-First ExperiencesA\/B Testing For Mobile-First Experiences Suzanne Scacca 2019-02-11T12:00:26+01:002019-02-11T11:04:01+00:00Your client\u2019s website is done. They\u2019re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far. While I recognize that a lot of research, experimentation, analysis and review went into the creation of the website,\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"user experience\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"A\/B Testing For Mobile-First Experiences | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"A\/B Testing For Mobile-First ExperiencesA\/B Testing For Mobile-First Experiences Suzanne Scacca 2019-02-11T12:00:26+01:002019-02-11T11:04:01+00:00Your client\u2019s website is done. They\u2019re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far. While I recognize that a lot of research, experimentation, analysis and review went into the creation of the website,\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-02-11T11:18:54+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-02-11T11:18:54+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"A\/B Testing For Mobile-First Experiences | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"A\/B Testing For Mobile-First ExperiencesA\/B Testing For Mobile-First Experiences Suzanne Scacca 2019-02-11T12:00:26+01:002019-02-11T11:04:01+00:00Your client\u2019s website is done. They\u2019re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far. While I recognize that a lot of research, experimentation, analysis and review went into the creation of the website,\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#article\",\"name\":\"A\\\/B Testing For Mobile-First Experiences | Design for Immersive Technologies\",\"headline\":\"A\\\/B Testing For Mobile-First Experiences\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/qubit-mobile-halo-effect.png?fit=400%2C276&ssl=1\",\"width\":400,\"height\":276},\"datePublished\":\"2019-02-11T04:18:54-07:00\",\"dateModified\":\"2019-02-11T04:18:54-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#webpage\"},\"articleSection\":\"User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"position\":2,\"name\":\"User Experience\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#listItem\",\"name\":\"A\\\/B Testing For Mobile-First Experiences\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#listItem\",\"position\":3,\"name\":\"A\\\/B Testing For Mobile-First Experiences\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/\",\"name\":\"A\\\/B Testing For Mobile-First Experiences | Design for Immersive Technologies\",\"description\":\"A\\\/B Testing For Mobile-First ExperiencesA\\\/B Testing For Mobile-First Experiences Suzanne Scacca 2019-02-11T12:00:26+01:002019-02-11T11:04:01+00:00Your client\\u2019s website is done. They\\u2019re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far. While I recognize that a lot of research, experimentation, analysis and review went into the creation of the website,\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/qubit-mobile-halo-effect.png?fit=400%2C276&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#mainImage\",\"width\":400,\"height\":276},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/02\\\/ab-testing-for-mobile-first-experiences\\\/#mainImage\"},\"datePublished\":\"2019-02-11T04:18:54-07:00\",\"dateModified\":\"2019-02-11T04:18:54-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"A\/B Testing For Mobile-First Experiences | Design for Immersive Technologies","description":"A\/B Testing For Mobile-First ExperiencesA\/B Testing For Mobile-First Experiences Suzanne Scacca 2019-02-11T12:00:26+01:002019-02-11T11:04:01+00:00Your client\u2019s website is done. They\u2019re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far. While I recognize that a lot of research, experimentation, analysis and review went into the creation of the website,","canonical_url":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/","robots":"max-image-preview:large","keywords":"user experience","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#article","name":"A\/B Testing For Mobile-First Experiences | Design for Immersive Technologies","headline":"A\/B Testing For Mobile-First Experiences","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/qubit-mobile-halo-effect.png?fit=400%2C276&ssl=1","width":400,"height":276},"datePublished":"2019-02-11T04:18:54-07:00","dateModified":"2019-02-11T04:18:54-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#webpage"},"articleSection":"User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","position":2,"name":"User Experience","item":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#listItem","name":"A\/B Testing For Mobile-First Experiences"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#listItem","position":3,"name":"A\/B Testing For Mobile-First Experiences","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/","name":"A\/B Testing For Mobile-First Experiences | Design for Immersive Technologies","description":"A\/B Testing For Mobile-First ExperiencesA\/B Testing For Mobile-First Experiences Suzanne Scacca 2019-02-11T12:00:26+01:002019-02-11T11:04:01+00:00Your client\u2019s website is done. They\u2019re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far. While I recognize that a lot of research, experimentation, analysis and review went into the creation of the website,","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/qubit-mobile-halo-effect.png?fit=400%2C276&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#mainImage","width":400,"height":276},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/#mainImage"},"datePublished":"2019-02-11T04:18:54-07:00","dateModified":"2019-02-11T04:18:54-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"A\/B Testing For Mobile-First Experiences | Design for Immersive Technologies","og:description":"A\/B Testing For Mobile-First ExperiencesA\/B Testing For Mobile-First Experiences Suzanne Scacca 2019-02-11T12:00:26+01:002019-02-11T11:04:01+00:00Your client\u2019s website is done. They\u2019re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far. While I recognize that a lot of research, experimentation, analysis and review went into the creation of the website,","og:url":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/","article:published_time":"2019-02-11T11:18:54+00:00","article:modified_time":"2019-02-11T11:18:54+00:00","twitter:card":"summary","twitter:title":"A\/B Testing For Mobile-First Experiences | Design for Immersive Technologies","twitter:description":"A\/B Testing For Mobile-First ExperiencesA\/B Testing For Mobile-First Experiences Suzanne Scacca 2019-02-11T12:00:26+01:002019-02-11T11:04:01+00:00Your client\u2019s website is done. They\u2019re thrilled with it. You and your team are satisfied with the results. And visitor reception looks good so far. While I recognize that a lot of research, experimentation, analysis and review went into the creation of the website,"},"aioseo_meta_data":{"post_id":"60086","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-07 22:34:05","updated":"2026-09-01 04:17:33","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/\" title=\"User Experience\">User Experience<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tA\/B Testing For Mobile-First Experiences\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"User Experience","link":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/"},{"label":"A\/B Testing For Mobile-First Experiences","link":"https:\/\/www.taterboy.com\/blog\/2019\/02\/ab-testing-for-mobile-first-experiences\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-fD8","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/02\/qubit-mobile-halo-effect.png?fit=400%2C276&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/60086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=60086"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/60086\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/60087"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=60086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=60086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=60086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}