{"id":22176,"date":"2021-01-21T11:22:28","date_gmt":"2021-01-21T11:22:28","guid":{"rendered":"https:\/\/codeandpepper.com\/?p=22176"},"modified":"2023-12-21T09:55:56","modified_gmt":"2023-12-21T09:55:56","slug":"user-experience-friction-real-life-examples","status":"publish","type":"post","link":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/","title":{"rendered":"User Experience Friction in Real Life Examples"},"content":{"rendered":"\n<p>Designing an app to be user friendly is a must, right? User-friendliness is not a simple term, though and its complexity is actually gigantic, when you take a better look at what it involves. One of the key aspects one needs to understand and consider from the very beginning of work on an app is <strong>user experience friction<\/strong> and its three main areas: emotional friction, interaction friction and cognitive friction. Read more to find out what they are and how to avoid them.<\/p>\n\n\n\n<!--more-->\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg\" alt=\"User experience friction in real examples\" class=\"wp-image-22177\" width=\"864\" height=\"450\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image-300x156.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image-768x400.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image-361x188.jpg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image-192x100.jpg 192w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image-720x375.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image-432x225.jpg 432w\" sizes=\"auto, (max-width: 864px) 100vw, 864px\" \/><\/figure><\/div>\n\n\n\n<p>Out of all problems users encounter, many are purely technical and related to how an app performs, how it crashes and glitches. However, from a developer\u2019s point of view, <a href=\"https:\/\/codeandpepper.com\/services\/ux-design-agency\/\">UX<\/a> is mostly about how an app should be designed to provide users with a pleasurable, smooth experience. To make it happen, designers must consider all sorts of variables and do their best to avoid their biggest enemy\u2014<strong>UX friction<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-user-experience-friction\">What is user experience friction<\/h2>\n\n\n\n<p>Simply speaking, <strong>UX friction<\/strong> can be anything that makes it difficult for users to accomplish their goals when using software. Friction occurs, for instance, when an app is not intuitive enough, when its interface is not designed in a clear, understandable way, when it does not function properly or when actions require too many steps to be completed. Such problems obviously lead to frustration, reduced conversion, abandonment and, ultimately, choosing a better app. Ultimately, most of the popular apps are <a href=\"https:\/\/codeandpepper.com\/services\/front-end-development-services\/\">designed from scratch<\/a> with an average user in mind and are as simple to use as possible. Just take a look at Uber (we will come back to it later in this article). There are so few buttons on the screen, yet it works so well and requires no explanation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-user-experience-friction-comes-in-different-forms-shapes-and-sizes\">User experience friction comes in different forms, shapes and sizes<\/h2>\n\n\n\n<p>There are <strong>three basic types of UX friction<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Emotional friction<\/strong><\/li><li><strong>Interaction friction<\/strong><\/li><li><strong>Cognitive friction<\/strong><\/li><\/ul>\n\n\n\n<p>Each of them refers to different types of problems users encounter in apps, and needs to be diagnosed with different tools.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-emotional-friction\">Emotional friction<\/h3>\n\n\n\n<p>The most complex category of UX friction is <strong>emotional friction<\/strong>. It refers directly to how users feel when using an app and how these <a href=\"https:\/\/www.interaction-design.org\/literature\/article\/how-to-prevent-negative-emotions-in-the-user-experience-of-your-product\" rel=\"nofollow\">feelings affect their decision<\/a> to stop using it. It\u2019s often the hardest to spot the emotional factors that cause <em>UX friction<\/em> and it requires very thorough behavioral tests and psychological observations. Once spotted, problems that cause emotional friction are also the most difficult to address.<\/p>\n\n\n\n<p>The role of emotion is crucial in UX, as only happy users can help you monetize your app. What\u2019s important, though, is that there are two types of emotional responses to consider:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Negative emotional responses,<\/li><li>Positive emotional responses.<\/li><\/ul>\n\n\n\n<p>In some cases, negative emotions can lead to a positive effect, but it happens only in very specific situations and only if they are intended by designers. For example, <em>fear <\/em>is desired in horror games. In general though, in conventional apps, designers\u2019 goal is always to make sure users never feel bad while using their product. <strong>The customer should never be overwhelmed by too many options to choose from<\/strong> and seemingly complicated functionalities. The easiest way to generate positive emotions, then, is making sure no negative ones are evoked.&nbsp;<\/p>\n\n\n\n<p>A great example of such design (or a design trend) is the <strong>Uber app and most of its clones<\/strong>. When you open such an app, you are always greeted with a very simple screen that offers only what you need &#8211; a field where you can place your destination.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"1024\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/uber-474x1024.jpg\" alt=\"Example of an app with minimized user experience friction - Uber\" class=\"wp-image-22178\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/uber-474x1024.jpg 474w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/uber-139x300.jpg 139w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/uber-97x209.jpg 97w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/uber-46x100.jpg 46w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/uber-324x700.jpg 324w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/uber-432x933.jpg 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/uber.jpg 500w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><figcaption><em>Simplicity at its best<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>As there are no distractions, <strong>you don\u2019t feel overwhelmed<\/strong>. Then, the app always shows you information about the price of the ride, and how long it will take for the driver to pick you up, so <strong>you are never stressed<\/strong> about the costs and being late. On top of that, you can usually see the name of your driver and their photo which evoke the <strong>feeling of trust<\/strong>. These simple, yet brilliant UX <a href=\"https:\/\/codeandpepper.com\/services\/end-to-end-development\/\">design decisions<\/a> completely transformed the way we order taxis (or Ubers and similar services) and were quickly adopted by the competition worldwide (e.g. <a href=\"http:\/\/bolt.eu\" rel=\"nofollow\">Bolt<\/a>), ultimately to become the industry\u2019s standard.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-interaction-friction\">Interaction Friction<\/h3>\n\n\n\n<p>Designers always need to make sure the interfaces they create are uniform, intuitive and consistent across all of their windows and tabs. If they fail and users happen across situations where buttons have different shapes, but belong to the same category or where, for example, the <em>back<\/em> button is in different places on different screens, they may experience <strong>interaction friction<\/strong> (and, obviously, user\u2019s confusion about how to use the app, as this feeling is imminent to all aspects of UX friction).<\/p>\n\n\n\n<p>Probably the best way to show how reducing interaction friction caused a revolution is the way Apple has <a href=\"http:\/\/apple\" rel=\"nofollow\">revolutionized <\/a>the smartphone industry. Obviously, there existed smartphones before the iPhone on the market, personally I loved my Nokia E-series. But their interfaces were not letting their users utilize the hardware\u2019s full potential, at least not in an easy way. Writing long emails on a cellphone\u2019s keyboard was a pain in the neck and browsing the Internet on tiny screens was even more uncomfortable. Even if some phones had touchscreens, they only used a resistive technology that required pressing the screen with a substantial amount of force and preferably using a stylus for accuracy.<\/p>\n\n\n\n<p>Apple\u2019s decision to focus on minimizing interaction friction in their new mobile devices was a brilliant move and involved the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Switching to capacitive touchscreens which offered unmatched precision and could be operated with bare fingers;<\/li><li>A usable on-screen keyboard that made typing longer messages easy;&nbsp;<\/li><li>A large screen and simple interface that made browsing the Web and consuming media fun;<\/li><li>An official app store that offered over 100,000 titles by the end of 2009, compared to fewer than 1000 in Nokia\u2019s Ovi store and to literally zero in the case of Windows Mobile based devices, the choice and quality of apps available for the iPhone was astounding.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"233\" height=\"468\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/ipaq-2.jpg\" alt=\"User experience friction example - early smartphone interface\" class=\"wp-image-22179\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/ipaq-2.jpg 233w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/ipaq-2-149x300.jpg 149w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/ipaq-2-104x209.jpg 104w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/ipaq-2-50x100.jpg 50w\" sizes=\"auto, (max-width: 233px) 100vw, 233px\" \/><figcaption><em>This is what a smartphone looked like in the past<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>And this is how by minimizing interaction friction (in other words: making using all of the device\u2019s <a href=\"https:\/\/codeandpepper.com\/transparency-feedback-fintech-apps\/\">functions simple and intuitive<\/a>), Apple has changed the smartphone market forever and made this category of mobile devices a standard that everybody loves. Not only for the versatility (because Symbian and Windows Mobile-based devices had been similarly versatile before), but mainly for their ease of use.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cognitive-friction\">Cognitive friction<\/h3>\n\n\n\n<p>Have you ever been surprised after clicking a button or activating a function in an app? Well, let me be a bit personal with you and tell you a story of an annoying case that keeps happening to me every other week. I promise this perfectly illustrates how <strong>cognitive friction<\/strong> affects users.<\/p>\n\n\n\n<p>When I\u2019m trying to change the microphone boost in Windows 10, I always just type <em>microphone<\/em> in Start menu and press enter, because that\u2019s how I always open apps or games and find the settings I need.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"784\" height=\"681\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-1.png\" alt=\"User experience friction when using menu start\" class=\"wp-image-22180\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-1.png 784w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-1-300x261.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-1-768x667.png 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-1-241x209.png 241w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-1-115x100.png 115w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-1-720x625.png 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-1-432x375.png 432w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/><figcaption><em>First step seems logical<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>This time, however, Windows shows me a <em>speech recognition settings<\/em> window. But I just want to adjust levels! In order to do that, I need to manually find the<em> sound settings<\/em> window by right-clicking the volume icon, scroll down to <em>input<\/em>, then enter <em>device properties,<\/em> find the <em>related settings<\/em> section and click <em>additional device properties.<\/em> Finally, I can find the <em>levels<\/em> tab in the window that appears on the screen after this long operation. I have done it dozens of times already, but it always confuses me how illogical the whole procedure is. It\u2019s a labyrinth and literally the definition of UX friction.&nbsp;<\/p>\n\n\n\n<p><strong>Six steps instead of two<\/strong> are way too much, especially when there is so little logic put in <a href=\"https:\/\/codeandpepper.com\/product-design-journey-with-code-pepper\/\">designing the user journey<\/a> and when you need to deal with two different types of interface in order to perform one task &#8211; Windows 10 settings are still not uniform and the final window where you actually change boost still looks like straight from Windows 98 (interaction friction alert!). After almost 23 years it seems comical.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"406\" height=\"550\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-2.png\" alt=\"\" class=\"wp-image-22181\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-2.png 406w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-2-221x300.png 221w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-2-154x209.png 154w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/microphone-2-74x100.png 74w\" sizes=\"auto, (max-width: 406px) 100vw, 406px\" \/><figcaption><em>Seriously, Microsoft?<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>The whole problem starts with a great example of <strong>cognitive friction, <\/strong>though. I, as a user, believed that typing <em>microphone<\/em> and pressing enter will work analogically to typing <em>resolution<\/em>, as it obviously opens the screen resolution settings window.<\/p>\n\n\n\n<p>The product designer\u2019s goal is to make sure a situation like this one never happens. If I had to spend so much mental effort to simply order an Uber, I would just call a taxi corporation or choose a better app instead. Summing up, <strong>cognitive friction occurs when too much mental effort is needed to perform a task<\/strong>. Dear designers, just keep it simple and everything will be alright.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-is-user-experience-friction-always-a-bad-thing\">Is user experience friction always a bad thing?<\/h2>\n\n\n\n<p>Some friction is sometimes necessary and users learn to appreciate it. Detailed explanations of what certain functions do increase the time needed to use them, but make users sure that they understand the app. The same applies to pop-ups with confirmation buttons that ask the user to re-confirm their decisions. In some particular cases, for example in <a href=\"https:\/\/codeandpepper.com\/innovations-improving-fintech-customer-experience\/\">FinTech apps<\/a>, where wrong decisions cost money, it\u2019s very responsible to make the user think twice before clicking a button. But this is a topic for another story, so stay tuned for new posts on the Code &amp; Pepper blog soon!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Designing an app to be user friendly is a must, right? User-friendliness is not a simple term, though and its complexity is actually gigantic, when you take a better look at what it involves. One of the key aspects one needs to understand and consider from the very beginning of work on an app is<a class=\"moretag\" href=\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":20414,"featured_media":22177,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1648],"tags":[662,1638,163],"class_list":["post-22176","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux","tag-digital-product-design","tag-software-testing","tag-user-experience-solutions"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>User Experience Friction in Real Life Examples | Code &amp; Pepper<\/title>\n<meta name=\"description\" content=\"User experience friction can kill a brilliant idea for an app. Learn what it is, when and why avoid it, and how to do it!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Experience Friction in Real Life Examples | Code &amp; Pepper\" \/>\n<meta property=\"og:description\" content=\"User experience friction can kill a brilliant idea for an app. Learn what it is, when and why avoid it, and how to do it!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Code &amp; Pepper\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codeandpepper\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-21T11:22:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-21T09:55:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"864\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jakub Skowron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeandpepper\" \/>\n<meta name=\"twitter:site\" content=\"@codeandpepper\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jakub Skowron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/\"},\"author\":{\"name\":\"Jakub Skowron\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/person\/68ec3d97f32cc58205eb549846edefc2\"},\"headline\":\"User Experience Friction in Real Life Examples\",\"datePublished\":\"2021-01-21T11:22:28+00:00\",\"dateModified\":\"2023-12-21T09:55:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/\"},\"wordCount\":1573,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codeandpepper.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg\",\"keywords\":[\"Digital product design\",\"Software testing\",\"User Experience solutions\"],\"articleSection\":[\"User Experience\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/\",\"url\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/\",\"name\":\"User Experience Friction in Real Life Examples | Code &amp; Pepper\",\"isPartOf\":{\"@id\":\"https:\/\/codeandpepper.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg\",\"datePublished\":\"2021-01-21T11:22:28+00:00\",\"dateModified\":\"2023-12-21T09:55:56+00:00\",\"description\":\"User experience friction can kill a brilliant idea for an app. Learn what it is, when and why avoid it, and how to do it!\",\"breadcrumb\":{\"@id\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#primaryimage\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg\",\"width\":864,\"height\":450,\"caption\":\"User Experience Friction in real life examples cover image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codeandpepper.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Experience Friction in Real Life Examples\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codeandpepper.com\/#website\",\"url\":\"https:\/\/codeandpepper.com\/\",\"name\":\"Code & Pepper\",\"description\":\"FinTech Developers\",\"publisher\":{\"@id\":\"https:\/\/codeandpepper.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codeandpepper.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codeandpepper.com\/#organization\",\"name\":\"Code & Pepper\",\"url\":\"https:\/\/codeandpepper.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\",\"width\":319,\"height\":144,\"caption\":\"Code & Pepper\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codeandpepper\/\",\"https:\/\/x.com\/codeandpepper\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/person\/68ec3d97f32cc58205eb549846edefc2\",\"name\":\"Jakub Skowron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/80c7b9bee020a5c6d10ada022cff86922d3df0f41c215be1015dd9f9d8dfa049?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/80c7b9bee020a5c6d10ada022cff86922d3df0f41c215be1015dd9f9d8dfa049?s=96&d=mm&r=g\",\"caption\":\"Jakub Skowron\"},\"description\":\"Technology enthusiast, literature devourer, and creator of insightful FinTech-related content. In his spare time, he also works with international public art projects.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jakub-skowron-7b2424a1\/\"],\"url\":\"https:\/\/codeandpepper.com\/author\/jakub-skowron\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"User Experience Friction in Real Life Examples | Code &amp; Pepper","description":"User experience friction can kill a brilliant idea for an app. Learn what it is, when and why avoid it, and how to do it!","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:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/","og_locale":"en_US","og_type":"article","og_title":"User Experience Friction in Real Life Examples | Code &amp; Pepper","og_description":"User experience friction can kill a brilliant idea for an app. Learn what it is, when and why avoid it, and how to do it!","og_url":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/","og_site_name":"Code &amp; Pepper","article_publisher":"https:\/\/www.facebook.com\/codeandpepper\/","article_published_time":"2021-01-21T11:22:28+00:00","article_modified_time":"2023-12-21T09:55:56+00:00","og_image":[{"width":864,"height":450,"url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg","type":"image\/jpeg"}],"author":"Jakub Skowron","twitter_card":"summary_large_image","twitter_creator":"@codeandpepper","twitter_site":"@codeandpepper","twitter_misc":{"Written by":"Jakub Skowron","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#article","isPartOf":{"@id":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/"},"author":{"name":"Jakub Skowron","@id":"https:\/\/codeandpepper.com\/#\/schema\/person\/68ec3d97f32cc58205eb549846edefc2"},"headline":"User Experience Friction in Real Life Examples","datePublished":"2021-01-21T11:22:28+00:00","dateModified":"2023-12-21T09:55:56+00:00","mainEntityOfPage":{"@id":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/"},"wordCount":1573,"commentCount":0,"publisher":{"@id":"https:\/\/codeandpepper.com\/#organization"},"image":{"@id":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg","keywords":["Digital product design","Software testing","User Experience solutions"],"articleSection":["User Experience"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/","url":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/","name":"User Experience Friction in Real Life Examples | Code &amp; Pepper","isPartOf":{"@id":"https:\/\/codeandpepper.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#primaryimage"},"image":{"@id":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg","datePublished":"2021-01-21T11:22:28+00:00","dateModified":"2023-12-21T09:55:56+00:00","description":"User experience friction can kill a brilliant idea for an app. Learn what it is, when and why avoid it, and how to do it!","breadcrumb":{"@id":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#primaryimage","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2021\/01\/cover-image.jpg","width":864,"height":450,"caption":"User Experience Friction in real life examples cover image"},{"@type":"BreadcrumbList","@id":"https:\/\/codeandpepper.com\/user-experience-friction-real-life-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeandpepper.com\/"},{"@type":"ListItem","position":2,"name":"User Experience Friction in Real Life Examples"}]},{"@type":"WebSite","@id":"https:\/\/codeandpepper.com\/#website","url":"https:\/\/codeandpepper.com\/","name":"Code & Pepper","description":"FinTech Developers","publisher":{"@id":"https:\/\/codeandpepper.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeandpepper.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeandpepper.com\/#organization","name":"Code & Pepper","url":"https:\/\/codeandpepper.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png","width":319,"height":144,"caption":"Code & Pepper"},"image":{"@id":"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codeandpepper\/","https:\/\/x.com\/codeandpepper"]},{"@type":"Person","@id":"https:\/\/codeandpepper.com\/#\/schema\/person\/68ec3d97f32cc58205eb549846edefc2","name":"Jakub Skowron","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/80c7b9bee020a5c6d10ada022cff86922d3df0f41c215be1015dd9f9d8dfa049?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/80c7b9bee020a5c6d10ada022cff86922d3df0f41c215be1015dd9f9d8dfa049?s=96&d=mm&r=g","caption":"Jakub Skowron"},"description":"Technology enthusiast, literature devourer, and creator of insightful FinTech-related content. In his spare time, he also works with international public art projects.","sameAs":["https:\/\/www.linkedin.com\/in\/jakub-skowron-7b2424a1\/"],"url":"https:\/\/codeandpepper.com\/author\/jakub-skowron\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts\/22176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/users\/20414"}],"replies":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/comments?post=22176"}],"version-history":[{"count":12,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts\/22176\/revisions"}],"predecessor-version":[{"id":51266,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts\/22176\/revisions\/51266"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media\/22177"}],"wp:attachment":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media?parent=22176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/categories?post=22176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/tags?post=22176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}