{"id":10592,"date":"2018-01-17T08:22:07","date_gmt":"2018-01-17T13:22:07","guid":{"rendered":"https:\/\/www.invespcro.com\/blog\/?p=10592"},"modified":"2018-01-17T08:22:07","modified_gmt":"2018-01-17T13:22:07","slug":"navigational-stress-test","status":"publish","type":"post","link":"https:\/\/www.invespcro.com\/blog\/navigational-stress-test\/","title":{"rendered":"Navigational Stress Tests: How to Increase Conversions With Three Simple Questions?"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 9<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span><p>People believe that the key ingredient to making an attractive and useful webpage lies in its design quality. But the real underlying current that drives a visitor forward is the site\u2019s usability and navigation. User satisfaction significantly depends on the informational architecture of a website and how it delivers the necessary information.<!--more-->Unfortunately, the ability to easily navigate through a page, and find the necessary information is often prioritized lower than aesthetics. For the best user experience and visitor satisfaction, optimizing a webpage\u2019s navigational capability is imperative. And to quantitatively determine just how well a page can do that, we rely on the navigational stress test. This blog will highlight the significance of user navigation and how we can capitalize on it.<\/p>\n<p>The navigational stress test is just one quantitative measure of a website\u2019s overall user-friendliness. Approaching Conversion Rate Optimization is done through refining many parameters on a site. We do this via the SHIP method: Scrutinize, hypothesize, implement, propagate.<\/p>\n<h2><strong>The SHIP method<\/strong><\/h2>\n<div class=\"blog_img\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-10595 size-full alignnone\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/2.1-shipmethod-pixabay.jpg\" alt=\"\" width=\"680\" height=\"1017\" \/><\/div>\n<p>The SHIP methodology is a 12 step comprehensive approach to evaluating a website\u2019s conversion rate and how it can be optimized. One of the parameters that affect these conversion numbers is the navigational ease or \u201cscent\u201d of a webpage. Getting visitor A and B who may have different motivations and interests means providing them with the necessary elements that will allow them to find the adequate information they were seeking without frustration.<\/p>\n<p>The navigational stress test is one of the key areas of Invesp\u2019s SHIP (scrutinize, hypothesize, implement, propagate) process.\u00a0 Each part of this process is designed to elevate a marketer\u2019s understanding of the visitors, their behaviors, and how to design for them.<\/p>\n<h3><strong>Scrutinizing and best practices<\/strong><\/h3>\n<p>The basic concept of the navigation stress test is to examine a webpage based on its intended purpose and establish how well the webpage can convey its information. A page should effortlessly display essential information to its visitors regarding where they are and where they need to go. A visitor should have to put minimal effort to get answers to these questions.<\/p>\n<p>To better understand how much of an impact information architecture and navigation of a site can have, we use the example of<a href=\"http:\/\/www.skinnyties.com\/\"> skinnyties<\/a>. The site originated in 1997, but over the years, the site required revamping.<\/p>\n<p>Below is a screenshot of their home page before they reinvented their layout.<\/p>\n<div class=\"blog_img\"><img decoding=\"async\" class=\"aligncenter wp-image-10596 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/3.1.jpg\" alt=\"\" width=\"680\" height=\"485\" \/><\/div>\n<p>Off the bat, the range or scale of the products offered isn\u2019t clear. Links such as \u2018My Account\u2019, \u2018My Cart\u2019, and \u2018Login\u2019 are relatively of lesser importance but are placed at the top of the page. This ends up compromising on good special utilization, which is important for a site like this which emphasizes on visuals a lot. Contact information should be provided at the end of the page after the visitor has viewed the variety of the products. This is because the visitors\u2019 attention deviates to the center image directly. This makes it difficult for them to find relevant links.<\/p>\n<p style=\"text-align: left;\">Irrelevant content about swatches, just below the image doesn\u2019t help the visitor orient himself. Also, space utilization is poor in the initial bracket of the page.<\/p>\n<p style=\"text-align: left;\">Now let\u2019s consider the redesigned page of skinnyties that launched in October 2012:<\/p>\n<div class=\"blog_img\"><img decoding=\"async\" class=\"wp-image-10597 size-full aligncenter\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/4.1.jpg\" alt=\"\" width=\"680\" height=\"323\" \/><\/div>\n<p style=\"text-align: left;\">With minimum content, the page conveys its intention &#8211; A wide selection of ties to dress better. Redefining how the ties are characterized, a visitor finds it easier to discover a tie of his liking. Filtering based on the collection, color, width, fabric etc. proved to be more effective than 1 \u00bd\u2019\u2019, 2\u2019\u2019, specials, etc. Also, these filters are strategically placed and more easily accessible.<\/p>\n<p style=\"text-align: left;\">The developer rebuilt the store\u2019s information architecture (IA) from the product-level outward. <a href=\"http:\/\/gravitydept.com\/blog\/skinny-ties-and-responsive-ecommerce\">Brendan Falkowski explains:<\/a><\/p>\n<blockquote><p><em>\u201cEvery tie has structured attributes for width, length, color, fabric, and pattern. Open-ended navigation creates multiple entry paths for every product and enables refining by any attribute at any time.\u201d<\/em><\/p><\/blockquote>\n<p style=\"text-align: left;\">The website experienced a 42.4% revenue increase after the new design was launched.<\/p>\n<p style=\"text-align: left;\">Cluttering the webpage with too much content can disorient a customer. Clear-cut and straightforward information provided at the right places proves to be far more effective.<\/p>\n<h2 style=\"text-align: left;\"><strong>The Navigation Stress Tests Expert reviews<\/strong><\/h2>\n<p style=\"text-align: left;\"><strong>\u00a0<\/strong>One of the parameters that are used to define a sites navigational performance is by tree testing or card-based classification. This defines the find-ability of a product or a page on the overall website. The information architecture of a site dramatically depends on the classification or assortment of information. Easily understood subheadings and titles allows a visitor to make his way through a website without getting lost.<\/p>\n<div class=\"blog_img\" style=\"text-align: left;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10599 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/5.1.jpg\" alt=\"\" width=\"680\" height=\"623\" \/>A large percentage of your audience doesn\u2019t visit a page via the home page. Indirect traffic is common as users get redirected to specific pages via, links, blogs, advertisement or URL. Keeping this in mind, it is essential to make each page understandable to the users. If a user is not able to acclimatize to a specific page, they will eventually lose interest and abandon the site. Information architecture plays a vital role in preventing this.\u00a0<a href=\"https:\/\/www.uxmatters.com\/mt\/archives\/2017\/02\/information-architecture-the-structure-behind-your-user-interface.php\">Nathaniel Davis explains:<\/a><\/div>\n<blockquote>\n<p style=\"text-align: left;\"><em>\u201cInformation architecture\u2019s interest in structure runs wide and deep, and that is why it is hard to separate an environment\u2019s structural concerns from broad, strategic factors such as business objectives, user insights, and technology.\u201d<\/em><\/p>\n<\/blockquote>\n<p>An unbiased opinion brings a fresh perspective to the table and identifies issues that one wouldn\u2019t usually notice. A team of experts, without any bias, evaluate a list of factors including content strategy, technical writing, interaction design, space utilization and card sorting capability. <a href=\"https:\/\/www.cmswire.com\/digital-experience\/how-information-architecture-improves-customer-experience\/\">Kevin Parker explains<\/a>:<\/p>\n<blockquote><p><em>\u201cIA improves findability. So much content is created but never found, which is a waste of time and resources. Better IA helps connect related content and surface it to the right customers at the right times\u201d<\/em><\/p><\/blockquote>\n<h2 style=\"text-align: left;\"><strong>How Navigation Stress Tests work<\/strong><\/h2>\n<p>The primary function of any web page is to convey information. For this to happen, it becomes necessary to ask three fundamental questions regarding your page; that is:<\/p>\n<ul>\n<li>Where am I?<\/li>\n<li>What is this about?<\/li>\n<li>Where can I go?<\/li>\n<\/ul>\n<p>The three questions mentioned above are relevant in both the scenarios. When a user visits your page, he requires answers to these questions.<\/p>\n<p>Let\u2019s consider an example to wrap our heads around this concept better. We\u2019ll use\u00a0Below is a link to <a href=\"http:\/\/www.suzannecollinsbooks.com\/works.htm\">Suzanne Collins<\/a>\u2019 web page\u00a0to drive the point better across. Suzanne Collins is the author of the \u2018Hunger Games\u2019 book trilogy. The link to her webpage is provided below.<\/p>\n<h3><strong>Where am I?<\/strong><\/h3>\n<p>It\u2019s necessary to know your location on a map to use it. Similarly, a user needs to know his position or location within the webpages to better navigate himself. Considering the link above, a shortcoming of the page is that a visitor finds it difficult to understand which of the four subcategories he\/she is visiting. Is it \u2018Home\u2019, \u2018Biography\u2019, \u2018Works\u2019, or \u2018Interview\u2019? The user should not have to decipher his location by reading or decoding the URL. Furthermore, the subcategory list is poorly placed.<\/p>\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10602 size-full aligncenter\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/6.1.jpg\" alt=\"\" width=\"680\" height=\"313\" \/><\/div>\n<h3><strong>What is this about?<\/strong><\/h3>\n<p>This question is an obvious one. The page should communicate the information efficiently and simplistically. The link in question doesn\u2019t explain the purpose of the page.\u00a0 Not providing links to the book\u2019s icons shows rigid navigation pathways. And of course, having good quality content is paramount.<\/p>\n<h3><strong>Where can I go?<\/strong><\/h3>\n<p>For improving the conversion ratio of our page, we need the visitor\/user to complete specific actions. The execution of this series of steps needs to be a streamlined process. If the user is required to put in more effort than he wants to, he\u2019ll end up abandoning the task. Therefore, presenting the following steps in an attractive, yet accessible manner is crucial. The link doesn\u2019t provide a direct path to purchasing any books and doesn\u2019t indicate a direct link to the home page at the top left corner or at the center where the name \u2018Suzanne Collins\u2019 is displayed.<\/p>\n<p>While these questions are the major factors affecting the Navigational Stress Test, they are not the only ones. But we\u2019ll talk about them a little later on.<\/p>\n<h2>What kind of data does Navigation Stress Tests provide?<\/h2>\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10603 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/7.1.jpg\" alt=\"\" width=\"680\" height=\"723\" \/><\/div>\n<p>To put it simply, tangible data.<\/p>\n<p>The concept of the navigational stress test is to employ a method of validating the navigation elements of a web page without the need for testing it with users. Instead, using the insights provided by experts to conclude the page\u2019s capabilities.<\/p>\n<h3>How can that data be used?<\/h3>\n<p>Now that the Navigation Stress Test has been conducted, and we have acquired the insights that are needed, there are a few approaches that can be followed regarding utilization of this data. If the test suggests that the page passes every criterion, you\u2019re good to go. But let\u2019s be practical, nothing\u2019s perfect on the first try. So, if the test reveals problems, here\u2019s what we do next:<\/p>\n<ol>\n<li>We can either redesign some of the erroneous navigational elements based on the results of the test. And maybe repeat the NST process to confirm the iterated design\u2019s performance; or<\/li>\n<li>Implement user testing to either validate the results or to understand better\/refine the results obtained in the NST.<\/li>\n<\/ol>\n<p>While these are the usual options, a third route does exist where you may feel the test results are not relevant enough and decide to continue with the present page design and navigational elements.<\/p>\n<h2><strong>How to perform a Navigational Stress Test<\/strong><\/h2>\n<h3><strong>1. Where am I? <\/strong><\/h3>\n<p>Draw a rectangle around the title of the page.<\/p>\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10605 size-full aligncenter\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/8.1.jpg\" alt=\"\" width=\"680\" height=\"535\" \/><\/div>\n<h3 style=\"text-align: left;\"><strong>2. What site is this? <\/strong><\/h3>\n<p>Circle the name of the site.<\/p>\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10606 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/9.1.jpg\" alt=\"\" width=\"680\" height=\"535\" \/><\/div>\n<h3><strong>3. What are the main sections of this site? <\/strong><\/h3>\n<p>Mark those sections with an X.<\/p>\n<div class=\"blog_img\">\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10608 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/3.33.jpg\" alt=\"\" width=\"680\" height=\"535\" \/><\/div>\n<\/div>\n<h3><strong>4. Which section is this page in? <\/strong><\/h3>\n<p>Draw a triangle around the X.<\/p>\n<div class=\"blog_img\">\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10610 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/11.1-1.jpg\" alt=\"\" width=\"680\" height=\"535\" \/><\/div>\n<\/div>\n<h3><strong>5. How do you raise a level from this page? <\/strong><\/h3>\n<p>Mark with U.<\/p>\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10611 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/12.1.jpg\" alt=\"\" width=\"680\" height=\"535\" \/><\/div>\n<h3><strong>6. How do you get to the site&#8217;s homepage from this page? <\/strong><\/h3>\n<p>Mark with an H.<\/p>\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10612 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/13.1.jpg\" alt=\"\" width=\"680\" height=\"535\" \/><\/div>\n<h3><strong>7. How do you get to the homepage of the section to which this page belongs? <\/strong><\/h3>\n<p>Mark with T.<\/p>\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10613 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/14.1.jpg\" alt=\"\" width=\"680\" height=\"535\" \/><\/div>\n<h3><strong>8. What does each of the link sets represent? <\/strong><\/h3>\n<p>Mark the main sets of links and labels.<\/p>\n<ul>\n<li>D: Subpages of the current one.<\/li>\n<li>N: Pages of the same level as the current and the same section.<\/li>\n<li>S: Pages from the same site, but not from the same section.<\/li>\n<li>O: Off-site pages.<\/li>\n<\/ul>\n<div class=\"blog_img\">\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10615 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/15.1.jpg\" alt=\"\" width=\"680\" height=\"535\" \/><\/div>\n<\/div>\n<h3><strong>9. How would you get to this page from the homepage? <\/strong><\/h3>\n<p>Enter the set of selections you would have to do.<\/p>\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10616 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/16.1.jpg\" alt=\"\" width=\"680\" height=\"535\" \/><\/div>\n<p>These steps help surface certain <a href=\"https:\/\/www.invespcro.com\/blog\/7-methods-to-uncover-problems-on-your-website\/\">usability issues<\/a> that can go unnoticed.<\/p>\n<p>Below are screenshots of the carried out exercise for better understanding.<\/p>\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10617 size-full\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/17.1.jpg\" alt=\"\" width=\"680\" height=\"336\" \/><\/div>\n<p>&nbsp;<\/p>\n<div class=\"blog_img\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10618 size-full aligncenter\" src=\"https:\/\/www.invespcro.com\/blog\/images\/blog-images\/18.1-1.jpg\" alt=\"\" width=\"680\" height=\"867\" \/><\/div>\n<div class=\"blog_img\" style=\"text-align: left;\">\u00a0This procedure provides better results when conducted individually by multiple people with no biases. By comparison, we obtain a greater number of insights and a more refined outcome.<\/div>\n<h2><strong>How to interpret the resulting data<\/strong><\/h2>\n<p>Based on the navigational stress test we conduct, specific elements on a page can be defined as unessential, essential or requiring modification. The inessential information and links need to a . This leads to better presentation of information when a visitor lands on any page.<\/p>\n<p>Essential elements need to be given priority and presented in an accessible manner since they obtain the most number of clicks.<\/p>\n<p>The elements that require modification need to be altered such that they provide a clear indication of their intent and contribute to the page in an impactful manner.<\/p>\n<p>One of the best practices to optimize a page\u2019s navigation is to follow these steps:<\/p>\n<ul>\n<li>Remove items that rarely get clicked, if they aren\u2019t critical.<\/li>\n<li>Rename or relabel that rarely get clicked, if they are important.<\/li>\n<li>Move items that often get clicked to the beginning.<\/li>\n<\/ul>\n<p><strong>Conclusion<\/strong><\/p>\n<p>The Navigational Stress Test was developed in 1998 when the internet was still in its infancy. That doesn\u2019t make it any less relevant today. In a world where websites can make or break a company, the NST has become increasingly significant for quantifying user interactions.<\/p>\n<p>Information architecture is greatly influenced by a website\u2019s navigation capabilities.<\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 9<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>People believe that the key ingredient to making an attractive and useful webpage lies in its design quality. But the real underlying current that drives a visitor forward is the site\u2019s usability and navigation. User satisfaction significantly depends on the informational architecture of a website and how it delivers the necessary information.<\/p>\n","protected":false},"author":50,"featured_media":10594,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[85,87,498],"class_list":["post-10592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cro","tag-beginner","tag-general","tag-heuristic-evaluation"],"_links":{"self":[{"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/posts\/10592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/comments?post=10592"}],"version-history":[{"count":0,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/posts\/10592\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/media\/10594"}],"wp:attachment":[{"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/media?parent=10592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/categories?post=10592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.invespcro.com\/blog\/wp-json\/wp\/v2\/tags?post=10592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}