{"id":139740,"date":"2017-07-25T13:30:22","date_gmt":"2017-07-25T18:30:22","guid":{"rendered":"https:\/\/getflywheel.com\/?p=23467"},"modified":"2023-03-23T11:04:08","modified_gmt":"2023-03-23T16:04:08","slug":"test-wordpress-site-mobile-usability-problems","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/","title":{"rendered":"How to Test Your WordPress Site for Mobile Usability Problems"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">When\u2019s the last time you walked into a store and had trouble finding what you were looking for? Do you remember feeling frustrated? Unsatisfied?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In a lot of ways, the layout of a store is similar to the layout of your website, in that visitors should easily be able to find what they\u2019re looking for. Take <a href=\"http:\/\/www.ikea.com\/us\/en\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ikea<\/a>, for example.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ikea stores are strategically designed as a \u201cconveyor belt,\u201d where the customer flow begins at the store entrance and seamlessly ends at the exit\u2013with little wiggle room for customers to traverse around the store as they please.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While some first-time Ikea visitors might initially think this point-A-to-point-B methodology as annoying or forceful, it\u2019s ultimately neither of those. In fact, it\u2019s helpful.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s navigable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s user-friendly.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/07\/test-mobile-usability-tablet-stylus-1.jpg\" alt=\"testing mobile usability on a tablet using stylus\" class=\"wp-image-23538\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Websites aren\u2019t so different. The usability of a website can make or break a customer\u2019s purchase decision. It can determine whether or not a customer continues to surf or even remain on your site. It can even impact the mental association a customer creates with your brand\u2013whether it\u2019s positive or negative.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When it comes to your WordPress site, usability reigns supreme. The more usable the site, the better the user experience. The better the user experience, the happier you (and your bank account!) are.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As users experience taste changes in interface design and as brands continue to innovate their websites, usability issues are sometimes inevitable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So how do you ensure that your WordPress site isn\u2019t experiencing usability issues?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By testing it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here\u2019s how to test your site for usability problems.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Theme Responsiveness<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/07\/test-mobile-usability-wordpress-1.jpeg\" alt=\"the backend of a WordPress site live on macbook\" class=\"wp-image-23537\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019ve received a notification from <a href=\"https:\/\/www.google.com\/webmasters\/#?modal_active=none\" target=\"_blank\" rel=\"noopener noreferrer\">Google Webmaster Tools<\/a> that your site is experiencing usability issues, there could be a couple of culprits.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This problem often arises, however, due to the WordPress theme you\u2019ve chosen. While third-party sites like <a href=\"https:\/\/themeforest.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Themeforest<\/a> offer thousands of unique WordPress themes, only a number of them are built to be highly-responsive designs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If Google reports a low usability score for your website, chances are the theme you currently have installed isn\u2019t a particularly responsive one.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But there\u2019s good news! It\u2019s a quick fix. You can simply switch your site to another theme (which should automatically migrate your site data) or you can hire a developer to make your website more responsive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most developers know the tricks of the trade when it comes to increasing responsiveness, and more often than not, they can enhance your site\u2019s responsiveness within one or two work sessions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google Webmaster Tools is perhaps the simplest and most straightforward way to test your WordPress site for usability issues. Don\u2019t fret. Google has your back.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mobile Usability<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/07\/test-mobile-usability-windows-phone-1.jpg\" alt=\"woman tests mobile usability on a Microsoft phone \" class=\"wp-image-23539\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Mobile\u2019s exponential growth trajectory is really nothing short of spectacular. As mobile usage continues to grow, users and websites need to continuously adapt to changes in functionality, user experience, and user interface.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For now, though, mobile usability is still crucial, with mobile phones becoming the standard for internet access.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the past, Google would crawl your WordPress site and then retrieve the site in HTML form. But gone are the days of site fetching.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As usability preferences adapt, so does Google. Google\u2019s SEO algorithms now favor strong mobile sites. They also primarily consider the interface and overall appearance of your website from the human perspective of a mobile user\u2013not a robot\u2019s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If mobile usability issues surface, however, you can test your current WordPress site by using <a href=\"https:\/\/search.google.com\/test\/mobile-friendly\" target=\"_blank\" rel=\"noopener noreferrer\">Google\u2019s Mobile-Friendly Test Tool<\/a>. Here\u2019s what it looks like:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/07\/test-mobile-usability-google-welcome.png\" alt=\"screenshot of the google mobile usability testing welcome screen\" class=\"wp-image-23527\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/07\/test-mobile-usability-google-screen.png\" alt=\"preview of google mobile usability testing\" class=\"wp-image-23528\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">With the Mobile-Friendly Test Tool, simply enter your site\u2019s URL.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google will fetch your site and glance over the specs exactly as the user would and then spit back a brief analysis detailing the overall usability of your mobile site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google also includes a complimentary mobile usability guide that includes tools for increasing your site\u2019s user-friendliness.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s safe to say the Mobile-Friendly Test Tool is pretty handy.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can feel free to use trial and error by running the Test Tool in between back-end changes you make to your WordPress site. Make a few changes, type in your URL again, and see if there\u2019s an improvement. Rinse, repeat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Testing your site for usability issues doesn\u2019t always have to be done through the Google bots, either.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2017\/07\/test-mobile-usability-iphone-notes.jpg\" alt=\"an iPhone on a notebook next to a green pen\" class=\"wp-image-23540\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can put on a UX hat and get down to the research grind. Ask friends and family to sift through your site and note any weaknesses in the overall site flow and user experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This can help you knock out any issues that are quick fixes or even ones that you might not have caught yourself.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When\u2019s the last time you walked into a store and had trouble finding what you were looking for? Do you remember feeling frustrated? Unsatisfied? In a lot of ways, the layout of a store is similar to the layout of your website, in that visitors should easily be able to find what they\u2019re looking for.<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":141796,"template":"","resource-topic":[912,901],"resource-role":[895,1397,896,897],"resource-type":[916],"class_list":["post-139740","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Test Your WordPress Site for Mobile Usability Problems<\/title>\n<meta name=\"description\" content=\"Creating a mobile website is a new web standard and super important. Learn how to problem solve and test your site&#039;s mobile usability today!\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Test Your WordPress Site for Mobile Usability Problems\" \/>\n<meta property=\"og:description\" content=\"Creating a mobile website is a new web standard and super important. Learn how to problem solve and test your site&#039;s mobile usability today!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-23T16:04:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2017\/07\/usability-header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How to Test Your WordPress Site for Mobile Usability Problems\" \/>\n<meta name=\"twitter:description\" content=\"Creating a mobile website is a new web standard and super important. Learn how to problem solve and test your site&#039;s mobile usability today!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2017\/07\/usability-header.png\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/\",\"name\":\"How to Test Your WordPress Site for Mobile Usability Problems\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2017-07-25T18:30:22+00:00\",\"dateModified\":\"2023-03-23T16:04:08+00:00\",\"description\":\"Creating a mobile website is a new web standard and super important. Learn how to problem solve and test your site's mobile usability today!\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Test Your WordPress Site for Mobile Usability Problems\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Test Your WordPress Site for Mobile Usability Problems","description":"Creating a mobile website is a new web standard and super important. Learn how to problem solve and test your site's mobile usability today!","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"How to Test Your WordPress Site for Mobile Usability Problems","og_description":"Creating a mobile website is a new web standard and super important. Learn how to problem solve and test your site's mobile usability today!","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2023-03-23T16:04:08+00:00","og_image":[{"width":1100,"height":500,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2017\/07\/usability-header.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"How to Test Your WordPress Site for Mobile Usability Problems","twitter_description":"Creating a mobile website is a new web standard and super important. Learn how to problem solve and test your site's mobile usability today!","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2017\/07\/usability-header.png","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/","name":"How to Test Your WordPress Site for Mobile Usability Problems","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2017-07-25T18:30:22+00:00","dateModified":"2023-03-23T16:04:08+00:00","description":"Creating a mobile website is a new web standard and super important. Learn how to problem solve and test your site's mobile usability today!","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/test-wordpress-site-mobile-usability-problems\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"How to Test Your WordPress Site for Mobile Usability Problems"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2017\/07\/usability-grid.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Agency, Designer, Developer, Freelancer","topic":"<strong>Topics:<\/strong> Performance, WordPress","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/139740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/141796"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=139740"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=139740"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=139740"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=139740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}