{"version":3,"sources":["webpack:///./src/components/usability-testing/banner/styled.js","webpack:///./src/components/usability-testing/banner/index.js","webpack:///./src/pages/usability-testing/what-is-usability-testing.js","webpack:///./src/img/ui/arrow_white.svg"],"names":["Banner","styled","div","media","mobile","title","desc","style","className","signUp","secondary","center","sourceID","defaultProps","undefined","withUsabilityTestingTemplate","useStaticQuery","devices","revenue","player","fluid","childImageSharp","alt","href","rel","target","src","arrow","module","exports"],"mappings":"4JAGaA,EAASC,IAAOC,IAAV,oEAAGD,CAAH,qQAOfE,IAAMC,QCLJJ,EAAS,SAAC,GAA4B,IAA1BK,EAAyB,EAAzBA,MAAOC,EAAkB,EAAlBA,KAAMC,EAAY,EAAZA,MAC7B,OACE,kBAAC,EAAD,CAAeA,MAAOA,GACpB,wBAAIC,UAAU,gBAAgBH,GAAK,8CACnC,2BAAIC,GAAQ,uEACZ,kBAAC,IAAD,CAAQG,QAAM,EAACC,WAAS,EAACC,QAAM,EAACC,SAAS,cAAzC,kBAOSZ,MAQfA,EAAOa,aAAe,CACpBP,UAAMQ,EACNP,WAAOO,I,kCC3BT,0HAmVeC,uBA3UgB,WAC7B,MAAqCC,yBAAe,aAA5CC,EAAR,EAAQA,QAASC,EAAjB,EAAiBA,QAASC,EAA1B,EAA0BA,OA6B1B,OACE,oCACE,0DACA,iSAKA,kBAAC,IAAD,CACEC,MAAOH,EAAQI,gBAAgBD,MAC/BE,IAAI,oBACJjB,MAAM,sBAER,8GACA,qJAIA,sIAIA,4OAKA,sFACA,+HAEgB,IACd,kBAAC,IAAD,CACEkB,KAAK,4EACLC,IAAI,+BACJC,OAAO,UAHT,iBAMQ,IATV,qCAYA,4BACE,4BACE,gDADF,mGAIA,4BACE,8CADF,4GAIA,4BACE,gDADF,yNAKA,4BACE,kDADF,+HAIA,4BACE,gDADF,kDAIF,+JAIA,iEACA,6LAIA,0GACA,wDACA,qJAIA,wGACA,yGAC8E,IAC5E,kBAAC,IAAD,CACEF,KAAK,gFACLC,IAAI,+BACJC,OAAO,UAHT,2BAFF,2BAWA,oDACA,sNAIA,yJAIA,uDACA,wHAC6F,IAC3F,kBAAC,IAAD,CACEF,KAAK,uDACLC,IAAI,+BACJC,OAAO,UAHT,uBAMQ,IARV,oJAYA,kBAAC,IAAD,CACEL,MAAOF,EAAQG,gBAAgBD,MAC/BE,IAAI,aACJjB,MAAM,yDAER,qCACU,IACR,kBAAC,IAAD,CACEkB,KAAK,uDACLC,IAAI,+BACJC,OAAO,UAHT,YAQF,oEACA,iKAEwC,iCAFxC,kIAKA,yFACA,wQAKA,kBAAC,IAAD,CAAQpB,MAAM,+CACd,wEACA,sDAC2B,IACzB,kBAAC,IAAD,CAAMkB,KAAK,sBAAsBE,OAAO,SAASD,IAAI,uBAArD,qBAFF,8GAQA,wEACA,2PAKA,qHACA,yGACA,4BACE,yEAEF,4BACE,4BACE,+CADF,8WAOA,4BACE,oDADF,mXAOA,4BACE,mEADF,+WAOA,4BACE,gDADF,0PAOF,iEACA,mNAKA,4BACE,4BACE,mDADF,6OAKA,4BACE,wDADF,IACyC,IACvC,kBAAC,IAAD,CACED,KAAK,gDACLC,IAAI,+BACJC,OAAO,UAHT,gBAMQ,IARV,uYAeA,4BACE,sDADF,qBACwD,IACtD,kBAAC,IAAD,CAAMF,KAAK,iCAAX,0BAFF,2PAQF,kBAAC,IAAD,CACEH,MAAOD,EAAOE,gBAAgBD,MAC9BE,IAAI,mCACJjB,MAAM,0CAER,sCACU,kBAAC,IAAD,CAAMkB,KAAK,cAAX,gBAEV,6EACA,iLAIA,sGACA,mDACA,sRAKA,sMAIA,mDACA,gPAKA,uIAIA,qDACA,iGACsE,IACpE,kBAAC,IAAD,CACEA,KAAK,iNAELC,IAAI,+BACJC,OAAO,UAJT,sBAOQ,IATV,iJAaA,oLAIA,6MAIA,uCACA,6hBAQA,yBAAKjB,UAAU,gBACb,kBAAC,IAAD,CAAMe,KAAK,mDACT,6BACE,wCACA,4FAEF,yBAAKG,IAAKC,IAAOL,IAAI,QAAQjB,MAAM,uB,mBC5U7CuB,EAAOC,QAAU","file":"component---src-pages-usability-testing-what-is-usability-testing-js-ccbfef69463ab9aa0f61.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 Usability testing is a form of examining how users interact with a product. Users act as\n test subjects when they interact with it and complete tasks. Testing can be done on your\n website’s navigation, on an app’s user interface, and even on physical products.\n
\nDepending on the design, users will interact differently with various products.
\n\n When we say “usability” this also refers to the methods that can be used to improve\n ease-of-use in the design process.\n
\n\n After all, you want it to be as simple and easy as possible for users to interact and use\n your product.\n
\n\n Testing, from early in the product development to product release and beyond, can provide\n valuable insights and data to improve your current product, when possible, or to inspire\n future product iterations.\n
\n\n If you want to drill down the usability definition even further, these five quality\n components by{' '}\n \n Jakob Nielsen\n {' '}\n of Nielsen Norman Group can help:\n
\n\n Now that you know what usability testing is and how usability works, it’s time to learn why\n usability is so important in design.\n
\n\n There are a lot of usability tests that you can perform, including remote usability testing,\n explorative testing, assessment testing, and comparative testing.\n
\nBut what is usability testing good for and what benefits does it offer you?
\n\n User experience can enhance satisfaction, reduce customer service issues, and increase the\n longevity of product usage.\n
\nAnd if you’re thinking big businesses don’t test usability, you’re wrong.
\n\n Apple tweaked their Mac’s UI to improve user experience, and the result was{' '}\n \n 90% fewer support calls\n \n . Impressive, isn’t it?\n
\n\n Conversions are actions that you want users to take. Perhaps you want the user to purchase a\n pro version of your app – proper usability testing can increase the number of such actions\n
\n\n If you own a website, you may use conversions with your email marketing to improve the\n number of subscribers to your list.\n
\n\n Revenue keeps businesses afloat. Single usability issues can lead to massive revenue loss.{' '}\n \n A bank in Australia\n {' '}\n found one key issue in their app’s design that, when fixed, led to a potential 600% increase\n in revenue generation for mobile loan applications.\n
\n\n Source:{' '}\n \n NextApp\n \n
\n\n Happy users lead to referrals, long-term income, and success. Brands that continue usability\n testing show that they’re committed to their user experience. A company can gain\n the trust of their users by showing their dedication to their customer’s experience.\n
\n\n Big data is everywhere (your smartphone is likely collecting your data right now), and you\n can collect data during testing. When you conduct any type of usability testing, you’re\n gathering data on the user’s behavior and preferences.\n
\n\n We’ve talked a lot about{' '}\n \n usability testing\n \n , but it’s time to find out what the right testing for your business may be. The key types\n of testing are:\n
\n\n In-person and remote usability testing allow the creation of products that are robust,\n user-friendly and ready for market. Your product type and what you’re testing will dictate\n which form is best suited to your product.\n
\nYou wouldn’t evaluate an app’s interface the same way you would test a vacuum – right?
\nThat’s why a mix of testing methods are chosen when refining your product.
\n\n Remote usability alleviates the stress and anxiety users face when tests are conducted\n in-person. A lot of remote methods can be used to gather data, but the most common forms\n are:\n
\n\n Source: LiveSession\n
\n\n Explorative and comparative testing methods provide insights into how users utilize your\n product naturally and how it compares to the competition.\n
\nLet's take a deeper look into these forms of usability testing methods:
\n\n Exploratory testing removes influence on the evaluator, allowing for an on-the-fly\n evaluation to see how users interact with your product. Users may be asked to write down\n notes before the test, but the main goal is to explore your product freely.\n
\n\n Agile models rely heavily on explorative testing because each individual tester is given the\n freedom and responsibility of testing your product or interface naturally.\n
\n\n Comparative tests are used to compare your product against two or more products. When\n performed properly, the test allows you to better understand your product strengths and\n weaknesses versus your competitors.\n
\n\n You can further use comparative testing to generate new ideas, features, and functions for\n your product.\n
\n\n When you want to conduct a general usability test for your product,{' '}\n \n an assessment test\n {' '}\n is what you’ll want to perform. These tests often come after exploratory testing to\n determine how certain aspects of design impact usability.\n
\n\n During an assessment, the user is asked to complete specific tasks and may even speak aloud\n when performing them to give insights into their actions.\n
\n\n You’ll want to run an assessment test in the early and midway phase of product development.\n Tweak your product after testing to improve your design to cater to your audience.\n
\n\n Now that you know what usability testing is, how remote usability testing, in-person,\n comparative, and assessment testing work, it’s time to collect the data your company needs\n to improve your product! By collecting user data, you’ll be able to modify the user\n experience, enhance results, and improve your end-users’ satisfaction. This, in turn, will\n allow you to create a successful product that adds value and is enjoyable to its users.All\n that’s left to say? Good luck on your usability testing endeavours!\n
\nChapter 2
\n24 Usability Testing Questions You Need To Ask Your Audience
\n