![\"\"](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/0_xvWIZVvTm1BYOz31-720x507.jpg\")
<\/p>\nOur environment has become noisier than ever. People have to carefully select what they pay attention to in their overstimulated daily lives. As a business, you not only compete with other businesses but basically everything your audience pays attention to. How can you have their undivided attention? Can we even ethically drive people’s attention? In this article, I will introduce some basic psychological principles about human attention, and give guidelines for creating usable and delightful products.<\/b><\/p>\n
<\/p>\n
<\/p>\n
Year by year, more and more content gets pushed at us. After reaching a threshold, it just cannot get through the bottleneck of attention. <\/span><\/p>\n Humans behave in extremely complex ways. This means we cannot reliably predict our own or even our users\u2019 behavior per se, not even as UX researchers. <\/span><\/p>\n To know how to get through the bottleneck, we have to understand how human attention works. <\/span><\/p>\n \u201cDigital innovations must survive the psychological bottlenecks of attention, perception, memory, disposition, motivation and social influence if they are to proliferate.\u201d \u2013 says David C. Evans in his book<\/a>. <\/span><\/p>\n Using psychological principles, by the way, also speaks to the sustainability of UX research<\/a>. <\/span>Of course, we shouldn’t skip talking to customers. Still, we can solve some challenges in product design simply by keeping aware of psychological principles related to attention. <\/span><\/p>\n I recommend it to every UXer. I strongly believe that becoming knowledgeable about these theories in context and then putting them into practice for screen or service design can result in a better fit for your customers while saving you a lot of time and energy.<\/span><\/p>\n Our mobile devices come with their data connection and endless possibilities available 24\/7. This makes it ever more difficult to concentrate on a meeting. Or to wait for your order in a restaurant. Or to watch a movie on TV. <\/span><\/p>\n Teachers take away mobile phones in class. We UXers cannot and should not do that. When we want the user to interact and focus on our app, we can\u2019t remove their moms talking to them or turn off the Netflix playing in the background. <\/span><\/p>\n Rather, we should design products with this context in mind and optimize tasks, user flows and the interface design for our users\u2019 hypothetical level and type of attention. <\/span><\/p>\n In this section, I\u2019ll introduce you to 10 psychological facts about human attention to keep in mind when designing digital products.<\/span><\/p>\n Let me explain about the different types of attention. What makes this important? You have to think about the context your product will be used in. <\/span><\/p>\n Can people really concentrate and pay attention to your product? It depends on the type of attention needed in the specific context. <\/span><\/p>\n Let\u2019s consider a kiosk which customers place their orders with in a fast food restaurant. Imagine yourself in this situation. OK, this busy place has lots of noise and other stimuli, but also consider the social aspect. <\/span><\/p>\n People are waiting in line behind you; you want to eat and so do they. They would likely get angry if you lost focus, wandered around and took more time than necessary to complete the task everyone is waiting to do. <\/span><\/p>\n Most people in this situation would like to avoid confrontation, so they probably won\u2019t pull their phones out to check their Instagram feed while placing the order. The design of these kiosk programs purposely makes the flow easy, simple, straightforward and fast. They don\u2019t steer attention away with unnecessary newsletter signup popups. <\/span><\/p>\n Now let\u2019s explore another scenario on the other end of the spectrum. Imagine you\u2019re using a navigation app. <\/span><\/p>\n In this context, the focus of your attention can determine life and death. You can\u2019t constantly stare at the screen \u2013 sometimes you have a split second to look at the navigation. That gives you long enough to see whether to go left or right, but your focus needs to stay on the road. <\/span><\/p>\n Because you can\u2019t look at the screen, you pay attention to what the navigation tells you. It might even prompt you to look at the screen quickly to double-check that you are taking the correct exit while still focusing on the technicalities of driving: putting your indicator on, steering the wheel to slightly turn left and switching to a lower gear. <\/span><\/p>\n Your mind has wandered off by now\u2026 Did a Slack message pop up? Or did you remember something you wanted to check? Did you just smell freshly brewed coffee and steer away? Anyhow, if you are still keeping up with me or focused on reading this, give yourself a pat on the back! <\/span>These days, this might qualify you as extraordinary. Even superior to a goldfish\u2026 Wait, what?<\/span><\/p>\n A <\/span>Time<\/span><\/i> article titled, \u201cYou Now Have a Shorter Attention Span Than a Goldfish\u201d didn\u2019t exactly boost our self-confidence about our cognitive capacities. It<\/span> features a Microsoft study that found that our attention span had dropped from twelve seconds in 2000 to eight in 2009. A fun fact for comparison: A goldfish goes nine. <\/span><\/p>\n Should we just accept this depressing data and deal with the fact that we have to live and do our best with this ridiculously short amount of time for which we can focus on one thing?<\/span><\/p>\n Despite the outcome of this research, many specialists doubt that our attention span is shrinking. Many argue that our attention span is not decreasing, but the <\/span>way<\/span><\/i> we pay attention is. Some would say that because of the mobile age, our ability to multitask has improved. <\/span><\/p>\n Others very firmly dispute this and say no such thing as multitasking exists. We can switch to another area to focus on or shift our attention. We can\u2019t purposefully and actively pay attention to multiple things at the same time and process that information.<\/span><\/p>\n Those who say that our attention spans are not shrinking believe we merely react to technological advances and our overstimulated environment. We do that by evolving and developing better selective attentional processes. We learned to tune out things better and shift more quickly. <\/span><\/p>\n Another important argument measures up against the catchy but inaccurate \u201cgoldfish example\u201d. It says the span of attention depends greatly on personal characteristics, but even more so on context. <\/span><\/p>\n Your products\u2019 target audience most likely will have both the extremes. Some want bite-sized content and usually disengage with content in a matter of seconds. Others instantly look for substantial content backed up by a lot of detailed information with reliable sources and statistics. <\/span><\/p>\n Most people fall somewhere in between. Only continuous research will tell you how your audience interacts with your product in its context of use. <\/span><\/p>\n The Hungarian presentation platform Prezi released their <\/span>2018 State of Attention<\/span><\/a> report. It found that for all generations, the key for engaging content lies in providing a compelling narrative and stimulating, animated visuals.<\/span><\/p>\n People participating in the survey reported improved focus over time in spite of all the distractions around them. Another important finding relates to multitasking or multi-device usage: \u201c52% of responders admitted that splitting their attention across two or more pieces of content has caused them to watch, read or listen to something multiple times\u201d. <\/span><\/p>\n Also, we constantly need to improve our ability to focus in order to retain information and get things done quickly and effectively. Out of more than 2000 respondents, 49% said <\/span>they’d become more selective about the content they consume.<\/span><\/p>\n Besides the overall numbers, generations differ noticeably. Baby Boomers, Generation X and Millennials, who in some situations have to work side by side, develop very different patterns when it comes to attention. <\/span><\/p>\n The study showed that Millennials generally shift their attention away, multitask and lose focus more often than Boomers and Gen-Xers. However, they also felt subjectively that they could concentrate and focus more effectively and for a longer time. <\/span><\/p>\n That said, we shouldn\u2019t turn a blind eye to the opportunity there. Millennials expect and enjoy a great story or a theme, as well as visuals representing and backing up the information. One-third reported they only engage with content if it has a great story, as it keeps them interested. <\/span><\/p>\n When it comes to information-processing, a lot goes on in our brain until we actually get to the point of making sense of the information presented to us. <\/span><\/p>\n Our <\/span>working memory<\/span><\/a> plays a big role in what we can process and the amount of information we can manipulate. But before all that, we need to divert our attention to the stimuli for us to perceive the sensory information \u2013 whether auditory, visual or even olfactory. <\/span><\/p>\n To sum up, attention links closely with short-term memory and working memory. The ability to manipulate information we work with makes up a mutual effort between focusing our attention onto something and also keeping those units of information in our working memory.<\/span><\/p>\n Many researchers set out to measure and learn about the human information processing capacity to learn how our nervous system transmits and decodes messages. <\/span><\/p>\n Shockingly, they found that even though 11 million bits of information come through our sensory system every second, at maximum capacity we can only process 50 when performing conscious activities such as reading or playing the piano. <\/span><\/p>\n This huge discrepancy between the portion of transmitted and processed information does not mean that more than 99% of the information just goes missing. This involves powerful compression. How does that happen? How can we compress all this information in such a short time? <\/span><\/p>\n First, note that we don\u2019t have to make a conscious effort to process information and do this compression. It happens unconsciously, automatically. Second, a half-second delay occurs between the processing and the compression. Thanks to the multitude of connections between our 100 billion brain cells, that gives us just enough time to make that powerful compression happen. Amazing, right?<\/span><\/p>\n We spend so much time online that we begin to safely assume we\u2019ve developed new ways and techniques to filter out the irrelevant. We face countless marketing messages a day, personalized advertisements target us non-stop, and fresh new content bombards us every second. <\/span><\/p>\n Saw something mildly interesting in your feed? Too late. You switched apps because it couldn\u2019t keep your attention. Or you didn’t have time to read that article at that time. Next time you open it, the feed refreshes. Good luck finding your post. The bottom line: No one has it easy. Not the user, the provider, nor product or content creator. <\/span><\/p>\n That said, we do have an amazing innate capability to tune things out and focus on what we consider important at that moment. The famous psychological phenomenon of the \u201ccocktail-party effect\u201d backs this up.<\/span><\/p>\n Usually, people at a party tune out the background noise and perceive it as a murmur in order to concentrate on their conversation partner. If they wish to, however, they can eavesdrop on other people\u2019s conversations. But at that point they are not paying attention to their conversation partner anymore. <\/span><\/p>\n This proves that humans can only focus on one stream of attention and can\u2019t divide it, at least when it comes to understanding speech. You can have a dim awareness of the music playing in the background or the approximate number of people around but still you can only perceive and pay attention to one stream on the level of assigning meaning. <\/span><\/p>\n So you have carefully crafted the design and the user experience of your mobile app or website. You didn\u2019t want to burden and overstimulate users. Also, your business model didn’t even require ads. Uninterrupted flow, clean, simple, flat design \u2013 everything to think that your users will easily complete their task efficiently and without interruption. <\/span><\/p>\n But unfortunately, it doesn\u2019t work that simply. Putting something on the small or large screen doesn\u2019t mean they will process everything that has been going on in there. <\/span><\/p>\n Like with reading, even though we focus our eyes and attention on a small amount of space with only two bits of information per letter, we cannot process, notice and interpret all the written content on that page in a matter of seconds. <\/span><\/p>\n We typically don\u2019t process the information from areas and functions on the screen that fall outside our attention.<\/span><\/p>\n I think we all have examples like that from our daily life. Most days, we face the challenge of finding the things we direct our limited and valuable attention to. Sometimes all the talking, visual cues and messages overstimulate us. In those situations, we learn to tune out many things and do some of our recurring tasks completely automatically. <\/span><\/p>\n Some of the inputs go together well enough. To mention a personal example, I can listen to music while reading or working or watch a series while cooking. I can\u2019t however look at the screen of my tablet to check the recipe and do some precision work with my carrots in the meantime. <\/span><\/p>\n Two conscious processes with a considerable amount of cognitive load don\u2019t go well together. Essentially, you cannot multitask two demanding tasks.<\/span><\/p>\n Think about how the time we spend daily on the internet increases every year. Even though more and more stimuli surrounds us, with technologies taking a bigger part of our lives in general, our attentional capacity is not changing<\/span><\/p>\n From an evolutionary perspective, it could take centuries before neural pathways in the brain change significantly. <\/span><\/p>\n So we have to design for what people can do cognitively. We have to accept and take into account when designing digital products that human attention has its limits as a resource. Our ability to pay attention for a number of seconds is not changing. <\/span><\/p>\n Our actual activity is. <\/span><\/p>\n The way we pay attention and how quickly we switch from one source to the other has a big effect on professions like marketers and UXers. <\/span><\/p>\n As one way to get their attention, we can simply force content and products on users with pop-ups, push notifications and sounds. With another, we empathize with them and alleviate the stress of over-stimulation at least inside our product, service or webpage. <\/span><\/p>\n This presents a great challenge: You want your business to strive, so you\u2019d have to get your product in front of the user. But you also want them to have a delightful experience.<\/span><\/p>\n UX designers<\/a> have the responsibility for exactly what happens to the user inside of a product, how they comply with the human psychological bottlenecks, and how to align their product design with it. <\/span><\/p>\n We don\u2019t want to take their attention away from more important things, and we don\u2019t want to rob them of their attention. We just want to alleviate the cognitive load by requiring exactly that amount of attention required in that context to accomplish their goals. So, what can we as designers do? <\/span><\/p>\n I\u2019m not going to tell you how to grab user attention. I\u2019d argue that we can\u2019t do it ethically. First, really understand how your users feel in the various contexts of using your product and service and design for that specific situation. <\/span><\/p>\n That said, some basic principles can help you not make your user think more than they should. People don\u2019t like when they have to do more things or contemplate more than necessary. <\/span><\/p>\n Back in the day, we had to plan carefully what pages we wanted to visit and for how long. We had to \u201ccall in\u201d to connect to the World Wide Web, and it had its limits.<\/span><\/p>\n Nowadays, most people don\u2019t live with these limitations thanks to wifi and unlimited data plans. Because our habits have changed, how we interact with our devices has too. <\/span><\/p>\n We have to keep some changes in mind. We no longer have barriers and limitations like in the time of dial-up. So in creating your design, we have to remember that the user can go away and switch tabs in a browser or apps on their phone anytime in milliseconds. <\/span><\/p>\n Clearly, state what pain your product solves so you know their desired outcome precisely. But how do we find that out? With research, of course. <\/span><\/p>\n You need to gather data on users from the most channels and methods possible: usability tests, user interviews, surveys, observations, heatmaps, recordings, AB tests, click tests and so on. Read about the UX research methods our design studio uses most <\/span>here<\/span><\/a>.<\/span><\/p>\n When you have found out users\u2019 desired outcomes and identified their focus, you can highlight the information they need to accomplish the task at hand. Then weed out the distractions from the flow and the interface design. <\/span><\/p>\n Our goals direct our attention. That means that if we have a clear goal at hand, we will direct our attention towards those signals in the environment we find essential to move towards our goal. We tune out the rest like noise and consider it a frustrating distraction. We call this functioning <\/span>task-positive<\/b>. <\/span><\/p>\n However, if we don\u2019t have a clear goal, we don\u2019t know exactly what to ignore and what to focus on. These situations make us receptive to anything that comes our way, except when it requires a lot of our cognitive capacity, conscious effort and concentration. The latter \u201cmind-wandering mode\u201d supports a broader, non-linear processing of the information around us \u2013 in other words, a <\/span>task-negative <\/b>mode. <\/span><\/p>\n Spice up long texts<\/b> with images, GIFs, or videos \u2013 an app or a website or a presentation. No one wants to read long texts with no visual relief. We have books for that. <\/span><\/p>\n Also, a <\/span>clear visual hierarchy<\/b> makes the content easily scannable and comprehensible. For the visual hierarchy and the content you present, use very well-crafted and thought-out words. You can achieve it with <\/span>UX writing and microcopy.<\/span><\/a><\/p>\n We know that people tend to willingly keep their attention on something they find more exciting. Scientific evidence shows that a page full of relevant visuals \u2013 images, infographics, catchy videos \u2013 provides much more excitement than a full body of text. <\/span><\/p>\n It has also shown that executives who don\u2019t have the time or drive to read through corporate websites will much more likely dedicate time when presented a video. One with captivating, informative visuals that convey all the information but not more than needed at a certain time can make all the difference. <\/span><\/p>\n Give your users the minimum information they need to process. Even if you initially think you need a certain amount of text, minimize it. Remove words and even sentences. \u00a0<\/span><\/p>\n Removing the clutter also helps you achieve that pared-down effect in your interface design. Provide that breath of fresh air for your user between all those crammed-in products and other stimuli from the environment fighting for their attention. <\/span><\/p>\n People already have a hard time determining where to direct their attention. Sometimes they struggle with unintentionally steering away because of all the distractions. <\/span><\/p>\n We UXers have to take it easy on them! <\/span>Minimize the cognitive load <\/b>for users while they interact with your product. <\/span><\/p>\n You don\u2019t have to reinvent the wheel here. Rely on patterns, users\u2019 already existing mental models, and design principles. Apply <\/span>\n
Using psychological principles in design<\/span><\/h2>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Distraction-720x540.png\")
<\/p>\n10 psychological facts about human attention<\/span><\/h2>\n
1. Attention comes in different types.<\/span><\/h2>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_cover-720x539.png\")
<\/p>\n1. Sustained Attention<\/span><\/h3>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Order.png\")
<\/p>\n2. Divided attention<\/span><\/h3>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Driving.png\")
<\/p>\n2. Not much differentiates us from a goldfish.<\/span><\/h2>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Goldfish-720x581.png\")
<\/p>\n3. Our attention might be shrinking \u2026 or evolving.<\/span><\/h2>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_multitasking-720x405.png\")
<\/p>\n4. Content helps capture attention.<\/span><\/h2>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_State-of-Attention.png\")
<\/p>\n5. Attention-related differences have arisen between generations.<\/span><\/h2>\n
6. Attention and memory go hand in hand.<\/span><\/h2>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Working-Memory.png\")
<\/p>\n7. The brain: A biological machine with the best compression algorithm.<\/span><\/h2>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Brain-scan-720x346.png\")
<\/p>\n8. The Cocktail-Party Effect<\/span><\/h2>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Cocktail-party-effect-720x385.png\")
<\/p>\n9. Inattentional blindness: We don\u2019t see everything in digital products.<\/span><\/h2>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Heatmap-720x410.png\")
<\/p>\n10. Netflix and cooking go well together for balancing cognitive load.<\/span><\/h2>\n
Designing for attention<\/span><\/h2>\n
Profit-focused vs. user-centered design <\/span><\/h2>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Cats-Everywhere-720x360.png\")
<\/p>\nDesigning for limited attention<\/span><\/h2>\n
1. Remember: The dial-up internet era has ended<\/span><\/h3>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Old-days.png\")
<\/p>\n2. Provide your users with only what they need<\/span><\/h3>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Booking-720x594.png\")
3. Find out your users\u2019 goal \u2013 if they have one<\/span><\/h3>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Navigation-720x333.png\")
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_Screens-720x421.png\")
4. Vary the types of content<\/span><\/h3>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_shopping-720x407.png\")
5. Pare it down<\/span><\/h3>\n
![\"Human](\"https:\/\/uxstudioteam.com\/ux-blog\/wp-content\/uploads\/2019\/05\/User-Attention-UX_UI-720x518.png\")
6. Reduce users\u2019 cognitive load \u2013 Use patterns<\/span><\/h3>\n