🧠 Psychological Cognitive Biases & Principles That Affect Your UX

With every new technological advancement, new constraints and possibilities are introduced.
This article is a collection of best practices that designers can consider when building user interfaces.
Sharing meaningful experiences will provide more support for psychological knowledge and contribute to making the world a better place.
An understanding of psychology-specifically the psychology behind how users behave and interact with digital interfaces-is perhaps the single most valuable non-design skill a designer can have.
Every time users interact with your product, they are:

So to improve your user experience, you need to understand the biases & heuristics affecting those four decision-cycle steps.
Below is a list of cognitive biases and design principles (with examples and tips) for each category. Let’s dive right in.

🙈 Filter the information

NameOne-LinerCategory
1👀 Hick's LawMore options leads to harder decisionsInformation
2💼 Confirmation BiasPeople look for evidence that confirms what they thinkInformation
3👁 PrimingPrevious stimuli influence users' decisionInformation
4🚛 Cognitive LoadTotal amount of mental effort that is required to complete a taskInformation
5⚓️ Anchoring BiasUsers rely heavily on the first piece of information they seeInformation
6👉 NudgeSubtle hints can affect users' decisionsInformation
7🍰 Progressive DisclosureUsers are less overwhelmed if they're exposed to complex features laterInformation
8🎯 Fitts's LawLarge and close elements are easier to interact withInformation
9🐠 Attentional BiasUsers' thoughts filter what they pay attention toInformation
10🤝 Empathy GapPeople underestimate how much emotions influence user behaviorsInformation
11⛵️ Visual AnchorsElements used to guide users' eyesInformation
12🌶 Von Restorff EffectPeople notice items that stand out moreInformation
13🥇 Inverted PyramidUsers prefer receiving the most important information first, followed by detailsInformation
14🎖 Visual HierarchyThe order in which people perceive what they seeInformation
15🔭 Selective AttentionPeople filter out things from their environment when in focusInformation
16🕶 Banner BlindnessUsers tune out the stuff they get repeatedly exposed toInformation
17🍒 JuxtapositionElements that are close and similar are perceived as a single unitInformation
18🚦 SignifiersElements that communicate what they will doInformation
19🆚 ContrastUsers' attention is drawn to higher visual weightsInformation
20🚨 External TriggerWhen the information on what to do next is within the prompt itselfInformation
21🕺 Decoy EffectCreate a new option that's easy to discardInformation
22🎪 Centre-Stage EffectPeople tend to choose the middle option in a set of itemsInformation
23🖼 FramingThe way information is presented affects how users make decisionsInformation
24🍣 Law of ProximityElements close to each other are usually considered relatedInformation
25🍬 Tesler's LawIf you simplify too much, you'll transfer some complexity to the usersInformation
26🧨 Spark EffectUsers are more likely to take action when the effort is smallInformation
27🥏 Feedback LoopWhen users take action, feedback communicates what happenedInformation
28😻 Expectations BiasPeople tend to be influenced by their own expectationsInformation
29🚆 Aesthetic-Usability EffectPeople perceive designs with great aesthetics as easier to useInformation
30✈️ Survivorship BiasPeople neglect things that don't make it past a selection processInformation
31⛰️ Interference EffectWhen multiple pieces of information compete, it can hinder memory retentionInformation
32💡 Pygmalion EffectHigher expectations lead to improved performance, while lower expectations result in poorer outcomesInformation
33⬛️ common-fateUsers perceive elements that move in the same direction as being related or part of a groupInformation
34🔗 Uniform ConnectednessUsers perceive elements that are visually connected as being more related than those that are notInformation
35🎨 Figure-GroundUsers instinctively separate elements into the foreground (figure) and background (ground)Information
36➡️ ContinuationUsers follow lines or patterns naturally, assuming they continue in a consistent directionInformation
37🛤️ Desire LineUsers tend to follow the path of least resistance or the route that naturally aligns with their goalsInformation

🔮 Seek the meaning of it

NameOne-LinerCategory
1👥 Social ProofUsers adapt their behaviors based on what others doMeaning
2🦄 ScarcityPeople value things more when they're in limited supplyMeaning
3💭 Curiosity GapUsers have a desire to seek out missing informationMeaning
4🖲 Mental ModelUsers have a preconceived opinion of how things workMeaning
5🌟 Familiarity BiasPeople prefer familiar experiencesMeaning
6⚖️ Flexibility TradeoffsPeople often overestimate how much flexibility they can have without sacrificing consistency or efficiencyMeaning
7👼 Halo EffectPeople judge things (or people) based on their feelings towards one traitMeaning
8☎️ Miller's LawUsers can only keep 5±2 items in their working memoryMeaning
9🍱 Unit BiasOne unit of something feels like the optimal amountMeaning
10🕹 SkeuomorphismUsers adapt more easily to things that look like real-world objectsMeaning
11🤝 Singularity EffectUsers care disproportionately about an individual as compared to a groupMeaning
12🎁 ReciprocityPeople feel the need to reciprocate when they receive somethingMeaning
13👑 Authority BiasUsers attribute more importance to the opinion of an authority figureMeaning
14🏺 Pseudo-Set FramingTasks that are part of a group are more tempting to completeMeaning
15🎰 Variable RewardPeople especially enjoy unexpected rewardsMeaning
16🎊 Group Attractiveness EffectIndividual items seem more attractive when presented in a groupMeaning
17🚰 Curse of KnowledgeNot realizing that people don't have the same level of knowledgeMeaning
18🎉 Aha! momentWhen new users first realize the value of your productMeaning
19📮 Self-Initiated TriggersUsers are more likely to interact with prompts they setup for themselvesMeaning
20✏️ Survey BiasUsers tend to skew survey answers towards what's socially acceptableMeaning
21🎭 Cognitive DissonanceIt's painful to hold two opposing ideas in our mindMeaning
22🥅 Goal Gradient EffectMotivation increases as users get closer to their goalMeaning
23💫 FeedforwardWhen users know what to expect before they take actionMeaning
24🪒 Occam’s RazorSimple solutions are often better than the more complex onesMeaning
25🎗 Noble Edge EffectUsers tend to prefer socially responsible companiesMeaning
26🧿 Hawthorne EffectUsers change their behavior when they know they are being observedMeaning
27🏒 Hindsight BiasPeople overestimate their ability to predict outcomes after the factMeaning
28🎏 Law of SimilarityUsers perceive a relationship between elements that look similarMeaning
29🌓 Law of PrägnanzUsers interpret ambiguous images in a simpler and more complete formMeaning
30🐘 Streisand EffectWhen trying to censor information ends up increasing awareness of that informationMeaning
31🔦 Spotlight EffectPeople tend to believe they are being noticed more than they really areMeaning
32🌊 Flow StateBeing fully immersed and focused on a taskMeaning
33👁️ Mere Exposure EffectRepeated exposure to something makes users more likely to develop a preference for itMeaning

