{"version":3,"sources":["webpack:///./src/img/user-experience/cover/userexperience1.png","webpack:///./src/img/heatmaps/cover/heatmaps1.png","webpack:///./src/components/ui/startUsing/index.js","webpack:///./src/data/guides/heatmaps/index.js","webpack:///./src/data/guides/usability-testing/index.js","webpack:///./src/data/guides/user-experience/index.js","webpack:///./src/img/usability-testing/usability-testing-cover.png"],"names":["module","exports","StartUsingLS","deleteMarginTop","setMarginTop","link","useSourceParams","useState","email","setEmail","className","style","onSubmit","e","preventDefault","navigate","htmlFor","id","type","name","placeholder","required","value","onChange","target","as","secondary","defaultProps","data","url","title","desc","metaDesc","timeToRead","author","authorKasia","date","heading","button","text","cover","authorAnia","href","rel","metaTitle","role","aria-label"],"mappings":"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","file":"1e123b76ccc8c0361e62d1c83601703df592abdc-5fcb79899628b9fa77aa.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/userexperience1-cfd5a556fa22656cef25e6803bdcf4ef.png\";","module.exports = __webpack_public_path__ + \"static/heatmaps1-73de4aad97d1a0f5aa73e2294683a9a6.png\";","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSourceParams } from 'hooks/useSourceParams';\nimport { navigate } from 'gatsby';\nimport * as Styled from './styled';\n\nconst StartUsingLS = ({ deleteMarginTop, setMarginTop }) => {\n const { link } = useSourceParams('start-using');\n const [email, setEmail] = useState('');\n\n const handleSubmit = (e) => {\n e.preventDefault();\n navigate(`${link}&email=${email}`);\n };\n return (\n \n

\n Start using LiveSession for free now.\n

\n
\n \n \n \n Sign up free\n \n \n
\n

Free 14-day trial

\n

\n No credit card required\n

\n

Easy setup

\n
\n
\n \n );\n};\n\nexport default StartUsingLS;\n\nStartUsingLS.propTypes = {\n deleteMarginTop: PropTypes.bool,\n // eslint-disable-next-line react/forbid-prop-types\n setMarginTop: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n};\n\nStartUsingLS.defaultProps = {\n deleteMarginTop: false,\n setMarginTop: false,\n};\n","import { authorAnia, authorKasia } from 'data/authors';\nimport Link from 'components/ui/link';\nimport React from 'react';\nimport cover from 'img/heatmaps/cover/heatmaps1.png';\n\nexport const data = [\n {\n url: '/heatmaps/',\n title: 'Introduction',\n desc: 'The only guide you need to use heatmaps effectively',\n metaDesc:\n 'Heatmaps are your best friend when it comes to website optimization. Read our comprehensive guide to learn everything you need to know about using heatmaps ',\n timeToRead: 8,\n author: authorKasia,\n date: 'April 29, 2021',\n heading: (\n <>\n

\n Trying to optimize your website without using the right tools such as heatmaps is like\n walking in a jungle without a compass – you’re completely lost. A webpage heatmap helps\n you better understand how your visitors navigate around your site. Without having access\n to it, you’ll be playing a guessing game, and you’ll either win if you’re lucky or lose\n miserably. Either way, it will take you much longer to figure out how you can improve it,\n so why waste time?\n

\n\n

\n In the following guide, we’re going to tell you what a heat map is, what types you can\n use, and how you can benefit from it. We will also cover some best practices and common\n mistakes worth avoiding. Ultimately, we will share the UX improvements that business\n experts achieved with heatmaps and recommend the right tool to supplement your findings\n with. Let’s dive right in.\n

\n \n ),\n button: {\n text: 'Improve your website',\n },\n cover,\n },\n {\n url: '/heatmaps/what-is-a-heat-map/',\n title: 'Chapter 1',\n desc: 'How to define heat maps and what types you can use for your business',\n metaDesc:\n 'Heat maps are a great tool for website optimization. Check out this article to learn about the types of heat maps you can use and their benefits. ',\n timeToRead: 8,\n author: authorAnia,\n date: 'April 29, 2021',\n heading: (\n <>\n

\n Did you know that heat maps were already{' '}\n \n used in the 1800s\n \n ? Since then, as technology progressed, these 2D data visualization tools have evolved and\n are being used in various business areas, including education, digital marketing, and even\n healthcare and fitness apps.\n

\n\n

\n In this article, we will tackle the question “what is a heat map”, discuss how you use\n heat map colors to define data, and what the different types of heat maps are.\n

\n\n

\n Let’s start by looking at the heat map meaning, and how these types of data tools can\n provide exceptional value to your business.\n

\n \n ),\n button: {\n text: 'Improve your website',\n },\n cover,\n },\n {\n url: '/heatmaps/generating-heat-maps/',\n title: 'Chapter 2',\n desc: 'How to create a heat map - best practices and mistakes to avoid',\n metaDesc: `Generating heat maps can help you improve UX and boost conversion – provided that you know how to use them. Here are the best practices and mistakes to avoid.`,\n timeToRead: 8,\n author: authorKasia,\n date: 'April 29, 2021',\n heading: (\n <>\n

\n Do you know how to create a heat map? If you run a website, there are many reasons why you\n should! If used properly, they can help you improve your UX, which will make navigating\n around your site easier for users.\n

\n\n

\n In this blog post, we will take a closer look at how to make a heat map, what the best\n practices for heat map creators are, and which mistakes you should avoid to ensure clarity\n and relevance.{' '}\n

\n \n ),\n button: {\n text: 'Improve your website',\n },\n cover,\n },\n {\n url: '/heatmaps/heat-maps-for-website/',\n title: 'Chapter 3',\n desc: 'How to use heat maps to improve your website',\n metaDesc: `Wondering how to improve your website? Read our article to learn how to leverage website heatmap tools to provide a great user experience.`,\n timeToRead: 8,\n author: authorAnia,\n date: 'April 29, 2021',\n heading: (\n <>\n

\n {' '}\n Did you know that it takes{' '}\n \n just 50 milliseconds\n {' '}\n for a website visitor to form an opinion about it? This means one thing – you need to\n create a website that provides a great user experience. One of the best ways to discover\n and understand how you can optimize your page for visitors is by using a heat map.\n

\n\n

\n In the following article, you’ll learn how to improve a website using a heat map.\n Specifically, we will help you understand how they give insight into users’ interactions\n and how you can leverage these findings on your homepage, blog, or landing pages. We will\n also give you examples of how heat maps can help you boost user engagement rates, optimize\n your customer journey paths, and overall improve the conversion rate.\n

\n \n ),\n button: {\n text: 'Improve your website',\n },\n cover,\n },\n {\n url: '/heatmaps/click-maps/',\n title: 'Chapter 4',\n desc: 'What are click maps and how can they be used to boost engagement?',\n metaDesc: `Are you struggling with low conversion rates? Learn how to use click maps to boost user engagement and as a result drive higher conversion. `,\n timeToRead: 7,\n author: authorKasia,\n date: 'April 29, 2021',\n heading: (\n <>\n

\n Understanding where visitors click on your website is arguably one of the most important\n UX-related insights from a business perspective. To put it simply, each click translates\n to a specific action, which either brings customers closer to or further from completing a\n goal. If analyzed and tracked correctly, clicks can be a real user data goldmine.{' '}\n

\n\n

\n In this article, we will talk about what click maps are and how they can boost web\n engagement. We will also take a look at the tools you can use with click maps that will\n help you further improve your website’s performance.{' '}\n

\n\n

Let’s start by taking a look at what a click map involves.

\n \n ),\n button: {\n text: 'Improve your website',\n },\n cover,\n },\n {\n url: '/heatmaps/heatmap-analysis/',\n title: 'Chapter 5',\n desc: 'How to analyze heatmaps – an actionable guide',\n metaDesc: `Want to use a heatmap, but don’t know how to interpret the results? Read on to learn how to best approach heatmap analysis and what other tools to use!`,\n timeToRead: 7,\n author: authorKasia,\n date: 'April 29, 2021',\n heading: (\n <>\n

\n {' '}\n If you own a website, chances are, you’ve considered setting up a heatmap. Perhaps, you\n might even have one set up but find it troubling to make sense of all the colors or marks\n and can’t properly interpret your findings. While it might seem overwhelming at first,\n with the right instructions, conducting and drawing conclusions from your heatmap analysis\n will be pretty straightforward!\n

\n\n

\n In the following article, we’ll explain how to read a heat map and share a few of the top\n best practices. We’ll also tell you which other tools you might find useful to get the\n best understanding of what your audience thinks about your site and needs from a service\n like yours.\n

\n\n

Let’s jump right in.

\n \n ),\n button: {\n text: 'Improve your website',\n },\n cover,\n },\n {\n url: '/heatmaps/heat-mapping-tool/',\n title: 'Chapter 6',\n metaTitle: 'The only heat mapping tool you will ever need',\n desc: 'The Top Benefits of Using Heatmaps on your Website',\n metaDesc: `Heat mapping tools can bring significant benefits to your business from eliminating usability issues to making better business decisions. Click here to learn more.`,\n timeToRead: 8,\n author: authorAnia,\n date: 'April 29, 2021',\n heading: (\n <>\n

\n {' '}\n In a report by Career Foundry, Microsoft UX Designer{' '}\n \n Joanna Ngai\n {' '}\n admits that ”design-driven businesses have outperformed the S&P by a whopping 228% over\n the past 10 years. The bottom line, good design = good business”.\n

\n\n

\n Needless to say, if you aren’t using a way to track user engagement and website\n performance, you’re missing out on a lot of potential business growth coming from good UX.\n Without a doubt, one of the best ways of gaining insight into your audience is using a\n heat mapping tool. Among others, heat maps help to expose any possible issues with your\n website so that you can ensure that things are running as effectively as possible. They\n also help to boost on-site engagement by verifying whether users see the most important\n information and are guided purposefully through content.\n

\n\n

\n In the following article, we’re going to shed light on these and other top benefits of\n using a heat mapping tool.{' '}\n

\n \n ),\n button: {\n text: 'Improve your website',\n },\n cover,\n },\n {\n url: '/heatmaps/heat-map-software/',\n title: 'Chapter 7',\n desc: 'How to use heat map software with other tools',\n metaDesc: `Wondering which tools you should use together with your heat map software, and how? Here are the 6 types of tools we recommend along with examples.`,\n timeToRead: 8,\n author: authorAnia,\n date: 'April 29, 2021',\n heading: (\n <>\n

\n {' '}\n As far as website UX and user intent are concerned, heat maps are easily one of the top\n software types you should be using. Among others, they indicate which elements are most\n viewed and clicked, how far down the page people scroll, and which content they fail to\n notice. Now, while they’re a great stand-alone tool, heatmaps become even more powerful if\n you combine them with other types of software.\n

\n\n

\n In the following piece, we’re going to take a look at six types of tools you can use\n jointly with your heat map software. We’ll explain what exactly each combo brings to the\n table and provide you recommendations of specific tools on the market.\n

\n\n

Let’s get to it.

\n \n ),\n button: {\n text: 'Improve your website',\n },\n cover,\n },\n {\n url: '/heatmaps/ux-improvements/',\n title: 'Chapter 8',\n desc: '11 experts share the UX improvements they achieved with heat maps',\n metaDesc: `Interested in learning about the UX improvements you can achieve with heat maps? Learn how 11 experts were able to use them to boost business growth!`,\n timeToRead: 11,\n author: authorKasia,\n date: 'April 29, 2021',\n heading: (\n

\n While heat maps are widely used by businesses of all shapes and sizes to improve website\n usability, we’ve decided to talk to 11 business experts to learn what UX improvements\n they’ve achieved specifically. Here’s what we’ve learned (and are now happy to share with\n you).\n

\n ),\n button: {\n text: 'Improve your website',\n },\n cover,\n },\n];\n","import { authorAnia, authorKasia } from 'data/authors';\nimport Link from 'components/ui/link';\nimport React from 'react';\nimport cover from 'img/usability-testing/usability-testing-cover.png';\n\nexport const data = [\n {\n url: '/usability-testing/',\n title: 'Introduction',\n desc: 'All you need to know about usability testing',\n metaDesc:\n 'Learn all you need to know about effective usability testing. From asking the right usability questions to creating a report.',\n timeToRead: 8,\n author: authorAnia,\n date: 'June 09, 2020',\n heading: (\n <>\n

\n Do you know that{' '}\n \n 42% of startups fail\n {' '}\n due to the lack of product-market fit? It’s not particularly surprising as building\n products is complex and requires a lot of decision making. However, since products are\n built to solve specific problems, it’s only natural to involve your users or customers in\n the decision-making process to ensure that your product perfectly meets their needs. This\n can be done through regular usability testing.\n

\n

\n In this usability testing guide, we’re going to talk about what usability testing is, how\n it can benefit your business, what are the different types of usability testing, as well\n as discuss how you can effectively conduct website and mobile usability tests. We will\n also teach you how to master usability reporting and provide you with a few tools to make\n the entire process easier.\n

\n

Let’s get started, shall we?

\n \n ),\n button: {\n text: 'Improve usability testing',\n },\n cover,\n },\n {\n url: '/usability-testing/what-is-usability-testing/',\n title: 'Chapter 1',\n desc: 'What is usability testing? Definition and a review of the best methods',\n metaDesc: `What is the best way to improve your user experience? Conducting usability testing! Find out what it is, what benefits it brings, and what methods to use.`,\n timeToRead: 7,\n author: authorKasia,\n date: 'June 09, 2020',\n heading: (\n <>\n

\n Creating a product that resonates with its end-users is crucial to a company’s success. In\n fact,{' '}\n \n 42% of startups fail\n {' '}\n due to the lack of product-market fit. How can you make sure you don’t follow in their\n steps? By conducting usability testing of your product. What is usability testing? To put\n it simply, it’s the process of gathering data on how your end-user interacts with your\n product, so you can understand its strengths, weaknesses, and sticking points. In the\n following article, we’re going to cover several usability topics and methods, including\n the benefits of usability testing, types of usability testing, and the different methods\n used to improve user experience.\n

\n \n ),\n button: {\n text: 'Improve usability testing',\n },\n cover,\n },\n {\n url: '/usability-testing/usability-testing-questions/',\n title: 'Chapter 2',\n metaDesc: `Planning to conduct user tests of your website or app? Find out what usability testing questions to ask to ensure you get the best results.`,\n desc: '24 Usability Testing Questions You Need To Ask Your Audience',\n timeToRead: 8,\n author: authorAnia,\n date: 'June 09, 2020',\n heading: (\n <>\n

\n Understanding who your audience is is essential if you want to create products that not\n only help your users achieve their goals, but are also easy and enjoyable to use. Apart\n from observing how your customers interact with your product, the best thing you can do to\n improve UX is to ask the right usability testing questions.\n

\n \n ),\n button: {\n text: 'Improve usability testing',\n },\n cover,\n },\n {\n url: '/usability-testing/usability-reporting/',\n title: 'Chapter 3',\n desc: 'How to Become Great at Usability Reporting',\n metaDesc: `Everything you should know about usability reporting: what it is, what metrics to focus on, and what to include in your usability report.`,\n timeToRead: 8,\n author: authorAnia,\n date: 'June 11, 2020',\n heading: (\n <>\n

The Key to Launching a Successful Product

\n

\n Brilliant ideas are the backbone of great products. Most products are developed with an\n intent to provide a solution or cater to a niche market. However, only a handful of great\n products ever reach the top.{' '}\n

\n

\n So, what is the secret behind reaching that top spot? It is quite simple –conducting\n well-planned usability testing and reporting to deliver a premium end-user experience.\n According to research, 70% of CEOs believe that impressive UX and CX offers a great\n competitive advantage to businesses.{' '}\n

\n

\n In the following article, we are going to talk about what entails a usability testing\n report, which metrics to pay attention to, as well as a few tips on how to craft it\n efficiently.{' '}\n

\n \n ),\n button: {\n text: 'Improve usability testing',\n },\n cover,\n },\n // {\n // url: '/usability-testing/usability-reporting/',\n // title: 'Chapter 3',\n // desc: 'How to become great at usability reporting',\n // timeToRead: 7,\n // author: authorAnia,\n // date: 'June 09, 2020',\n // button: {\n // text: 'Improve usability testing',\n // },\n // },\n {\n url: '/usability-testing/usability-testing-tools/',\n title: 'Chapter 4',\n desc: '9 Usability Testing Tools You Need To Optimize Your UX',\n metaDesc: `What’s the secret to deriving insights on your users’ in-app or on-site behavior? Using the right usability testing tools. Find out which tools to choose.`,\n timeToRead: 8,\n author: authorKasia,\n date: 'June 09, 2020',\n heading: (\n <>\n

\n What’s the secret sauce to deriving insights on your users’ in-app or on-site behavior?\n Using the right usability testing toolkit!{' '}\n \n 💪\n \n

\n

\n There’s a whole range of tools you can choose from – from session recording software like\n LiveSession, A/B testing tools like Unbounce, all the way through powerful analytics\n software like Google Analytics and Mixpanel. While the exact configuration comes down to\n personal preference, it’s important to cover three areas: live session recording, A/B\n testing and reporting & analytics.\n

\n

\n In today’s article, we talk about 9 usability testing tools that will help you optimize\n your user experience and drive more engagement. The link to the post is in the comments.\n

\n \n ),\n button: {\n text: 'Improve usability testing',\n },\n cover,\n },\n {\n url: '/usability-testing/website-user-testing/',\n title: 'Chapter 5',\n desc: 'The benefits of website user testing and how to do it right',\n metaDesc: `How to ensure flawless UX on your website? Among others, by running website user testing. Find out how, why, and when to run usability tests on your site.`,\n timeToRead: 7,\n author: authorKasia,\n date: 'June 09, 2020',\n heading: (\n <>\n

Testing a website for usability is a necessity, not an option

\n

\n Website development is a lengthy but exciting process. From content development, planning,\n designing prototypes to launching the website, it involves layers of crucial steps. But\n the most important step before launching a website is to test its efficacy and\n functionality. There is no better way to do it than to put yourself in the end-users’\n shoes. In this article, we are going to explore the benefits of website user testing and\n how to perform it in the best way possible.\n

\n \n ),\n button: {\n text: 'Improve usability testing',\n },\n cover,\n },\n {\n url: '/usability-testing/mobile-usability-test/',\n title: 'Chapter 6',\n desc: 'What is a mobile usability test and do you need it?',\n metaDesc:\n 'Conducting mobile usability tests is necessary to ensure your users return to the app. Find out how to test your apps effectively and what tools to use.',\n timeToRead: 7,\n author: authorAnia,\n date: 'June 09, 2020',\n button: {\n text: 'Improve usability testing',\n },\n heading: (\n <>\n

\n According to{' '}\n \n Buildfire\n \n , a leading mobile app builder platform, an astounding 2.8 million mobile apps are offered\n in the Google Play Store, whereas 2.2 million apps are available for download in the iOS\n App Store.\n

\n

\n With such a colossal competition, chances of your mobile app topping the charts are quite\n slim. However, there are ways to beat the competition. Applications that bring forth\n innovative concepts and creative solutions for the digital world can easily gain\n popularity.\n

\n

\n Another important factor that garners success is ensuring your app provides a premium user\n experience. If the end-users are engaged, they will keep coming back for more.\n

\n

\n But how can we achieve all this in the advanced world of mobile app development? The\n answer is simple – by conducting mobile usability testing.\n

\n

\n Before you embark on the exciting journey of mobile usability testing, let us discuss what\n a mobile usability test is, how it benefits your business, and how to conduct it. We will\n also talk about five recommended usability testing tools that might come in handy during\n app testing.\n

\n \n ),\n cover,\n },\n];\n","import { authorAnia, authorKasia } from 'data/authors';\nimport Link from 'components/ui/link';\nimport React from 'react';\nimport cover from 'img/user-experience/cover/userexperience1.png';\n\nexport const data = [\n {\n url: '/user-experience/',\n title: 'Introduction',\n desc: 'How to Create a Great User Experience? All You Need to Know',\n metaDesc:\n 'Today all customers demand a great user experience and are willing to pay extra for it. Learn everything you should know about creating great UX.',\n timeToRead: 14,\n author: authorAnia,\n date: 'June 09, 2020',\n heading: (\n <>\n

\n User experience is a buzzword that has dominated the business world for years. And there\n is a good reason for it – according to{' '}\n \n Salesforce\n \n , 67% of customers say they are willing to pay more for a better user experience. This\n gives businesses a great opportunity to stand out from the crowd. While products are easy\n to imitate, great experiences aren’t.\n

\n

\n In the following guide, we’re going to explore what UX experience is, how to create an\n effective UX design process and what it should include, as well as tell you about\n conducting UX research and creating UX prototypes. Let’s dive in.\n

\n \n ),\n button: {\n text: 'Improve user experience',\n },\n cover,\n },\n {\n url: '/user-experience/what-is-ux/',\n title: 'Chapter 1',\n desc: 'What is UX? 10 Experts Share Their Definition',\n metaDesc: `There are many ways of looking at the user experience definition – some are far from the standard Wikipedia answer! Read on to find out how 10 experts describe what UX means to them. `,\n timeToRead: 7,\n author: authorKasia,\n date: 'June 09, 2020',\n heading: (\n <>\n

\n Did you realize that every{' '}\n \n $1 invested in user experience has a return of $100\n \n ? This translates into a ROI of 9,900% – seems like a pretty good investment to us!\n However, before you start spending your hard-earned money, it’s worth understanding what\n user experience design is.\n

\n

\n For this purpose, we’ve decided to talk to 10 business experts to tell us – what is UX?\n Take a look at their insights.{' '}\n

\n \n ),\n button: {\n text: 'Improve user experience',\n },\n cover,\n },\n {\n url: '/user-experience/ux-design-process/',\n title: 'Chapter 2',\n metaDesc: `Having an effective UX design process in place is necessary for building products that will meet customer expectations. Learn how to implement one. `,\n desc: 'UX Design Process: What to Include and How to Do It Right',\n timeToRead: 8,\n author: authorAnia,\n date: 'June 09, 2020',\n heading: (\n <>\n

\n Customers become ever more demanding, and it’s hardly surprising. With the number of\n alternatives available to them, they can afford to be picky. In fact,{' '}\n \n 90% of app users\n {' '}\n stop using an app due to poor performance. Is there a way to ensure this doesn’t happen to\n you? Of course, there is, provided that you have an effective UX design process in place.\n

\n

\n In the following article, we’re going to talk about the importance of UX design, discuss\n the most crucial user experience elements as well as guide you through creating an\n efficient UX design process.\n

\n \n ),\n button: {\n text: 'Improve user experience',\n },\n cover,\n },\n {\n url: '/user-experience/user-experience-design/',\n title: 'Chapter 3',\n desc: 'User Experience Design: How to Improve and Best Practices',\n metaDesc: `One of the keys to a successful business lies in effective user experience design. Read on to learn UX best practices & see how you can improve your product.`,\n timeToRead: 9,\n author: authorAnia,\n date: 'June 11, 2020',\n heading: (\n <>\n

The Key to Launching a Successful Product

\n

\n It’s a proven fact that UX design can make or break a business by heavily impacting its\n customer loyalty levels. In fact, according to{' '}\n \n PWC\n \n , 82% of top-performing businesses admit that they prioritize usability across their\n digital touchpoints.\n

\n

\n By taking your audience’s experience and opinions into account, you raise their\n satisfaction and increase the number of users purchasing your services or products. It’s\n something you can actively improve by surveying your audience and researching their\n preferences.\n

\n

\n In the following article, we discuss several best practices to improve user experience and\n share examples of rich user experience implementations.\n

\n \n ),\n button: {\n text: 'Improve user experience',\n },\n cover,\n },\n\n {\n url: '/user-experience/user-journey-map/',\n title: 'Chapter 4',\n desc: 'How to develop a user journey map in 6 simple steps',\n metaDesc: `Developing a user journey map is a necessity for creating a great user experience. Read this article to learn how. `,\n timeToRead: 8,\n author: authorKasia,\n date: 'June 09, 2020',\n heading: (\n <>\n

\n Launching a product or service is an exciting process. Every product owner wants to turn\n first-time buyers into repeat customers. However, this requires a deeper understanding of\n who they are and what they need. Luckily, by going through the process of creating a user\n journey map, you can design in a way that gets your users motivated, and provide them with\n the results they desire to achieve with your product.\n

\n

\n Before we start creating a user journey map, it is important to understand what a user\n journey entails. So, let us now peek into the definition of a user journey and what it\n means.\n

\n \n ),\n button: {\n text: 'Improve user experience',\n },\n cover,\n },\n {\n url: '/user-experience/ux-prototyping/',\n title: 'Chapter 5',\n desc: 'All You Need to Know About Effective UX Prototyping',\n metaDesc: `UX prototyping is the best way of ensuring you meet your users’ expectations. Read on to learn about its various benefits, methodologies, and how it can help your product.`,\n timeToRead: 8,\n author: authorKasia,\n date: 'June 09, 2020',\n heading: (\n <>\n

The Key to Effective UX Prototyping

\n

\n According to recent UX{' '}\n \n statistics\n \n , first impressions are 94% design related. As you can only make a first impression on\n your users once, it better be a good one!\n

\n

\n One way of ensuring that your product or service is the best it can possibly be is by\n leveraging UX prototyping.\n

\n

\n In the following article, we will tackle UX Prototyping inside out – from its benefits and\n various methodologies, all the way through to the different types of prototyping\n approaches available.\n

\n \n ),\n button: {\n text: 'Improve user experience',\n },\n cover,\n },\n {\n url: '/user-experience/ux-research/',\n title: 'Chapter 6',\n desc: 'How to Conduct Effective UX Research?',\n metaDesc:\n 'Conducting mobile usability tests is necessary to ensure your users return to the app. Find out how to test your apps effectively and what tools to use.', // to change\n timeToRead: 7,\n author: authorAnia,\n date: 'June 09, 2020',\n button: {\n text: 'Improve user experience',\n },\n heading: (\n <>\n

\n According to a report from{' '}\n \n Forrester\n \n , on average, every dollar invested in UX brings 100 dollars in return. This translates to\n a staggering 9,900% in Return on Investment (ROI). However, in order to ensure that your\n product’s UX is effective, you must prioritize thorough user experience research. It is an\n essential element of the UX process, which allows you to find the true value of your\n products or services, and gauge whether they will sell in the real world or not.\n

\n

\n In this article, we are going to take a closer look at user experience research, its\n various types, and the different methodologies you can use to conduct these studies.\n

\n \n ),\n cover,\n },\n];\n","module.exports = __webpack_public_path__ + \"static/usability-testing-cover-c8655856fcdbac30f4d12ec169c62bb2.png\";"],"sourceRoot":""}