

{"id":3076,"date":"2017-05-15T17:34:52","date_gmt":"2017-05-15T14:34:52","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=3076"},"modified":"2023-08-14T18:56:07","modified_gmt":"2023-08-14T18:56:07","slug":"how-human-memory-works-tips-for-ux-designers","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/","title":{"rendered":"How Human Memory Works: Tips for UX Designers"},"content":{"rendered":"<p><span style=\"color: #333333;\">One of the greatest information processors we deal with in our everyday life cannot be seen or touched. It cannot be bought or sold as well as taken from other people; however, it can be developed and strengthened in many ways. It cannot be easily described but belongs to the most precious features of human life and determines perhaps any step we take and any decision we make. It is a wonder we rarely think about that way. It&#8217;s a human memory.<\/span><\/p>\n<p><span style=\"color: #333333;\">Memory presents an amazing natural complex of data storage and processing. It keeps great loads of information through life and is even able to organize it for the sake of the holder. Moreover, it takes the responsibility of setting priorities and keeping some details which could be remembered just off the top of our heads while erasing others which seem not necessary or haven&#8217;t been used for a long time. Human memory is one of the mechanisms determining a person&#8217;s interaction with the outer world.<\/span><\/p>\n<p><span style=\"color: #333333;\">Obviously, this aspect needs to be studied and considered in the sphere of UX design responsible for interfaces of all kinds. Knowing how memory works, designers can create human-centered interfaces that correspond to the natural abilities of the users, save their effort and boost usability.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7995\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Trends-UI-Design.jpg\" alt=\"Trends UI Design\" width=\"1500\" height=\"996\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Trends-UI-Design.jpg 1500w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Trends-UI-Design-300x199.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Trends-UI-Design-768x510.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Trends-UI-Design-1024x680.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/04\/Trends-UI-Design-150x100.jpg 150w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Healthy Food App<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Basic points about memory<\/span><\/h2>\n<p><span style=\"color: #333333;\">In general terms, human memory is the natural storage for the data right in the human brain. It reacts to the outer stimuli, collects the data, processes it and organizes in different ways. Also, it enables a person to access the needed data collected in the memory when it&#8217;s needed. However, it doesn&#8217;t present the perfect mechanism as it&#8217;s influenced by a big number of factors of physical and emotional nature.<\/span><\/p>\n<p><span style=\"color: #333333;\">Basically, psychologists mention three types of memory:<\/span><\/p>\n<p><span style=\"color: #333333;\">&#8211; <strong>sensory memory<\/strong> holds the data for a short moment when we perceive it with our physical senses like hearing, vision or touch;<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>&#8211; short-term memory<\/strong> (working memory) allows a person to keep some data remembered for a short period of time without repetitions;<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>&#8211; long-term memory<\/strong> presents the storage for big quantities of diverse data which could be saved for long periods of time, potentially up to the whole lifetime.<\/span><\/p>\n<p><span style=\"color: #333333;\">The effective methods of getting the information kept in long-term memory are repetitions and associations.\u00a0Taking a look at the scheme below, which was provided in the <a style=\"color: #333333;\" href=\"https:\/\/www.learningsolutionsmag.com\/articles\/1684\/brain-science-testing-testing-the-whys-and-whens-of-assessment\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">article<\/a> by Learning Solutions Magazine, we can see the basic flow of data from the first outer stimulus to the long-term memory.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8937\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/memory-work-for-designers.jpg\" alt=\"how memory works for designers\" width=\"608\" height=\"349\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/memory-work-for-designers.jpg 608w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/memory-work-for-designers-300x172.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/memory-work-for-designers-150x86.jpg 150w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">Creating the flow of interactions with a website or a mobile application, UX designers have to take this factor into account. Surely, they aim at long-term memory which will keep the core data about the app and will allow using the interface easily again and again. Knowing the steps of moving the data to this storage\u00a0enables designers to set the effective strategy of data perception and necessary repetitions. Also, it helps to organize the data on the screen properly and strengthen the\u00a0<a href=\"https:\/\/blog.tubikstudio.com\/information-architecture-basics-for-designers\/\" target=\"_blank\" rel=\"noopener noreferrer\">information architecture<\/a> of the product.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Basic laws of memory<\/span><\/h2>\n<p><span style=\"color: #333333;\">Three core aspects of memorizing which are mentioned by specialists in psychology are very simple:<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>1. Concentration.<\/strong> To remember a thing or chunk of data, a person needs to concentrate on it. Otherwise, the chances are high that the data will be discarded on the level of short-term memory.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>2. Association<\/strong>. The memory presents a huge network of links connecting different data. If a person builds the association which links the new data or object with something well-known or kept in long-term memory, the chances of memorizing get higher.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>3. Repetition<\/strong>. It is one of the effective ways to activate the data in working memory several times until it moves to long-term memory storage.<\/span><\/p>\n<p><span style=\"color: #333333;\">Organization of the interface content based on these three points performs with<a href=\"https:\/\/blog.tubikstudio.com\/9-effective-tips-on-visual-hierarchy\/\"> visual hierarchy<\/a> and perception which can mark important layout elements that should be remembered and make the interaction easier.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7721\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/cinema_app_interactions_UI_tubik.gif\" alt=\"cinema app interactions UI\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Cinema App<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Expert explorations of memory<\/span><\/h2>\n<p><span style=\"color: #333333;\">There are also some laws and rules which were concluded from various research, experiments and practical testing. Among them, we would mention Miller&#8217;s Law and Hick&#8217;s Law.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Miller&#8217;s Law<\/span><\/h2>\n<p>&nbsp;<\/p>\n<blockquote><p><strong><span style=\"color: #333333;\">The number of objects an average person can hold in working<\/span> <span style=\"color: #333333;\">memory<\/span><span style=\"color: #333333;\"> is about seven.<\/span><\/strong><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">This exploration was offered on the basis of scientific research by George Miller in 1956 psychological review &#8220;<a style=\"color: #333333;\" href=\"http:\/\/psychclassics.yorku.ca\/Miller\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">The magical number seven, plus or minus two<\/a>: Some limits on our capacity for processing information&#8221;. In general terms, it states that the short-term memory of an average human is able to keep and process about seven objects or chunks of data plus\/minus two at once. Obviously, the formulation given here is generalized as the real flow depends on many factors, including the nature of the information.<\/span><\/p>\n<p><span style=\"color: #333333;\">Later studies, for example, the review by\u00a0Richard Shiffrin and Robert Nosofsky called &#8220;Seven plus or minus two: A commentary on capacity limitations&#8221; provided deeper insights into the\u00a0work of working memory. In particular, the authors mention that the number of objects which a person can remember at once after they were presented is dependent on the nature of the objects, on average with <strong>seven for digits<\/strong>, <strong>six for letters<\/strong> and about <strong>five for words<\/strong>. It gives the brain abilities to quickly process information, <\/span>recognize<span style=\"color: #333333;\">\u00a0its character and connection to the objects already existing in long-term memory and finalize memorizing.<\/span><\/p>\n<p><span style=\"color: #333333;\">At the design perspective, this information plays a vital role in building up the usable and clear layout. Interfaces, which demand to remember too many options at once, can create tension and get users irritated even if they aren&#8217;t able to describe the reason for unpleasant emotions.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8725\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/05\/magicco_tubik_studio.gif\" alt=\"magicco tubik studio landing page design\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-magic-co-creative-landing-page-design\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Magic.co landing page<\/a><\/em><\/span><\/p>\n<h2><span style=\"color: #333333;\">Hick&#8217;s Law<\/span><\/h2>\n<blockquote><p><strong><span style=\"color: #333333;\">The more elements people get, the harder it is to make a choice.<\/span><\/strong><\/p><\/blockquote>\n<p><span style=\"color: #333333;\">At first glance, it seems that this law is not about memory, still, the connection exists. Memory is one of the mechanisms that protect people from a negative experience. The more options people get at once, the more distracted they get with numerous associations which can be called &#8211; and that&#8217;s impossible to predict how good or bad they can be in this particular case. In addition, giving many options for the choice at once, again we can overload the user&#8217;s memory with the bigger number then the working memory can process. In particular, this factor needs special attention in cases of platforms for <a href=\"https:\/\/blog.tubikstudio.com\/11-profitable-strategies-for-e-commerce-ui-design\/\">e-commerce<\/a>, which should keep the hard balance between giving the user all the necessary information and overwhelming him or her with too many options. Finding this harmony is one of the major challenges for UX designers.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7719\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/ui-animation-cafe-app-tubikstudio.gif\" alt=\"ui animation cafe app tubikstudio\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Cafe Coupon App<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Tips for memory-friendly UX<\/span><\/h2>\n<p><span style=\"color: #333333;\">On the basis of the factors and explorations given above, let&#8217;s consider a set of tips applying this knowledge for the sake of usability.<\/span><\/p>\n<h3><span style=\"color: #333333;\">1. Don&#8217;t make users memorize many items at once.<\/span><\/h3>\n<p><span style=\"color: #333333;\">Definitely, it doesn&#8217;t mean that all the screens or pages should be limited to 5-9 elements. Still, the number of elements that present core interaction points would rather be considered in these terms. Making several objects in the layout prominent and attractive, designers can follow the law of concentration which will catch the key zones like a menu, call-to-action, an image presenting the product, etc. <a href=\"https:\/\/blog.tubikstudio.com\/visual-hierarchy-effective-ui-content-organization\/\">Visual hierarchy<\/a> is one of the vital strategies that enables a designer to create an interface containing many elements visually grouped and divided in a way which is digestible for human memory.<\/span><\/p>\n<p><span style=\"color: #333333;\">It is also effectively applied to the <a href=\"https:\/\/blog.tubikstudio.com\/user-experience-tips-ux-writing\/\">copy content in the interfaces<\/a>. In the <a style=\"color: #333333;\" href=\"https:\/\/tubikstudio.com\/tips-on-applying-copy-content-in-user-interfaces\/\" target=\"_blank\" rel=\"noopener noreferrer\">article<\/a>, devoted to this issue, we mentioned some investigations:\u00a0according to the <a style=\"color: #333333;\" href=\"https:\/\/blog.bufferapp.com\/the-ideal-length-of-everything-online-according-to-science\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">research<\/a> published by one of the popular social media sharing platforms Buffer, the ideal length of the headline is 6 words; Jacob Nielsen provides <a style=\"color: #333333;\" href=\"https:\/\/www.nngroup.com\/articles\/worlds-best-headlines-bbc-news\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">the study<\/a> at which shows that headlines of 5-6 words work effectively, not less than extensive headlines presenting a full sentence. One of the reasons for that is obviously connected with the ability of the\u00a0working memory to process such chunks of data faster and more effectively.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7739\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/03\/Tubik_Studio_Photography_Workshops.gif\" alt=\"Tubik Studio Photography Workshops\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Photography workshops website<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">2. Don&#8217;t present too many elements for the choice together.<\/span><\/h3>\n<p><span style=\"color: #333333;\">It&#8217;s important to care about the concentration ratio. If you present several choices, <a href=\"https:\/\/blog.tubikstudio.com\/ui-design-basic-types-of-buttons-in-user-interfaces\/\">buttons<\/a>, options at once, you should be ready that it will take more time and effort for user&#8217;s short-term memory to work them over and this can distract him or her from making the final decision or interaction. This can be the reason for inefficient landing pages or sales funnels: even if they are stunningly designed, the over-distracted user can go away before the conversion happens. Apply scrolling and transitions\u00a0based on careful prioritization, dividing the objects on the screen or page into groups of primary, secondary and tertiary importance &#8211; this will help users and make navigation through the interface more natural.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8125\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/book-swap-app-by-tubik-studio.png\" alt=\"book swap app tubikstudio\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/book-swap-app-by-tubik-studio.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/book-swap-app-by-tubik-studio-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/book-swap-app-by-tubik-studio-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/book-swap-app-by-tubik-studio-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Book Swap App<\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">3. Save memory effort with recognizable patterns and symbols<\/span><\/h3>\n<p><span style=\"color: #333333;\">No secret, people are visually driven creatures, so designers usually master the art of applying images that not only attract attention but also inform users and organize the content. In one of our <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/visual-perception-icons-vs-copy-in-ui\/\">articles<\/a>, we gave the details on how users recognize icons and copy. It shows that pictorial elements such as icons and illustrations are perceived faster while copy can be more informative. This can be useful in interface design to apply diverse models and markers which are widely recognized not only in this particular interface but generally in a variety of them. Magnifier icons for search, shopping cart for the page collecting orders, plus button for creating a new item, flags marking the buttons changing the language &#8211; all of them present the elements existing in human memory for a long time and bringing up correct associations without the need to keep and process new information.<\/span><\/p>\n<p><span style=\"color: #333333;\">Moreover, going to a broader perspective, most users expect to see the sign of the brand and the links to core sections of the website in the header while the contacts, privacy policy, terms of use and credits in the footer. Knowing these and other\u00a0similar patterns of user behavior, designers can save users&#8217; effort making basic operations simple and intuitive. This way it&#8217;s easier to focus user&#8217;s attention on new data and make its perception quick.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8148\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2016\/11\/weather_app-design.gif\" alt=\"weather app design\" width=\"800\" height=\"600\" \/><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/weather-in-ui-design-come-rain-or-shine\/\"><em>Weather App<\/em><\/a><\/p>\n<h3><span style=\"color: #333333;\">4. Apply consistent markers in navigation<\/span><\/h3>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/uiux-design-glossary-navigation-elements\/\">Navigation<\/a>\u00a0is the crucial factor of usability. Enabling to move through the interfaces, it also presents the data which should be kept by users&#8217; memory; therefore, designers apply a variety of techniques making transitions and interactions consistent and clear. For example, color or shape markers sorting out particular sections, icons defining specific groups of items, fonts used consistently for specific names or\u00a0types of copy, illustrations and mascots uniting different screens &#8211; these and similar tricks boost memorability of the layout and often support a user in processing new data.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7714\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/homey_app_ui_design_tubik.png\" alt=\"homey app ui design tubik\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/homey_app_ui_design_tubik.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/homey_app_ui_design_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/homey_app_ui_design_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/06\/homey_app_ui_design_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><em>Homey App<\/em><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">5. Don&#8217;t hide the core elements of navigation<\/span><\/h3>\n<p><span style=\"color: #333333;\">The discussions about various menus showing or hiding blocks of content are still hot and popular. It&#8217;s vital to remember that the key aim of the interface should be the user clearly understanding what&#8217;s going on. So, the decision about hamburger menus, sliders, hidden layers of navigation and content should be based on the careful analysis of the target audience. In most cases, especially for the complex interfaces used by the diverse target audience, hiding core navigation elements can serve badly: users need to find and memorize the patterns of reaching them. Some users can appreciate the techniques of saving space for other elements, while others will be annoyed with the necessity to remember how to find the necessary section. Again, prioritization plays a great role: hiding secondary elements while leaving primary ones always visible, designers focus users&#8217; attention on what is the core for them. User testing helps to evaluate the efficiency of the navigation flow and its impact on the <a href=\"https:\/\/blog.tubikstudio.com\/7-factors-that-influence-webpage-conversion-rates\/\">conversion rate<\/a>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8117\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/04\/online_bookshop_design.gif\" alt=\"online bookshop design\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em>Bookshop Website<\/em><\/span><\/p>\n<h3><span style=\"color: #333333;\">6. Stimulate different types of memory<\/span><\/h3>\n<p><span style=\"color: #333333;\">Remember the scheme given above? You could see that the first and the quickest stage of absorbing data is sensory memory. Basically, it is divided into several types of memory which depend on the sensor: it can be visual, audio, kinesthetic, verbal, mechanical, etc. Activating them, not only do designers create more memorable interaction flows, but also support broader circles of users. Research and experiments show that different people have different types of memory as the most effective for them. That&#8217;s why, for example, icons given with copy in the names of core categories of the menu can boost usability supporting users via both visual and verbal memory. Sounds accompanying interactions also create memorable flows and operations.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8285\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2019\/10\/tubik-studio-application-recipes-and-cooking.gif\" alt=\"tubik studio application recipes and cooking\" width=\"800\" height=\"600\" \/><\/p>\n<p><em>Recipe App<\/em><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #333333;\">7. Remember about emotions<\/span><\/h3>\n<p><span style=\"color: #333333;\">Make no mistake, emotional feedback from the interaction is a great factor in retaining or losing users. Bad experience stimulates quicker forgetting the details but tends to leave general negative feeling because in this way the brain tries to protect the human. Vice versa, positive emotions, be it fun, aesthetic satisfaction, gratification for the quickly solved problem or accessible communication can bring the person back to feel it again and again.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8938\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/night-in-berlin-ui-animation-tubik.gif\" alt=\"night in berlin ui animation tubik\" width=\"800\" height=\"600\" \/><\/p>\n<p><span style=\"color: #333333;\"><em><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-night-in-berlin-ui-for-event-app\/\">Night in Berlin App<\/a><\/em><\/span><\/p>\n<p><span style=\"color: #333333;\">So, the bottom line is simple: creating interfaces for people, designers have to know how people interact with the world and what influences their behavior. Human memory is one of the essential features determining successful and positive user experience on both conscious and unconscious levels, so it\u00a0needs to be studied, considered and tested for <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/faq-design-platform-human-centered-vs-user-centered-are-the-terms-different\/\">human-centered UX<\/a> design.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Recommended reading<\/span><\/h2>\n<p><span style=\"color: #333333;\">Here is a bunch of useful links which could provide further interesting explorations of the topic:<\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/www.nngroup.com\/articles\/short-term-memory-and-web-usability\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Short-Term Memory and Web Usability<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/www.interaction-design.org\/literature\/article\/ux-and-memory-present-information-at-relevant-points\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">UX and Memory: Present Information at Relevant Points<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"http:\/\/psychclassics.yorku.ca\/Miller\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">The Magical Number Seven, Plus or Minus Two: Some Limits on our Capacity for Processing Information<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/www.smashingmagazine.com\/2016\/08\/user-memory-design-how-to-design-for-experiences-that-last\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">User Memory Design: How To Design For Experiences That Last<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/visual-perception-icons-vs-copy-in-ui\/\">Visual Perception. Icons vs Copy in UI<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"http:\/\/www.uxbooth.com\/articles\/total-memory-recall\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Total (Memory) Recall<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/www.interaction-design.org\/literature\/article\/the-properties-of-human-memory-and-their-importance-for-information-visualization\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">The Properties of Human Memory and Their Importance for Information Visualization<\/a><\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-make-web-interface-scannable\/\">UX Design: How to Make Web Interface Scannable<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The article giving insights into the ways human memory works and considering the factors of its influence on UX design solutions for websites and mobile apps.<\/p>\n","protected":false},"author":3,"featured_media":8939,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7,9],"tags":[257,506,319,507,365,515,20,437,533,100,440,114,447,139,457,147,479,151,480,212,482,231,483,232,485,233,491,237,495,248,502,256,505],"coauthors":[],"class_list":["post-3076","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-processes_and_tools","category-ui_ux","tag-interface","tag-ux-design-education","tag-mobile-app","tag-ux-design-examples","tag-product-design","tag-uxui","tag-app-design","tag-tips","tag-web-design","tag-design","tag-tubik","tag-design-education","tag-tubik-studio","tag-design-psychology","tag-ui","tag-design-studio","tag-usability","tag-design-tips","tag-user-behavior","tag-graphic-design","tag-user-experience","tag-human-memory","tag-user-experience-article","tag-human-centered","tag-user-experience-design","tag-human-computer-interaction","tag-user-interface","tag-icons","tag-user-research","tag-illustration","tag-ux","tag-interaction-design","tag-ux-design-best-practices"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How Human Memory Works: Tips for UX Designers<\/title>\n<meta name=\"description\" content=\"The article giving insights into the ways human memory works and considering the factors of its influence on UX design solutions for websites and mobile apps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Human Memory Works: Tips for UX Designers\" \/>\n<meta property=\"og:description\" content=\"The article giving insights into the ways human memory works and considering the factors of its influence on UX design solutions for websites and mobile apps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-15T14:34:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-14T18:56:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/human-memory-tips-on-ux-design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1334\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/\",\"name\":\"How Human Memory Works: Tips for UX Designers\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/human-memory-tips-on-ux-design.jpg\",\"datePublished\":\"2017-05-15T14:34:52+00:00\",\"dateModified\":\"2023-08-14T18:56:07+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"The article giving insights into the ways human memory works and considering the factors of its influence on UX design solutions for websites and mobile apps.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/human-memory-tips-on-ux-design.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/human-memory-tips-on-ux-design.jpg\",\"width\":2000,\"height\":1334,\"caption\":\"human memory tips on ux design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Human Memory Works: Tips for UX Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How Human Memory Works: Tips for UX Designers","description":"The article giving insights into the ways human memory works and considering the factors of its influence on UX design solutions for websites and mobile apps.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/","og_locale":"en_US","og_type":"article","og_title":"How Human Memory Works: Tips for UX Designers","og_description":"The article giving insights into the ways human memory works and considering the factors of its influence on UX design solutions for websites and mobile apps.","og_url":"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2017-05-15T14:34:52+00:00","article_modified_time":"2023-08-14T18:56:07+00:00","og_image":[{"width":2000,"height":1334,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/human-memory-tips-on-ux-design.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/","url":"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/","name":"How Human Memory Works: Tips for UX Designers","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/human-memory-tips-on-ux-design.jpg","datePublished":"2017-05-15T14:34:52+00:00","dateModified":"2023-08-14T18:56:07+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"The article giving insights into the ways human memory works and considering the factors of its influence on UX design solutions for websites and mobile apps.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/human-memory-tips-on-ux-design.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/05\/human-memory-tips-on-ux-design.jpg","width":2000,"height":1334,"caption":"human memory tips on ux design"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/how-human-memory-works-tips-for-ux-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How Human Memory Works: Tips for UX Designers"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=3076"}],"version-history":[{"count":3,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3076\/revisions"}],"predecessor-version":[{"id":14609,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/3076\/revisions\/14609"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/8939"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=3076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=3076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=3076"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=3076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}