{"id":5084,"date":"2019-05-02T00:00:00","date_gmt":"2019-05-01T22:00:00","guid":{"rendered":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/uncategorized\/10-classic-ux-design-fails\/"},"modified":"2023-05-09T13:10:46","modified_gmt":"2023-05-09T11:10:46","slug":"10-classic-ux-design-fails","status":"publish","type":"post","link":"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/10-classic-ux-design-fails\/","title":{"rendered":"10 Classic UX Design Fails That Teach Us How Not to Do UX"},"content":{"rendered":"<p>Ever found yourself accidentally posting something you didn\u2019t mean to? Ended up in the community support forum of an app seeking answers, only to find the other users are just as lost as you are? Ever been driven into a state of frenzy by music that started playing when you entered a site because you have no idea where it\u2019s coming from\u2014or how to make it stop?<\/p>\n<p>If you answered yes to any of these questions, you\u2019ve most likely been a victim of bad UX.<\/p>\n<ol>\n<li><a href=\"#what-is-bad-ux-design\">What is bad UX design?<\/a><\/li>\n<li><a href=\"#bad-ux-examples\">10 Bad UX Examples <\/a><\/li>\n<li><a href=\"#faq\">FAQ<\/a><\/li>\n<\/ol>\n<h2 id=\"what-is-bad-ux-design\">What is bad UX design?<\/h2>\n<p><strong>When done well, UX design is virtually invisible to its users.<\/strong> It\u2019s when a UX design feature has been executed poorly that it sticks out like a fox in a hen-house. Sometimes UX design is so bad that it becomes counterproductive\u2014begging the question: \u201cWhat was actually going through the designer\u2019s head when making this design decision?\u201d<\/p>\n<p>There are lots of reasons for bad UX: perhaps the designer prioritized aesthetics over usability<em>\u2014<\/em>the classic form-over-function problem<em>\u2014<\/em>or perhaps the designers based their designs on their own assumptions rather than rigorous user research. Perhaps they integrated an intrusive feature, such as a pop-up, in an attempt to push a user to carry out a particular action.<\/p>\n<p>Typically, if the user has to dig deep to achieve what they want to achieve, feels forced to do something they don\u2019t want to or gets lost in your <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/what-are-user-flows\/\" target=\"_blank\" rel=\"noopener\">user flow<\/a>, the UX design needs to be improved.<\/p>\n<p>UX professional Maureen Herben gives a detailed breakdown of what constitutes bad UX design in this video:<\/p>\n<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }<\/style>\n<div class=\"embed-container\">\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/94_PId8TIaA\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<\/div>\n<div style=\"display: block; height: 20px; width: 100%;\"><\/div>\n<h2 id=\"bad-ux-examples\">10 Bad UX Examples<\/h2>\n<p>The following ten examples of UX design fails are great examples of what not to do in UX\u2014from basic blunders that any rookie designer could make, to obvious oversights from tech giants who should know better.<\/p>\n<p>To help us along our journey of discovery in bad UX, I\u2019ve enlisted the expertise of resident UX designers Jeff and Amy, who\u2019ll explain why each is an example of bad UX, and how each could be improved.<\/p>\n<p>Finally, we\u2019ll offer up some key lessons to help designers to avoid making such misguided design decisions in the future.<\/p>\n<p>Popcorn at the ready? Let\u2019s dive in!<\/p>\n<h3 id=\"whatsapps-delete-message-feature\">1. WhatsApp\u2019s delete message feature<\/h3>\n<p>WhatsApp rose to fame as the number 1 chat app thanks to great UX and a clean interface<em>\u2014<\/em>making it all the more surprising to see it on this list.<\/p>\n<p>We\u2019re all familiar with the following scenario: you\u2019re drafting a personal message to send to a close friend on WhatsApp, and you accidentally send it to someone else\u2014perhaps a work contact, or someone you don\u2019t know very well. No problem! Thanks to WhatsApp\u2019s \u2018delete for everyone\u2019 feature, you can delete it and pretend like it never happened.<\/p>\n<p>Actually, scratch that last part. Here\u2019s what instead happens when you delete your message:<\/p>\n<p><img decoding=\"async\" title=\"Whatsapps 'you deleted this message' feature\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/whatsapp-deleted-message-ux.jpg\" alt=\"Collection of messages that say 'you deleted this message'\" \/><\/p>\n<p><strong>Why it\u2019s bad UX:<\/strong> Informing the recipient that the sender has deleted a message somewhat defeats the purpose of deleting it in the first place. In fact, this looks way more suspicious and is likely to prompt an awkward \u201cwhy did you delete the message?\u201d type of response. Yikes.<\/p>\n<p><strong>Jeff says:<\/strong> Ideally, it should <em>actually<\/em> delete the message. But if (for some reason) that\u2019s not possible, they should be clear about what\u2019s actually going to happen in the messaging. What they\u2019re doing here is blocking the message instead of deleting it. If you\u2019re going to block it, say you\u2019re going to block it. Maybe they could call it something like \u201cobscure this message\u201d so that it sets the stage for the user to understand what is happening.<\/p>\n<p><strong>Amy says:<\/strong> Another approach, like in Gmail, is to offer the sender a grace period of, say, 10 seconds\u2014during which time the sender is able to delete the message without the recipient knowing.<\/p>\n<p><strong>The key takeaway:<\/strong> make sure that the function of the feature matches up with the users\u2019 expectations set by the messaging.<\/p>\n<h3 id=\"netflix-hover-auto-play\">2. Netflix hover auto-play<\/h3>\n<p>The Netflix autoplay feature has been perturbing viewers since it was first rolled out in 2015. Even a split-second hover over the TV show or film thumbnail instigates the auto-play of a looped trailer or montage.<\/p>\n<p>This means that if users want to see the details or information of the show they\u2019ve \u00a0clicked on or hovered over, they\u2019re unable to do so without a loud trailer playing.<\/p>\n<p><img decoding=\"async\" title=\"Netflix autoplay hover screen\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/netflix-ux-design-autoplay.jpg\" alt=\"Netflix screen with 'House of Cards' autoplaying\" \/><\/p>\n<p>[via huffpost.com]<\/p>\n<p><strong>Why it\u2019s bad UX:<\/strong> Auto-anything means the designers have made huge assumptions about the users\u2019 desires.<\/p>\n<p><strong>Amy says:<\/strong> Just don\u2019t do it! Anything with automatic audio is really disorientating, especially if your attention is elsewhere.<\/p>\n<p><strong>Jeff says:<\/strong> I really hate this feature. I find myself tiptoeing around the hover areas with my mouse in the margins so I don\u2019t trigger the autoplay. Audio is the biggest problem here, so it shouldn\u2019t be set as &#8220;on&#8221; by default. This is a rule that has been around since MySpace offended everyone with auto-play music in the early 2000s. Even Facebook and Instagram know better by setting videos to mute by default.<\/p>\n<p>Netflix is obviously trying to boost engagement, and I know they do a lot of A\/B testing, so I\u2019m sure they have data that this increases views. But I think this is a case of watching the wrong metrics.<\/p>\n<p>I would run an A\/B test where audio is muted by default, vs. the annoying way. Check to see how many users exhibit rage behavior such as erratic scrolling or exiting the platform. In other words, mute it!<\/p>\n<p><strong>The key takeaway:<\/strong> If a feature gets in the way of a site\u2019s usability or hinders users from seeing key information, it simply shouldn\u2019t be there.<\/p>\n<h3 id=\"ryanairs-booking-platform\">3. Ryanair\u2019s booking platform<\/h3>\n<p>If you fly frequently with Ryanair, you\u2019ve likely been left tearing your hair out over its booking platform. I mean, who knew booking a simple weekend getaway could be such a headache?<\/p>\n<p>Ryanair\u2019s booking interfaces could be considered <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/dark-patterns-ux\/\">an example of \u201cdark UX\u201d<\/a>. This is the term for sneaky UX design tactics that make the experience complicated and confusing enough to trick users into spending more money than they need to\u2014in this case with hidden add-ons.<\/p>\n<p>Below, we can see that the option of no insurance is buried within a totally unrelated menu, making it difficult for users to find it.<\/p>\n<p><img decoding=\"async\" title=\"The 'don't insure me' option hidden in a dropdown for countries\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/ryanair-user-flow-experience.jpg\" alt=\"Insurance booking page with the sentence 'don't insure me' embedded in a dropdown of countries\" \/><\/p>\n<p>[via 90percentofeverything.com]<\/p>\n<p><strong>Why it\u2019s bad UX:<\/strong> Dark UX is the opposite of user-first design. Rather than considering the functionality and usability of a platform, dark UX deliberately confuses and misleads users into choosing certain options over others, normally in the interest of generating more revenue for the company.<\/p>\n<p>It essentially turns any user flow into an assault course that users have to navigate, rather than a simple process. Learn how to <a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/how-to-create-a-user-flow\/\">create an effective user flow in this guide<\/a>.<\/p>\n<p><strong>Jeff says:<\/strong> I think this dark pattern is called Hidden Costs, wherein they add something to your costs without asking you. This takes the control away from the user and is intentionally deceptive (the definition of dark patterns). Instead, they should show the benefits of insurance and let the user decide.<\/p>\n<p>Top tip: don\u2019t bury the way out in a long dropdown. Most users won\u2019t give up, they\u2019ll just hunt for the option you\u2019ve hidden and hate your brand for making them do it. Is that the kind of user experience you want?<\/p>\n<p><strong>Amy says:<\/strong> From a user-first perspective, this is, of course, a no-go, as it leaves the human feeling annoyed, disgruntled, and even cheated. Building trust with your users is what drives customer loyalty, retention and praise.<\/p>\n<p><strong>The key takeaway:<\/strong> Transparency is key to building a good relationship with your users, and infinitely more valuable than the short-term gratification of your users spending a little more money than they meant to.<\/p>\n<h3 id=\"apples-storage-management-system\">4. Apple\u2019s storage management system<\/h3>\n<p>During those priceless, time-sensitive moments that deserve to be captured on camera so that they can be cherished forever more\u2014like your child walking for the first time, or spotting your favorite celebrity in your local coffee shop\u2014there\u2019s nothing worse than being confronted with this message:<\/p>\n<p><img decoding=\"async\" title=\"iOS 'cannot take photo' notification\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/iphone-storage-ux-design.jpg\" alt=\"iOS notification that tells you that your storage is full and you cannot take the photo\" \/><\/p>\n<p><strong>Why this is bad UX:<\/strong> There\u2019s no indication of what the users\u2019 options are here. There should be a clear sense of just how many pictures need to be deleted in order to take a new picture in that moment, or just how much storage needs to be cleared. Without this snapshot information, users are less inclined to head to settings to make the necessary amendments.<\/p>\n<p><strong>Amy says:<\/strong> The worst thing about this for me is the lack of information. If I hit &#8220;done&#8221; what will happen? If I hit &#8220;settings&#8221; will it take me to exactly the right place I need to be in order to take the photo and tell me what I need to do?<\/p>\n<p>Absolutely not. It\u2019s a check-mate\u2014all the while I\u2019ve missed the perfect photo opportunity while wasting time trying to figure out which button to choose. A better solution would be to provide two distinctly different button labels that describe exactly what happens next.<\/p>\n<p><strong>Jeff says:<\/strong> I actually switched to the Google Pixel because Apple constantly bugs you for updates which ultimately slow down your phone. The way that Google Photos navigates this is much better: they offer a smart suggestion for photos that can be deleted. Perhaps photos of printouts of text are good candidates, as many people take pictures of things to remember them, then they are never looked at again.<\/p>\n<p>Really, ANY suggestion for ways to help that aren\u2019t blocking a potential life-changing photographic moment would be useful. It is a difficult problem, but they are offering the appearance of functionality without actually letting the user function.<\/p>\n<p><strong>The key takeaway:<\/strong> Make it easier for users to create space.<\/p>\n<h3 id=\"super-long-dropdowns\">5. Super long dropdowns<\/h3>\n<p>At some point, we\u2019ve all had to pick our nationality from a seemingly infinite dropdown and no search bar in sight. There\u2019s an added layer of inconvenience if you\u2019re from somewhere like the UK that has multiple names (United Kingdom\/Britain\/Great Britain) and you find yourself scrolling through an endless sea of countries just to find yours.<\/p>\n<p><img decoding=\"async\" title=\"End of a dropdown list of countries\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/common-ux-design-fail-country-list.jpg\" alt=\"Dropdown list of countries, from the letters S to V\" \/><\/p>\n<p>[via baymard.com]<\/p>\n<p><strong>Why it\u2019s bad UX:<\/strong> Long dropdowns with no subheadings or filters are hugely time-consuming for users, especially those who are unsure of what they\u2019re looking for.<\/p>\n<p><strong>Jeff says:<\/strong> Throwing giant lists of things into a dropdown is like throwing all your dirty clothes into a closet and slamming it shut. It does the trick, but it won\u2019t help you in the future. Instead, organize the countries based on natural divisions\u2014like Europe or Asia. Even better, filter the dropdowns to only include countries within one continent at a time. Once they\u2019ve decided their continent, the dropdown should only show countries within that area.<\/p>\n<p><strong>Amy says:<\/strong> In some cases, a text entry field with autocomplete would do the job. Filter options are also a great way to narrow down the list in the first place.<\/p>\n<p><strong>The key takeaway:<\/strong> Dropdowns should be avoided if there are more than 10 options.<\/p>\n<h3 id=\"this-classic-password-kerfuffle\">6. This classic password kerfuffle<\/h3>\n<p>Cue the collective scream of frustration on this one. As if we don\u2019t already have a million passwords to remember, there\u2019s nothing more frustrating than unnecessarily complicated password requirements like the ones below.<\/p>\n<p>Complex passwords are more difficult to remember, meaning you\u2019re more likely to waste time constantly creating new passwords to replace the old ones.<\/p>\n<p><img decoding=\"async\" title=\"Reset password screen with a list of requirements\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/reset-password-user-flow.jpg\" alt=\"Webpage featuring instructions for you to reset your password\" \/><\/p>\n<p>[via pbs.twimg.com]<\/p>\n<p><strong>Why it\u2019s bad UX:<\/strong> A long list of requirements to create a password is time-consuming and unnecessary. Because the user is unlikely to remember the new, million-letter-long password, they\u2019re more likely to write it down somewhere or paste it into their notes\u2014which makes it more unsafe than requiring them to create a quick, easy-to-use password that is personal to them.<\/p>\n<p><strong>Amy says:<\/strong> \u00a0I also hate having to type the password twice when signing up for an account. It\u2019s much better when you\u2019re able to toggle show\/hide password so that you can actually see what you\u2019ve entered.<\/p>\n<p><strong>Jeff says:<\/strong> Difficult password requirements are especially bad UX because they\u2019re created by security experts who have no idea how difficult it is for humans to remember things.<\/p>\n<p>For a simple website, I like the approach that some banks have taken: instead of requiring a super complicated password, ask for a list of different things.<\/p>\n<p>You could ask for a picture, a location, and an obscure fact that the picture reminds them of. This complicates the task of guessing whilst does the same job as adding numbers and characters to an already complex password.<\/p>\n<p><strong>The key takeaway:<\/strong> Make it easy for users to log in with their social media accounts, or at the very least, make creating a new password a quick, straightforward process with an extra security question to bolster the safety.<\/p>\n<h3 id=\"o2s-live-chat-system\">7. O2\u2019s live chat system<\/h3>\n<p>In the picture below, we can see that o2 has clearly encouraged their users to use the live chat box to &#8220;chat now&#8221; in real time with their customer service team\u2014but hadn\u2019t quite accounted for their actual capacity to respond to every customer. As a result, the customer was placed in a queue instead of being able to chat immediately with a team member (as was advertised).<\/p>\n<blockquote class=\"twitter-tweet\"><p>Great work <a href=\"https:\/\/twitter.com\/O2?ref_src=twsrc%5Etfw\" rel=\"noopener\">@O2<\/a> Why encourage me to start a live chat session then immediately stick me in a queue? <a href=\"https:\/\/twitter.com\/hashtag\/ux?src=hash&amp;ref_src=twsrc%5Etfw\" rel=\"noopener\">#ux<\/a> <a href=\"https:\/\/twitter.com\/uxepicfails?ref_src=twsrc%5Etfw\" rel=\"noopener\">@uxepicfails<\/a> <a href=\"https:\/\/t.co\/cA41W5SPkV\">pic.twitter.com\/cA41W5SPkV<\/a> \u2014 Alex Colbeck (@AColbeck) <a href=\"https:\/\/twitter.com\/AColbeck\/status\/686166628594237440?ref_src=twsrc%5Etfw\" rel=\"noopener\">January 10, 2016<\/a><\/p><\/blockquote>\n<p><script async=\"\" src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p><strong>Why it\u2019s bad UX:<\/strong> Encouraging something that you can\u2019t actually deliver is misleading and counterproductive.<\/p>\n<p><strong>Jeff says:<\/strong> I think a lot of companies made this mistake when chat platforms became easily available on websites. Companies like Intercom make it super simple to purchase a system to have a live chat. What they don\u2019t tell you is that it will take lots of people power to work that system. Until chatbots can handle an angry grandpa, it\u2019s best to stick with what you can realistically hire for.<\/p>\n<p>If you want to set the right expectations, email is just fine. Make your chat service look like it\u2019s an email rather than something like Slack or WhatsApp, and your customers will be more patient in the end.<\/p>\n<p><strong>Amy says:<\/strong> As someone who actively avoids calling customer service, I really appreciate the chat option and don\u2019t mind waiting a while. However, I find it irritating when a chatbot directs me to the FAQs, assuming I haven\u2019t already done that.<\/p>\n<p><strong>The key takeaway:<\/strong> Only advertise what you can actually deliver!<\/p>\n<h3 id=\"this-hulu-app-tab\">8. This Hulu app tab<\/h3>\n<p>An increasing number of users are turning to apps over native websites\u2014and this can often mean users don\u2019t get the full digital experience of the product or site. Below, Hulu has redirected people to the website in order to manage their Hulu plan, begging the question: what\u2019s the point of even having that tab in the app?<\/p>\n<p><img decoding=\"async\" title=\"Blue app screen with instructions on it\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/hulu-user-experience-design-fail.jpg\" alt=\"Blue app screen with the words 'please manage your Hulu account at Hulu.com\/account' on it\" \/><\/p>\n<p>[via uxplanet.org]<\/p>\n<p><strong>Why it\u2019s bad UX:<\/strong> Where apps are concerned, it\u2019s good practice to only have vital buttons on the menu option in order to avoid an unnecessary amount of pixels. The designer of this app has done the complete opposite and added a page that has no function other than to display copy\u2014not even an active redirect.<\/p>\n<p><strong>Amy says:<\/strong> As an employee of many a startup myself, I know the beauty of keeping feature requests as small as possible\u2014and I know that as much as we intend to iterate quickly, it doesn\u2019t always happen. Including the tab in the app but holding off on the functionality for a week or two is not ideal, but acceptable\u2014as long as the app meets the users\u2019 needs in the interim.<\/p>\n<p><strong>Jeff says:<\/strong> Somebody out there patted themselves on the back as they wrote this little bit of copy, but they should have been more focused on why it was there in the first place.<\/p>\n<p>Microcopy can\u2019t solve macro-design errors. It\u2019s perfectly acceptable to limit features in an app, but if you make it appear like you can use a feature, it will let the user down. Remove the tab, then the user won\u2019t have the wrong expectation. It\u2019s that simple.<\/p>\n<p><strong>The key takeaway:<\/strong> Be cautious when omitting key features of an app in the name of simplicity, as it could be at the expense of its usability.<\/p>\n<h3 id=\"fiverrs-5-star-display\">9. Fiverr\u2019s 5 star display<\/h3>\n<p>Rather than displaying the number of stars in an explicit form, Fiverr has decided to rebel against standard UX conventions by opting to represent a 5-star rating with\u20261 star. This is actually more resource-intensive than the option of multiple separate star icons reflecting the rating.<\/p>\n<p><img decoding=\"async\" title=\"Star with a 5 next to it\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/5star-rating-ux-fail.jpg\" alt=\"Yellow star icon with a 5 next to it\" \/><\/p>\n<p>[via uxplanet.org]<\/p>\n<p><strong>Why it\u2019s bad UX:<\/strong> At a glance, users who are used to the near-standardization of an explicit amount of stars representing the rating might assume that the product in question only received a 1-star rating. Having a star next to a number is anti-intuitive to consumers, and thus it may not even register as a rating at all.<\/p>\n<p><strong>Jeff says:<\/strong> I\u2019m so used to using apps like Twitter that at first, I thought this was five different people giving it a star. This is not what the designer intended, I\u2019m sure. They were probably trying to save space and thought \u201cI can design something better than the rest of the designers on the planet.\u201d<\/p>\n<p>There is a reason why you shouldn\u2019t ignore design heuristics: people expect things to work similarly across the internet. I know that can be annoying when you\u2019re fresh out of design school, but it\u2019s the reality.<\/p>\n<p><strong>Amy says:<\/strong> Just show the 5 stars in the first way that you imagined it in your head. Stop trying to win an award, and design things that are usable.<\/p>\n<p><strong>The key takeaway:<\/strong> Don\u2019t make your users have to work extra hard to decipher your own personal \u2018unique\u2019 way of doing things.<\/p>\n<h3 id=\"the-juicero-juicer\">10. The Juicero juicer<\/h3>\n<p>We saved the best \u2019til last!<\/p>\n<p>The Juicero has been lauded by multiple UX platforms and experts as one of the best examples of bad UX design we\u2019ve seen in the last few years\u2014so much so that it closed its doors in 2017 out of shame.<\/p>\n<p>Nevertheless, it still deserves a place on this list as an apt example of overcomplicated design. The key UX mistake with the Juicero is that you need a solid wifi connection in order to use the juicer. The cherry on top? You also need to download the app on either an Apple or Android phone if you want to actually, you know, make juice.<\/p>\n<p><img decoding=\"async\" title=\"Juicero juicing app next to a glass of Juicero juice\" src=\"\/en\/wp-content\/uploads\/old-blog-uploads\/o2-juicero-ux.jpg\" alt=\"Juicero phone application displayed on an iPhone next to a glass of juice\" \/><\/p>\n<p>[via vox.com]<\/p>\n<p><strong>Why it\u2019s bad UX:<\/strong> This is a classic case of what can happen when you focus on aesthetic and exclusivity over functionality and practicality. Having a long list of \u2018conditions\u2019 e.g. strong wifi, a certain type of phone, an app, etc. just to get the product to function means there are too many hoops to jump through for the product to be worth the users\u2019 time.<\/p>\n<p><strong>Amy says:<\/strong> What is the problem they were trying to solve while developing this product? \u201cJuice is not complicated enough for me?\u201d A better way of doing this is to spend more time conducting user testing. User testing makes all the difference, folks!<\/p>\n<p><strong>Jeff says:<\/strong> I think this was probably more a case of laziness. The design team thought \u201ceveryone has a phone, so let\u2019s skip the interface step and just put it all on the phone. That\u2019ll be cheaper and more fun, right?\u201d<\/p>\n<p>Wrong. Even if they did user research with user groups, those groups were probably very privileged and lead them to believe that everybody has a phone on them when cooking. Obviously, the reality was different. Remember: you are not your target user, designers!<\/p>\n<p>To avoid this, I would do what companies like Nest have done: simplify the physical interface while pushing all the complexity to the app. That way, you get all the basic functionality without the app, and the app can offer things such as timers and special modes. It\u2019s not as good as simplifying the whole interaction process, but it\u2019s better than requiring a phone.<\/p>\n<p><strong>The key takeaway:<\/strong> Placing too much emphasis on cutting-edge design and trends means you could forget about easily-overlooked yet vital steps that make a product functional.<\/p>\n<p>So there we have it: 10 examples of bad UX design, from apps to booking platforms and dysfunctional juicers. As we\u2019ve seen, it\u2019s often highly tempting to opt for aesthetically pleasing designs, or clever, witty messaging over simple, straightforward features. But placing emphasis on user testing will mean you\u2019re guaranteed to design something that works for the user\u2014and that\u2019s what really matters.<\/p>\n<h4 id=\"further-reading\">Further Reading<\/h4>\n<ol>\n<li><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/ux-writing-what-does-a-ux-writer-actually-do\/\">What Does A UX Writer Actually Do?<\/a><\/li>\n<li><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/ux-best-practices\/\">7 Tips For How To Become A Better UX Designer<\/a><\/li>\n<li><a href=\"https:\/\/careerfoundry.inbearbeitung.de\/en\/blog\/ux-design\/ux-bootcamps-expectation-reality\/\">UX Design Bootcamps: Expectations Vs. Reality<\/a><\/li>\n<\/ol>\n<h2 id=\"faq\">3. FAQ<\/h2>\n<p><strong>1. What is a bad UX design?<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Bad UX design refers to a design that fails to provide users with a positive experience while interacting with a product or service. This may include confusing interfaces, slow load times, and poorly organized content.<\/span><\/p>\n<p><strong>2. What are the characteristics of bad UX design?<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Some common characteristics of bad UX design include difficult navigation, unclear instructions, unresponsive feedback, and irrelevant or distracting content. These issues can lead to frustration and dissatisfaction among users.<\/span><\/p>\n<p><strong>3. What are bad vs. good UX designs?<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">A bad UX design typically leads to a negative user experience, while a good UX design leads to a positive one. Good UX designs are easy to navigate, visually appealing, and provide clear and concise information. They are also designed with the user&#8217;s needs and goals in mind, making the product or service easy and enjoyable to use.<\/span><\/p>\n<p><strong>4. What is an example of good UI and bad UX?<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">An example of good UI and bad UX is a mobile app with a sleek and visually appealing interface but with confusing navigation and unhelpful error messages. The app may look great, but if users cannot figure out how to use it or are constantly frustrated by error messages, then the overall user experience is poor.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We take you through 10 bad UX examples, and our experts weigh in on how to avoid making the same UX design mistakes.<\/p>\n","protected":false},"author":19,"featured_media":432,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_lmt_disableupdate":"yes","_lmt_disable":"","footnotes":""},"categories":[2],"tags":[],"class_list":["post-5084","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-design"],"acf":{"homepage_category_featured":false},"modified_by":"John Sch\u00e4rges","_links":{"self":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/5084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/comments?post=5084"}],"version-history":[{"count":1,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/5084\/revisions"}],"predecessor-version":[{"id":25297,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/posts\/5084\/revisions\/25297"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media\/432"}],"wp:attachment":[{"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/media?parent=5084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/categories?post=5084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerfoundry.inbearbeitung.de\/en\/wp-json\/wp\/v2\/tags?post=5084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}