Act within a given time

NameOne-LinerCategory
1🗓 Fresh Start EffectUsers are more likely to take action if there's a feeling of new beginningsTime
2⚒️ Labor IllusionPeople value things more when they see the work behind themTime
3⚖️ Default BiasUsers tend not to change an established behaviorTime
4🏦 Investment LoopsWhen users invest themselves, they're more likely to come backTime
5🕯 Loss AversionPeople prefer to avoid losses more than earning equivalent gainsTime
6👞 Commitment & ConsistencyUsers tend to be consistent with their previous actionsTime
7🏝 Sunk Cost EffectUsers are reluctant to pull out of something they're invested inTime
8🌛 Decision FatigueMaking a lot of decisions lowers users' ability to make rational onesTime
9🌋 ReactanceUsers are less likely to adopt a behavior when they feel forcedTime
10🥽 Observer-Expectancy EffectWhen researchers' biases influence the participants of an experimentTime
11🌱 Weber's LawUsers adapt better to small incremental changesTime
12🔨 Law of the InstrumentIf all you have is a hammer, everything looks like a nailTime
13🍭 Temptation BundlingHard tasks are less scary when coupled with something users desireTime
14🎈 Parkinson’s LawThe time required to complete a task will take as much time as allowedTime
15🎩 Dunning-Kruger EffectPeople tend to overestimate their skills when they don't know muchTime
16🌤 Affect HeuristicPeople's current emotions cloud and influence their judgmentTime
17📉 Hyperbolic DiscountingPeople tend to prioritize immediate benefits over bigger future gainsTime
18💳 Cashless EffectPeople spend more when they can't actually see the moneyTime
19⌚️ ChronoceptionPeople's perception of time is subjectiveTime
20🌚 Self-serving biasPeople take credit for positive events and blame others if negativeTime
21🥬 Pareto PrincipleRoughly 80% of the effects come from 20% of the causesTime
22🧠 Doherty ThresholdUsers feel more engaged when system responses are under 400msTime

💾 Store bits of the interaction in their memories

NameOne-LinerCategory
1🔍 DiscoverabilityThe ease with which users can discover your featuresMemory
2🔫 Backfire EffectWhen people's convictions are challenged, their beliefs get strongerMemory
3🌈 False Consensus EffectPeople overestimate how much other people agree with themMemory
4🚋 Bandwagon EffectUsers tend to adopt beliefs in proportion to others who have already done soMemory
5📝 Barnum EffectWhen you believe generic personality descriptions apply specifically to youMemory
6🐍 Second-Order EffectThe consequences of the consequences of actionsMemory
7🛋 IKEA EffectWhen users partially create something, they value it way moreMemory
8📅 Planning FallacyPeople tend to underestimate how much time a task will takeMemory
9🏕 Provide Exit PointsInvite users to leave your app at the right momentMemory
10🎢 Peak-End RulePeople judge an experience by its peak and how it endsMemory
11👅 Sensory AppealUsers engage more with things appealing to multiple sensesMemory
12🧩 Zeigarnik EffectPeople remember incomplete tasks better than completed onesMemory
13🧤 Endowment EffectUsers value something more if they feel it's theirsMemory
14🛍 ChunkingPeople remember grouped information betterMemory
15📸 Picture Superiority EffectPeople remember pictures better than wordsMemory
16📌 Method of LociPeople remember things more when they're associated with a locationMemory
17🧭 ShapingIncrementally reinforcing actions to get closer to a target behaviorMemory
18💚 DelightersPeople remember more unexpected and playful pleasuresMemory
19💛 Internal TriggerWhen users are prompted to take action based on a memoryMemory
20💾 Recognition Over RecallIt's easier to recognize things than recall them from memoryMemory
21🏰 Storytelling EffectPeople remember stories better than facts aloneMemory
22👹 Negativity BiasUsers recall negative events more than positive onesMemory
23⏰ Availability HeuristicUsers favor recent and available information over past informationMemory
24🌌 Spacing EffectPeople learn more effectively when study sessions are spaced outMemory
25🏁 Serial Position EffectIt's easier for users to recall the first and last items of a listMemory

learn More

Did you like it? Help us spread the word!