{"version":3,"sources":["webpack:///./src/img/blog/revolutex.png","webpack:///./src/img/blog/shop.png","webpack:///./src/img/blog/kotwica.png","webpack:///./src/img/blog/socialdesirabilitybias.png","webpack:///./src/pages/blog/cognitive-bias-ux.js","webpack:///./src/img/blog/progressbar.png","webpack:///./src/img/blog/alphabet.png","webpack:///./src/img/blog/anchoringbiasex.png","webpack:///./src/img/blog/wordingbias.png","webpack:///./src/img/blog/hand.png","webpack:///./src/img/blog/brain.png"],"names":["module","exports","Wrapped","BlogArticle","href","id","target","rel","src","img1","alt","title","className","img2","img3","img4","img5","img6","img7","img8","img9","frontmatter","url","description","author","img","imgSocial","date","category","group","timeToRead","process"],"mappings":"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","file":"5e62e363cca31d796e36a83b1f9850d69da1478f-6497756b1ebca5a1d6ae.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/revolutex-5d7912f1c46bc6d58819ddc714a47805.png\";","module.exports = __webpack_public_path__ + \"static/shop-1b0f0b7f2d8cd448aadca4f9c636e9f4.png\";","module.exports = __webpack_public_path__ + \"static/kotwica-252752fab68dfab6f406239c9abc4ccc.png\";","module.exports = __webpack_public_path__ + \"static/socialdesirabilitybias-1476d847d5eb9ed8e70e3af8a8d689d9.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKalina as author } from 'data/authors';\nimport img from 'img/blog/brain.png';\n\nimport img1 from 'img/blog/shop.png';\nimport img2 from 'img/blog/kotwica.png';\nimport img3 from 'img/blog/anchoringbiasex.png';\nimport img4 from 'img/blog/alphabet.png';\nimport img5 from 'img/blog/wordingbias.png';\nimport img6 from 'img/blog/hand.png';\nimport img7 from 'img/blog/progressbar.png';\nimport img8 from 'img/blog/revolutex.png';\nimport img9 from 'img/blog/socialdesirabilitybias.png';\n\nconst Content = () => {\n return (\n \n

We’re not as rational as we think.

\n

\n The human brain is designed to make quick and effective decisions rather than stick to facts\n at all times.\n

\n

\n Instead of acting rationally, we prefer to act fast. This may lead to better outcomes\n indeed, but it might also lead you astray. Cognitive biases can be both a\n blessing and a curse.\n

\n

With this article, you’re going to learn

\n \n

Ready to find out how our brains work? Let’s dive in!

\n \n

What is a cognitive bias

\n\n

\n Although cognitive biases are not an entirely new phenomenon, the term was{' '}\n \n first defined\n {' '}\n by Daniel Kahneman and Amos Tversky in the 1970s. The two widely acclaimed scientists were\n researching people’s innumeracy. They found out that most subjects make decisions that are\n far from rational, especially when it comes to large numbers.\n

\n

\n Instead of sticking to facts, people tend to use mental shortcuts to estimate the outcome.\n These shortcuts are known as heuristics, which help us solve problems\n quicker, but may also lead to errors in thinking, called cognitive biases.\n

\n

\n According to{' '}\n \n Interaction Design Foundation\n \n , a cognitive biasis a systematic (non-random) way in which the context\n affects judgment and decision-making. In other words, it’s all about the{' '}\n framing of information. We focus on different aspects depending on the\n surroundings. Because of that, our reasoning is not fully rational. Tversky and Kahneman\n found out that if we frame the same information differently, it may lead to different\n outcomes.\n

\n

\n Here’s a classic example of the framing bias in action:\n

\n

\n \"Pricing\n

\n

\n $290 may appear like a high price, yet it seems like a bargain when you know that the same\n product would normally cost $400. A \\$110 saving changes the perspective, doesn’t it?\n

\n

\n \n See how the users interact with your website. Try LiveSession for free today.\n \n

\n

\n This popular case is just the tip of the iceberg. It’s a proven and tested marketing trick\n to generate more sales, but there’s much more to cognitive biases that could matter to UX\n designers. Here’s why this kind of knowledge is sure to come in handy:\n

\n

Why cognitive biases matter for UX designers

\n\n

\n Before we dig deeper, it’s important to note that both the designers and the users are prone\n to cognitive biases. None of us are fully immune to heuristics and prejudices – and this is\n exactly why we should be aware of it. The same rules that affect how the users make\n decisions apply to UX designers.\n

\n

\n As we’ve already mentioned above, we’re all prone to framing. The context,\n as well as our previous experiences, all affect design decisions. All these external factors\n make us focus on specific aspects of the issue – or ignore the other ones.\n

\n

\n Kathryn Whitenton of the{' '}\n \n Nielsen Norman Group\n {' '}\n used a brilliant example to describe how this works for UX designers. Imagine that you’ve\n conducted a usability test with 20 users. The outcomes can be described in two different\n ways\n

\n \n

\n See the difference? The researchers from Nielsen Norman Group decided to test both versions\n in an online quiz. Here’s what happened: 39% of UX designers who saw the success rated voted\n for a redesign. In the case of respondents who saw the failure rate, 51% of them thought\n that the feature needs to be redesigned.\n

\n

\n This shows how framing research results and statistics in a different manner may lead to\n significantly different design decisions. On the other hand, the{' '}\n framing bias can affect the users too. It’s mostly visible in the\n perception of the pricing, what is expensive, and what can be considered a bargain.\n

\n

\n Below we’re going to describe how the most common cognitive biases apply to both the users\n and the UX designers.\n

\n

Ready to learn more?

\n

Common cognitive biases in UX design

\n\n

\n We’ve used one of the most popular biases, the framing bias, as the main\n example. Here’s a couple of other cases that are worth keeping in mind:\n

\n

Anchoring bias

\n\n

\n \"Anchoring\n

\n

\n The anchoring bias(also known as the anchoring principle)\n is about relying on a single aspect and ignoring the other ones involved. Because people use\n it to make decisions, it’s also a judgment heuristic, exactly like framing.\\ \\\n How it works for the user: Anchoring bias can be hugely helpful in\n understanding user interfaces. It’s the bright side of this phenomenon – the user can stick\n to one clue, and therefore, learn to use the application faster. This goes in line with the{' '}\n principle of least effort and Jakob’s law. We’re\n describing these two in our in-depth article about{' '}\n \n psychological principles in UX\n \n .\n

\n

\n Suggested values are also a good example here. Most non-profit websites,\n such as{' '}\n \n GoFundMe\n \n , don’t charge a set fee for their services. Instead, they provide a suggestion:\n

\n

\n \n

\n

\n How it works for the UX researcher: Because of the{' '}\n \n primacy effect\n \n , the first piece of information we receive usually becomes the anchor. It’s good to keep\n that in mind for user testing. The respondents may prefer the first version\n they were introduced to simply because it was the first one, not because it was actually\n better. One of the ways to avoid this is through{' '}\n \n A/B testing\n \n – you can show different version to your users in a different order.\n

\n

\n \"Try\n

\n

Wording bias

\n\n

\n \"wording\n

\n

\n \n What is the best{' '}\n \n qualitative research method\n {' '}\n and why it’s session recording?\n \n

\n

\n This is a classic (a little exaggerated, yes) example of the wording bias,\n which is also known as response bias. It occurs when the question itself\n influences the answer. How it works for the user: Imagine taking a survey,\n where the first question is: How difficult was it for you to use this feature? The\n question alone implies that using this particular feature is difficult, at least to\n some extent.\n

\n

\n How it works for the UX researcher: The wording bias largely affects the\n validity of surveys. Here’s how different types of biased questions can affect research\n results:\n

\n \n

Sunk cost fallacy

\n\n

\n \"Sun\n

\n

\n Again, this is an example of how past decisions influence current choices.\n Sunk cost fallacy means that if we already invested a lot of resources in\n something, we’re going to keep investing more. It happens because we don’t want our efforts\n to go to waste. This is what makes us finish bad movies – we’re not likely to drop it if\n we’re already halfway through, right?\n

\n

\n The sunk cost fallacy goes in line with another phenomenon called{' '}\n loss aversion, which states that our brains consider all losses as more\n severe than gains. What’s more,{' '}\n \n some studies suggest\n {' '}\n that losses are perceived as psychologically twice more important than gains! For instance,\n losing $100 hurts more than gaining 100$ satisfies.\n

\n

Same rules apply to user experience design.

\n

\n How it works for the user: The sunk cost bias is often a part of the user\n flow, especially when it comes to signing up for a service, or making a purchase. This\n mechanism can be triggered by different design tricks, such as:\n

\n \n

\n To use the service, you need to add money to your account first. But here’s the trick: you\n can’t add less than a certain amount (in this case, 20 PLN). This often means that you’re\n obliged to have more money in your account than you first needed. Because of that, you’re\n likely to use Revolut more often. What’s more, suggested top-up amounts right above the\n keyboard fulfil the same function. See the pattern?\n

\n

\n How it works for the UX designer: You’ve probably already guessed it: we\n tend to stick to bad design because of the sunk cost fallacy. If you spent long hours\n working on a feature, you would want to stick to it even if it turns out to be a bad idea.\n One of the ways to avoid this is through{' '}\n \n agile development\n \n . Short sprints and iterations make it easier to apply changes along the way and avoid\n wasting resources.\n

\n

Social desirability bias

\n\n

\n \n

\n

\n This one’s about our tendency to seem likeable and be accepted.{' '}\n Social desirability bias(also known as the{' '}\n friendliness bias) encourages the user to answer in a way they think is\n expected by the researcher.\n

\n

\n How it works for the user: What’s interesting, the social desirability bias\n typically appears unconsciously. Most of the time, the respondents don’t realize that they\n respond in a kinder, more favorable manner. For instance, if you ask “How do you like the\n new dashboard?”, the user is likely to select a higher rating, just to make you feel better\n about it.\n

\n

\n How it works for the UX researcher: Now that you know how social\n desirability bias works, you might be wondering how to prevent it from happening. This bias\n can be avoided through indirect questions. Instead of asking how the user\n feels about a feature, you can ask “How do you think an average user would interact with\n this feature?”. This way, they won’t feel the urge to appear as nice and friendly.\n

\n

Key takeaways and cognitive biases reading list

\n\n

\n The most important finding? We’re all prone to cognitive biases and the best we can do is to{' '}\n stay aware. Educating yourself about psychological principles that affect\n our minds is sure to pay off in the long run. It will help you understand user behavior, and\n it’s going to improve the quality of your work as a UX professional as well.\n

\n

Here’s our suggested reading list, if you’d like to dig deeper:

\n

\n \n Thinking, Fast and Slow\n {' '}\n by Daniel Kahneman\n

\n

\n \n Biases and Heuristics\n {' '}\n by Henry Priest\n

\n

\n \n Everyday Bias\n {' '}\n by Howard J. Ross\n

\n

\n \n The Art of Thinking Clearly\n {' '}\n by Rolf Dobelli\n

\n

We hope you found this inspiring. Happy learning!

\n
\n );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n title: 'Cognitive Bias in UX: The User Side and The Designer Side',\n url: '/blog/cognitive-bias-ux/',\n description: `Learn how cognitive biases affect UX design decisions and user behavior. Read\n about the psychology of UX on the LiveSession blog.`,\n author,\n img,\n imgSocial: img,\n date: '2020-03-05',\n category: '',\n group: 'Design',\n timeToRead: 9,\n};\n\nexport default () => (\n \n);\n","module.exports = __webpack_public_path__ + \"static/progressbar-ca167c50e6fb4a21ec955cf95096cbd6.png\";","module.exports = __webpack_public_path__ + \"static/alphabet-50f39c5000c3283e948a10c49dcb8969.png\";","module.exports = __webpack_public_path__ + \"static/anchoringbiasex-23c291a03359763339875a0880d43b41.png\";","module.exports = __webpack_public_path__ + \"static/wordingbias-8a55aecb06a97f162c3d1fcf3bad40da.png\";","module.exports = __webpack_public_path__ + \"static/hand-197b7daaf3424dc6021d4fdc2747cc26.png\";","module.exports = __webpack_public_path__ + \"static/brain-9a62f8b0690b4dbd2111f9ef675533a2.png\";"],"sourceRoot":""}