{"version":3,"sources":["webpack:///./src/helpers/transformImages.js","webpack:///./src/pages/user-experience/ux-research.js"],"names":["transformImages","list","res","el","node","name","withUsabilityTestingTemplate","paragraph","useSourceParams","edges","useStaticQuery","allFile","images","href","target","rel","fluid","uxactivities","childImageSharp","alt","title","analyzing","link"],"mappings":"k8BAEO,IAAMA,EAAkB,SAACC,GAE9B,IADA,IACA,EADMC,EAAM,GACZ,IAAiBD,KAAjB,aAAuB,CAAC,IAAbE,EAAY,QACrBD,EAAIC,EAAGC,KAAKC,MAAQF,EAEtB,OAAOD,I,kCCPT,iHAuTeI,uBA/SI,WACjB,IAAMC,EAAYC,YAAgB,UAErBC,EACTC,yBAAe,aADjBC,QAAWF,MAsBPG,EAASZ,YAAgBS,GAC/B,OACE,oCACE,4DACA,kXAMA,yZAKuC,KAEvC,iDACsB,IACpB,kBAAC,IAAD,CACEI,KAAK,8EACLC,OAAO,SACPC,IAAI,gCAHN,UAFF,qOAaA,qIAEgB,KAEhB,oDACA,sTAOA,+HAIA,qDACA,ieAQA,oDAEA,kZAOA,uTAMA,0EACA,yHAC8F,IAC5F,kBAAC,IAAD,CACEF,KAAK,4DACLC,OAAO,SACPC,IAAI,gCAHN,UAFF,sDAWA,oEACA,kBAAC,IAAD,CACEC,MAAOJ,EAAOK,aAAab,KAAKc,gBAAgBF,MAChDG,IAAI,sDACJC,MAAM,gCAER,kDACA,wEACA,4BACE,4BACE,iDADF,8IAEmF,KAEnF,4BACE,0DADF,yTAMA,4BACE,mDADF,meAMqF,KAErF,4BACE,wDADF,mXAKuD,MAGzD,2BACE,gEADF,4LAKA,kDACA,mFACA,4BACE,4BACE,4DADF,uFAEkD,IAChD,kBAAC,IAAD,CACEP,KAAK,iGACLC,OAAO,SACPC,IAAI,gCAHN,uBAMQ,IATV,oNAYkC,KAElC,4BACE,oDADF,2LAG0C,KAE1C,4BACE,2BACE,gDADF,0HAGE,kBAAC,IAAD,CACEF,KAAK,uEACLC,OAAO,SACPC,IAAI,gCAEH,IALH,gBAOQ,IAVV,gGAYQ,KAER,kBAAC,IAAD,CACEC,MAAOJ,EAAOS,UAAUjB,KAAKc,gBAAgBF,MAC7CG,IAAI,eACJC,MAAM,0CAER,qCACU,IACR,kBAAC,IAAD,CACEP,KAAK,0CACLC,OAAO,SACPC,IAAI,gCAHN,cASJ,4BACE,gDADF,8RAOF,2BACE,gEADF,uLAKA,+CACA,iFACA,4BACE,4BACE,qDADF,0CAC4E,IAC1E,kBAAC,IAAD,CAAMF,KAAK,sBAAsBC,OAAO,SAASC,IAAI,uBAArD,qBAEQ,IAJV,4YAS2C,IACzC,kBAAC,IAAD,CAAMF,KAAMN,EAAUe,KAAMR,OAAO,SAASC,IAAI,uBAAhD,eAEQ,IAZV,aAeA,4BACE,mDADF,wLAGoC,KAEpC,4BACE,uDADF,kMAMF,gDACA,8HAIA,4BACE,4BACE,4DADF,8QAI4C,KAE5C,4BACE,yDADF,oTAIuF,IACrF,kBAAC,IAAD,CAAMF,KAAK,oBAAoBC,OAAO,SAASC,IAAI,uBAAnD,mBAEQ,IAPV,0DAQ0D,KAE1D,4BACE,kDADF,wNAKA,4BACE,oEADF,iDAEW,IACT,kBAAC,IAAD,CACEF,KAAK,iDACLC,OAAO,SACPC,IAAI,gCAHN,yBAMQ,IATV,mNAYqC,MAGvC,2BACE,gEADF,2HAIA,uCACA,grBAUA","file":"component---src-pages-user-experience-ux-research-js-d105401eb2733f5f52fb.js","sourcesContent":["/* 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","import React from 'react';\nimport withUsabilityTestingTemplate from 'hoc/content-cluster';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport Img from 'gatsby-image';\nimport Link from 'components/ui/link';\nimport { transformImages } from 'helpers/transformImages';\nimport { useSourceParams } from 'hooks/useSourceParams';\n\nconst UXResearch = () => {\n const paragraph = useSourceParams('stage3');\n const {\n allFile: { edges },\n } = useStaticQuery(graphql`\n query UXResearch {\n allFile(\n filter: {\n extension: { regex: \"/(jpg)|(jpeg)|(png)/\" }\n relativeDirectory: { eq: \"user-experience/ux-research\" }\n }\n ) {\n edges {\n node {\n name\n childImageSharp {\n fluid(quality: 95) {\n ...GatsbyImageSharpFluid_withWebp\n }\n }\n }\n }\n }\n }\n `);\n const images = transformImages(edges);\n return (\n <>\n

Why Does UX Research Matter?

\n

\n Before venturing into UX prototyping, it is worth explaining what a prototype is and what\n business benefits it brings. A prototype is an elementary design that has the potential to\n turn into the final product. It is a basic version of a product that enables you to conduct\n initial product testing and collect feedback from potential users.\n

\n

\n Designing a product is a challenging endeavor. However, user experience research makes it\n easier by providing the necessary data required at each step of product design. It allows\n you to validate your hypothesis and analyze your product against a backdrop of similar\n solutions on the market. It also guides you in understanding the end user's\n expectations, goals, and challenges.{' '}\n

\n

\n As aptly noticed by{' '}\n \n Toptal\n \n , “user experience research is one of the most misunderstood yet critical steps in UX\n design. Sometimes treated as an afterthought or an unaffordable luxury, UX research, and\n user testing should inform every design decision”.\n

\n

\n Now that we know the gist of it, let us explore the different types of UX research in the\n next section.{' '}\n

\n

Types of UX Research

\n

\n UX research can be roughly divided into two types – qualitative and quantitative. These\n research types gather data in a contrasting way. While qualitative studies are based on\n direct observations, quantitative studies gather numerical data – for instance, through\n online surveys.\n

\n\n

\n Once combined, these two types can provide a great depiction of your customer's wants\n and needs.\n

\n

Quantitative research

\n

\n This type of research quantifies or gathers measurable data. It offers precise and fixed\n figures and numbers to work with. As an example, it can show you how many users purchased\n your product via the e-commerce app or the percentage of visitors that added an item to\n their wish list. This method lets you put a number or statistic on the usability of your\n product. Also, design comparisons can be made to determine which version outsmarts the\n others.\n

\n

Qualitative research

\n\n

\n Qualitative research discovers the reasons behind quantitative actions taken by end-users.\n As an example, scenarios like why a user added a certain item to a wish list instead of\n purchasing it, or why they bounced from your website can be explored via employing this\n method. While quantitative data is fixed in nature, qualitative data is more open-ended and\n descriptive.\n

\n

\n It’s important to note that user experience research should be conducted at every stage of\n your product design and development. Fortunately, different research methods can aid in this\n process. Depending on the stage of development – some methods might take precedence over\n others.\n

\n

UX Research Methods – When to Choose Which

\n

\n According to the Nielsen Norman Group, UX research methods can be divided roughly into four{' '}\n \n stages\n \n . These are: Discover, Explore, Learn, and Listen.\n

\n

Let us look at each method in detail.

\n \n

Stage 1 – Discover

\n

In the ‘Discover’ stage, methods include:

\n \n

\n When are these methods used? These methods are applied when you wish to\n discover user needs, expectations, and problems. They are used when you are considering\n developing a product and need to validate your idea.\n

\n

Stage 2 – Explore

\n

The methods employed in the ‘Explore’ stage include:

\n \n

\n When are these methods used? The above methods are used for exploring and\n validating potential user paths, designs, and product features before you invest your time\n and resources into developing the product.\n

\n

Stage 3 – Learn

\n

In the ‘Learn’ stage, UX research methods include:

\n \n

Stage 4 – Listen

\n

\n In the fourth stage, among others, user experience researchers can apply the following\n methods:\n

\n \n

\n When are these methods used? These methods are used for improving UX and\n adjusting the product to users’ and the market’s changing needs over time.\n

\n

Summary

\n

\n UX research is an indispensable element of any UX process. It is applied across all stages\n of product development – both in the early ideation and design phases, as well as once it’s\n up and running. Conducting effective UX research can be performed across a variety of\n methods, and helps you maximize the profits and returns for your products and services.\n Last, but not least, it allows you to validate your hypothesis and analyze your product\n against similar solutions and guides you in understanding the end user's expectations,\n goals, and challenges. Follow the methods we discussed in this post, and you’ll be sure to\n ace your user experience research.\n

\n

Good luck!

\n \n );\n};\n\nexport default withUsabilityTestingTemplate(UXResearch);\n"],"sourceRoot":""}