{"version":3,"sources":["webpack:///./src/components/usability-testing/banner/styled.js","webpack:///./src/components/usability-testing/banner/index.js","webpack:///./src/pages/usability-testing/mobile-usability-test.js","webpack:///./src/helpers/transformImages.js"],"names":["Banner","styled","div","media","mobile","title","desc","style","className","signUp","secondary","center","sourceID","defaultProps","undefined","withUsabilityTestingTemplate","link","useSourceParams","useStaticQuery","edges","allFile","lspreview","images","transformImages","href","target","rel","fluid","traits","node","childImageSharp","alt","planning","shop","project","desktop","phones","list","res","el","name"],"mappings":"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","file":"component---src-pages-usability-testing-mobile-usability-test-js-8029a909d866f28a5c60.js","sourcesContent":["import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\n\nexport const Banner = styled.div`\n width: 100%;\n padding: 64px 73px;\n text-align: center;\n background: #f8f8f8;\n border-radius: 4px;\n margin: 80px 0;\n ${media.mobile} {\n padding: 24px 16px;\n margin: 40px 0;\n }\n & .banner-title {\n font-size: 36px;\n line-height: 45px;\n margin-bottom: 24px;\n margin-top: 0;\n font-weight: 800;\n }\n & p {\n margin-bottom: 40px;\n }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from 'components/ui/button';\nimport * as Styled from './styled';\n\nconst Banner = ({ title, desc, style }) => {\n return (\n {desc || 'Test all LiveSession features for 14 days, no credit card required.'}{title || `Improve usability testing with LiveSession`}
\n
\n Mobile usability testing is a method of{' '}\n \n usability testing\n {' '}\n performed on mobile products. The purpose of a usability test is to gauge the experience of\n the end-users with your products.\n
\n\n There are several reasons why you should conduct usability testing for mobile apps – from\n understanding your product better, identifying the loopholes, getting unbiased feedback, to\n eventually increasing sales. Here are some major benefits that can be derived by conducting\n mobile usability testing:\n
\n\n Usability testing is the best way to gauge the user’s in-app behavior in real-time. It gives\n you an insight into how easy it is for users to use your app and how much the end-users\n appreciate your product.\n
\n\n Mobile applications, no matter how carefully developed, are bound to have some issues. These\n problems can be as simple as a confusing piece of microcopy or as big as a server error. By\n conducting usability testing, you can identify and rectify them beforehand.\n
\n\n By pinpointing which features strike the fancy of your users, you can focus all your efforts\n on developing them. This will not only optimize development costs but will also direct the\n customers away from your competition towards your app.\n
\n\n Having repeat, long-term customers is the goal of any mobile app developer.\n By understanding the user behavior patterns, you can adjust the application to cater your\n target audiences’ specific needs.. This in turn enhances your app’s retention rate..\n
\n\n While having a great user interface and app functionality is important, offering in-app\n purchase options can elevate your sales to a new level. The usability test will also help\n you in developing a seamless user and customer service experience.\n
\n\n A mobile usability test is conducted by choosing a set of designated users that are asked to\n interact with your mobile app in different ways. Their interactions and behavior patterns\n are documented to assess if there are any issues or bugs in the app and whether it speaks\n well to the end-users or not.\n
\n\n The mobile usability testing gives a peek into how your target audience might use your app\n in the real world. It also allows you to separate yourself from the app and look at your\n product through the eyes of your users. Conducting a usability test on your app is\n imperative before launch to mitigate risk.. If you figure out the problem areas of your app\n beforehand, it is easy to fix them. Once your app goes into production, however,\n backtracking and fixing bugs becomes more challenging.\n
\n\n \n Research proves\n {' '}\n that usability testing is the key to the success of any app. People rely heavily on their\n smartphones for everything and mobile app usage is spiking. Ironically, there are still\n thousands, if not millions of apps that go unnoticed. This is all because developers are\n either not investing time in conducting usability testing or they are just not doing it\n right.\n
\n\n So, what does it take to ensure that your app usability testing is an effective and\n insightful process? The best way is to create a step-by-step plan ahead of your actual user\n testing session.\n
\n\n Schedule a team meeting before the testing phase begins to identify what you know and what\n information gaps you are trying to fill through the usability test. Carving out objectives\n and deciding on which aspects of the app to test should be the first and foremost step.\n
\n\n Come up with a list of questions and scenarios to hand out to your participants. Organizing\n your tasks in various scenarios expedites the testing process and makes it easier for both\n the developers and the participants to conduct and understand the results of the testing.\n
\nDocument everything to make sure you stay on track.
\n\n A key factor in usability testing is deciding on the number and type of participants.\n Consider the demographics and select certain personality types to make sure your test\n participants reflect your target audience.\n
\n\n Figure out whether you want to conduct in-house or remote testing. Both options have pros\n and cons. Remote testing is beneficial for businesses that are on a tight budget or have\n time constraints. Whereas, the moderated or in-lab testing gives you the power to observe\n user expressions in real-time and receive instant feedback from the participants.\n
\nHere are the tools that will make your usability testing go seamlessly:
\n\n \n This tool\n {' '}\n includes a complete app marketing package that comes equipped with powerful A/B testing\n features. The number of participants that can take the test is unlimited, it also allows you\n to build target groups based on demographics and other selected criteria.\n
\n\n Source:{' '}\n \n Swrve\n \n
\n\n \n Loop 11\n {' '}\n lets you conduct remote usability tests and invite testers via social media At the end of\n the testing session, you receive a report with certain stats like task completion rate,\n successful and failed aspects of the app, the time spent per task, and common navigation\n paths, to name a few.\n
\n\n Source:{' '}\n \n Loop 11\n \n
\n\n \n UserZoom\n {' '}\n enhances usability testing by providing you with participants to test the apps in their\n natural environment. The ability to track the facial expressions of the users as they use\n each feature and the time spent on each task, among other things, makes this tool quite\n handy. Observing users in an artificial environment with cue cards can sometimes provide\n altered results, but this is not the case with UserZoom.\n
\n\n Source:{' '}\n \n UserZoom\n \n
\n\n This unique tool offers expert consultation with the{' '}\n \n Applause\n {' '}\n staff who guide you in vetting the best participants for your mobile usability test. They\n also offer usability surveys and audits along with mock survey questions.\n
\n\n Source:{' '}\n \n Applause\n \n
\n\n This top of the line tool provides session replays and offers recordings of your usability\n test. Recording and replaying the test sessions helps in understanding the small nuances and\n how well the users interact with your website on both mobile and desktop. If you want to\n improve your overall UX, eliminate muddy processes, and remove bugs and errors from your\n website or hybrid app, then it’s best to invest in LiveSession. We offer a{' '}\n \n free trial\n \n .\n
\n\n Source:{' '}\n \n LiveSession\n \n
\n\n Nothing is more frustrating than developing and launching a trendy new mobile app that does\n not speak well to the end-users. If you want to collect in-app analytics, avoid low user\n adoption rates, and boost your sales, mobile usability testing is the way to go before\n launching your app.\n
\nHere is a brief recap of the key findings discussed in the article:
\nAll that’s left to say is good luck with your mobile usability testing!
\n >\n );\n};\n\nexport default withUsabilityTestingTemplate(UsabilityReporting);\n","/* eslint-disable no-restricted-syntax */\n/* eslint-disable guard-for-in */\nexport const transformImages = (list) => {\n const res = [];\n for (const el of list) {\n res[el.node.name] = el;\n }\n return res;\n};\n"],"sourceRoot":""}