{"id":45016,"date":"2023-05-29T05:20:53","date_gmt":"2023-05-29T12:20:53","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=45016"},"modified":"2023-05-30T03:04:01","modified_gmt":"2023-05-30T10:04:01","slug":"bad-product-design","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/","title":{"rendered":"Bad Product Design \u2013 3 Examples of Poorly Designed Products"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min-1024x512.png\" alt=\"Bad product design min\" class=\"wp-image-45017\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Bad product design is expensive. Visitors will leave your site if it loads for too long or if it\u2019s too difficult to navigate. App users may stop using it if they\u2019re unhappy with the experience once they\u2019re presented with an alternative. Both scenarios will result in revenue loss. Simply, in the words of Ralph Speth, CEO of Jaguar, <a href=\"https:\/\/pl.pinterest.com\/pin\/403212972860932824\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">if you think that good design is expensive, poor product design will cost a fortune<\/a>!<\/p>\n\n\n\n<p>In today\u2019s article, we\u2019re going to share a few examples of bad product design. Hopefully, this will help you avoid some of the most common mistakes that designers make.<\/p>\n\n\n\n<p>Design prototypes with UI elements that have interactivity built into them. Explore UXPin Merge, a powerful technology for bringing React, npm, or Storybook components to UXPin for faster prototyping and easier design handoff. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Discover UXPin Merge<\/a>.<\/p>\n\n\n\n<section class=\"discover-merge\">\n    <div class=\"discover-merge__container\">\n        <div class=\"discover-merge__left\">\n            <p class=\"discover-merge__heading\">Reach a new level of prototyping<\/p>\n            <p class=\"discover-merge__text\">Design with interactive components coming from your team&#8217;s design system.<\/p>\n            <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noopener\">\n                <button class=\"discover-merge__button\">Discover UXPin Merge<\/button>\n            <\/a>\n        <\/div>\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-merge.png\" class=\"discover-merge__image\" alt=\"\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.discover-merge {\n    margin: 40px 8px;\n}\n\n.discover-merge__container {\n    display: flex;\n    max-width: 690px;\n    height: 200px;\n    padding: 20px;\n    padding-left: 24px;\n    border-radius: 4px;\n    background-color: black;\n    box-shadow: 10px 10px #9999ff;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.discover-merge__left {\n    width: 50%;\n}\n\n.discover-merge__left p {\n    margin: 10px 0px !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__heading {\n    font-weight: bold !important;\n    color: white !important;\n    font-size: 18px !important;\n}\n\n.discover-merge__text {\n    margin: 0 !important;\n    line-height: 22px !important;\n}\n\n.discover-merge__button {\n    width: 174px;\n    height: 44px;\n    margin: 10px 0px;\n    border: none;\n    border-radius: 2px;\n    background: white;\n    color: black;\n    font-size: 16px;\n    text-align: center;\n}\n\n.discover-merge__button:hover {\n    cursor: pointer;\n}\n\n.discover-merge__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -19px;\n}\n\n@media (max-width: 760px) {\n    .discover-merge__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}\n\n@media (max-width: 500px) {\n    .discover-merge__container {\n        flex-direction: column;\n    }\n\n    .discover-merge__left {\n        width: 100%;\n        align-items: normal;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-bad-product-design\">What is Bad Product Design?\u00a0<\/h2>\n\n\n\n<p>Bad product design causes user confusion and, generally speaking, complicates their lives. The best way to think of it is to contradict it with the values of good product design.<\/p>\n\n\n\n<p>For example, instead of making it fast and easy to complete a purchase, a user finds themselves entangled in various forms they need to fill in, or can\u2019t see a \u201cbuy\u201d button anywhere.<\/p>\n\n\n\n<p>There\u2019s a clear monetary loss to events of bad product design. Not only does it distract users from their main goal by showing unnecessary information, but it might also block them from reaching it entirely.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-causes-poor-product-design\">What Causes Poor Product Design?<\/h2>\n\n\n\n<p>Here are some of the most common mistakes leading to poor product design, along with examples of badly designed products on the market.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-choosing-form-over-functionality\">Choosing form over functionality<\/h3>\n\n\n\n<p>Have you ever heard the saying \u2013 \u201cthe best design is no design?\u201d. It\u2019s a controversial one for a reason. Namely, while it\u2019s absolutely correct when it comes to flawless, almost \u201cinvisible\u201d user experience, it <strong><em>doesn\u2019t <\/em><\/strong>apply to all products.<\/p>\n\n\n\n<p>Let\u2019s take Apple\u2019s infamous stairs project as a prime design fail example.<\/p>\n\n\n\n<p>In this industrial design example, we can clearly see how you can block users from completing their journeys from point A to point B (in this case, quite literally).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/real-world-example-apple-bad-design.png\" alt=\"real world example apple bad design\" class=\"wp-image-45022\" width=\"750\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/real-world-example-apple-bad-design.png 800w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/real-world-example-apple-bad-design-423x300.png 423w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/real-world-example-apple-bad-design-768x544.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/www.patentlyapple.com\/patently-apple\/2010\/08\/apple-tries-to-trademark-their-famous-glass-store-architecture.html\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><u>Patently Apple<\/u><\/a><\/figcaption><\/figure>\n\n\n\n<p>In the late 2000s and early-2010s, the electronics company became fascinated with glass store architecture. They saw it as an ideal extension to their minimal device design and wanted to patent and launch see-through stores all across the globe.<\/p>\n\n\n\n<p>While, admittedly, they do look \u201clight\u201d and are cohesive with Apple branding, it failed to foresee some common user scenarios. A translucent store could fail at least in three ways:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Discriminating against those who are wearing apparel without a pant section<\/strong> \u2013 skirts, dresses, or ethnic garments, among others. Since staircases were also designed in glass, it put some Apple Store customers, particularly those from a conservative background, in an uncomfortable position. Think of it as a physical counterpart of a \u2018blocker\u2019 in an app, i.e., something that <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/customer-journey-mapping-mistakes\/\" target=\"_blank\" rel=\"noreferrer noopener\">disrupts a person from continuing on their journey<\/a>. Say that a potential customer wants to buy a new phone, but finds out that it\u2019s on the first floor. They might abandon the idea of going through with the purchase if there\u2019s no way of getting to the item without feeling discomfort. One might argue that the problem could be easily tackled by using <a href=\"https:\/\/us.fontanotshop.com\/blog\/the-apple-store-spiral-staircases\/#:~:text=The%20Apple%20Store%20in%20Bolyston,making%20it%20incredibly%20eye%2Dcatching.\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><u>opaque glass<\/u><\/a>. Still, this wouldn\u2019t suffice with the next issue.<\/li>\n\n\n\n<li><strong>It can be hard to use by the vision-impaired.<\/strong> How so? Two words \u2013 lack of <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/evaluate-design-color-contrast\/\" target=\"_blank\" rel=\"noreferrer noopener\"><u>color contrast<\/u><\/a>. In the words of <a href=\"https:\/\/www.fastcompany.com\/90338379\/i-wrote-the-book-on-user-friendly-design-what-i-see-today-horrifies-me\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><u>Don Norman<\/u><\/a>, the Co-Founder of the NN Group and UX design pioneer, \u201cwith age, vision deteriorates. The lens of our eyes harden, making focusing more difficult\u201d. The older the population, the more likely they are to have floaters block the light from passing through the retina. This means that a person entering a translucent store might find it difficult to see object boundaries. This leads to the last argument below:<\/li>\n\n\n\n<li><strong>Risk of injury.<\/strong> People can mistakenly walk into a glass door or trip on a stair. Not to mention, there\u2019s also the risk of birds flying into invisible walls at full speed.<\/li>\n<\/ul>\n\n\n\n<p>To sum up, form should never <a href=\"https:\/\/bootcamp.uxdesign.cc\/characteristics-of-a-bad-product-design-624cd4f26471\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><u>fail user\u2019s needs<\/u><\/a> or, worse yet, make them feel incapacitated.<\/p>\n\n\n\n<p><strong>Takeaways for the design team:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Before prototyping, run thorough user research<\/li>\n\n\n\n<li>Always design with functionality in mind<\/li>\n\n\n\n<li>Maintain a balance between visual appeal and function \u2013 remember that UX and UI go hand in hand.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-aggressive-popups\">Aggressive popups<\/h3>\n\n\n\n<p>Few things annoy users as much as pop-ups, which show immediately after entering a website. They haven\u2019t even had the chance to look at what the brand has to offer, and they\u2019re already asked to <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/how-to-design-your-website-for-higher-conversions\/\" target=\"_blank\" rel=\"noreferrer noopener\">sign up for a newsletter or download an ebook<\/a>. This is hugely discouraging and disruptive.\u00a0<\/p>\n\n\n\n<p>People come to your website to get answers to their questions \u2013 their time as well as attention span is limited. Flooding them with requests to complete a specific action ruins their experience, and can simply be considered bad product design. High chances are they\u2019ll leave (especially, if the pop-up is hard to exit) and search for alternatives.&nbsp;<\/p>\n\n\n\n<p>We\u2019re not saying that you should give up on pop-ups altogether. Just make sure they appear at the right time \u2013 and not necessarily during the first visit. Consider waiting until the user absorbs some of the content. Once the user sees value in what you offer, they might consider signing up for a demo or a newsletter.&nbsp;<\/p>\n\n\n\n<p><strong>Takeaways for the design team:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Make sure that pop-ups don\u2019t appear as soon as a visitor enters your website, give them time to look around;<\/li>\n\n\n\n<li>Turn to hello bars rather than pop-ups as they\u2019re less obtrusive way of <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/hero-image-banners\/\" target=\"_blank\" rel=\"noreferrer noopener\">getting user\u2019s attention<\/a> with web design;<\/li>\n\n\n\n<li>Ensure that your pop-up is <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/how-to-do-task-analysis\/\" target=\"_blank\" rel=\"noreferrer noopener\">task related<\/a>, otherwise, it will be considered annoying.\u00a0<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-complex-navigation\">Complex navigation&nbsp;<\/h3>\n\n\n\n<p>Another example of poor product design? Amazon Web Services \u2013 a comprehensive cloud-computing platform that has over a million users, and really complex <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/navigation-ui\/\" target=\"_blank\" rel=\"noreferrer noopener\">navigation<\/a>. The fact that it offers a wide variety of features shouldn\u2019t stop the brand from creating a good user experience, right?\u00a0<\/p>\n\n\n\n<p>However, as soon as you click on the products tab, you\u2019re overwhelmed with options \u2013 there is so much choice it\u2019s very difficult to find what you\u2019re looking for. And if you\u2019re browsing on a mobile device, then it becomes even harder as you have to <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/4-types-creative-website-scrolling-patterns\/\" target=\"_blank\" rel=\"noreferrer noopener\">scroll endlessly<\/a>.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/aws-bad-product-design-example-ux-1024x469.png\" alt=\"aws bad product design example ux\" class=\"wp-image-45024\" width=\"750\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/aws-bad-product-design-example-ux-1024x469.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/aws-bad-product-design-example-ux-655x300.png 655w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/aws-bad-product-design-example-ux-768x352.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/aws-bad-product-design-example-ux.png 1427w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/aws.amazon.com\/free\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><u>AWS<\/u><\/a><\/figcaption><\/figure>\n\n\n\n<p>Such complex navigation might cause frustration as users are unable to find the information they need. While overall, the design itself is <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/aesthetic-usability-effect\/\" target=\"_blank\" rel=\"noreferrer noopener\">pleasing to the eye, the information could be displayed better<\/a>. There\u2019re so many products to choose from that the visitor might simply feel lost. And instead of searching for a suitable product, they\u2019ll exit in panic.\u00a0<\/p>\n\n\n\n<p><strong>Takeaways for the design team:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pay attention to the <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/organizing-information\/\" target=\"_blank\" rel=\"noreferrer noopener\">Information Architecture<\/a>, especially if there is a lot of content that you\u2019d like to display;<\/li>\n\n\n\n<li>Use card sorting to test your navigation before committing to it;<\/li>\n\n\n\n<li>Don\u2019t neglect <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/discoverability-in-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">discoverability<\/a>, it\u2019s an important UX principle.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-inability-to-manage-expectations\">Inability to manage expectations&nbsp;<\/h3>\n\n\n\n<p>Whenever you introduce a new feature, you\u2019re hoping that it will meet users&#8217; expectations. Unfortunately, this isn\u2019t always the case (which makes prototyping even more important), and WhatsApp is a great example of such a scenario. If you\u2019ve ever used their messaging app, then you\u2019ve probably noticed that WhatsApp informs you when a message gets deleted.&nbsp;<\/p>\n\n\n\n<p>This creates a lot of confusion. Most users expect not to see the message after deleting it, instead of getting a notification that the message was deleted. This creates awkwardness and sometimes leads to follow-up questions like \u2013 \u201cwhat did you write\u201d or \u201cwhy did you delete your message\u201d.&nbsp;<\/p>\n\n\n\n<p>This is definitely not what human beings want or expect \u2013 unless they love drama.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/bad-product-design-whatsup-ux.png\" alt=\"bad product design whatsup ux\" class=\"wp-image-45026\" width=\"450\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/bad-product-design-whatsup-ux.png 640w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/bad-product-design-whatsup-ux-533x300.png 533w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/techweez.com\/2021\/11\/07\/whatsapp-read-deleted-for-everyone\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><u>techweez<\/u><\/a><\/figcaption><\/figure>\n\n\n\n<p><strong>Takeaways for the design team:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-goals-vs-business-goals-finding-the-ux-tipping-point\/\" target=\"_blank\" rel=\"noreferrer noopener\">User requirements<\/a> come first, account for them\u00a0<\/li>\n\n\n\n<li>Put yourself in your users&#8217; shoes while designing features<\/li>\n\n\n\n<li>Make sure that the design team applies <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-story-mapping\/\" target=\"_blank\" rel=\"noreferrer noopener\">user stories<\/a> in feature planning.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-stigmatizing-certain-user-groups\">Stigmatizing certain user groups<\/h3>\n\n\n\n<p>Let\u2019s once again go back to the elderly user perspective, but this time not in terms of <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/8-website-accessibility-best-practices-to-improve-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">accessibility<\/a>, but how products make them feel. The older the population, the more prominent the aesthetics problem becomes in digital and physical products for seniors.<\/p>\n\n\n\n<p>Before the industrial revolution, when many items were custom-made, products like canes were often treated as a work of art. On top of serving their core purpose, i.e., keeping the user upright and stable, they often came meticulously designed, with intricate carvings. Fast forward to today, devices \u2013 both electronic and analog \u2013 <a href=\"https:\/\/www.fastcompany.com\/3053406\/how-apple-is-giving-design-a-bad-name\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><u>tend to be ugly<\/u><\/a>.\u00a0<\/p>\n\n\n\n<p>According to Norman, they nearly \u2018scream\u2019 as a signal of frailty. It\u2019s hardly an emotion anyone, regardless of age, wants to give off to their surroundings. That\u2019s one of the reasons why some people decide not to use walking devices in the first place.<\/p>\n\n\n\n<p>The same can be said of phones designed for users with vision impairment \u2013 traditional buttons on phones don\u2019t have to be the only option. If the phone interface and apps offer font or any other <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-interface-elements-every-designer-should-know\/\" target=\"_blank\" rel=\"noreferrer noopener\">user interface element<\/a> size adjustments, elderly customers might continue using products for the \u2018general\u2019 population.<\/p>\n\n\n\n<p>It\u2019s important to bring this forward when you and the design team work on ideation and prototyping your solution. Since the global population of people over 60 years will double between 2020 and 2050 (reaching <a href=\"https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/ageing-and-health#:~:text=At%20this%20time%20the%20share,2050%20to%20reach%20426%20million.\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><u>2.1 billion<\/u><\/a>), this will likely be the most prominent example of <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/future-of-product-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">bad product design in the near future<\/a>.<\/p>\n\n\n\n<p><strong>Takeaways for the design team:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dive deep into the world of <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/inclusive-web-design\/\" target=\"_blank\" rel=\"noreferrer noopener\"><u>inclusive design<\/u><\/a><\/li>\n\n\n\n<li>Build <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/persona-examples\/\" target=\"_blank\" rel=\"noreferrer noopener\">user personas<\/a> to better understand different user groups and adjust their experiences<\/li>\n\n\n\n<li>Focus on the end-user when designing and continuously <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/feedback-loops-in-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">collect feedback<\/a>. Tracking your user base\u2019s average age will help you decide when it\u2019s time to do a product re-vamp and include more <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/web-accessibility-checklist\/\" target=\"_blank\" rel=\"noreferrer noopener\">accessibility features<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-collaborative-prototyping-for-preventing-bad-product-design\">Collaborative Prototyping for Preventing Bad Product Design\u00a0<\/h2>\n\n\n\n<p>You can avoid the bad product design examples above by following a well-thought-out product design process. Namely, before putting the first version of your solution out on the market, you need to run extensive user research, ideate, and test out your concepts in the form of prototypes.&nbsp;<\/p>\n\n\n\n<p>Here\u2019s where using the right prototyping tool will be extremely helpful. Using a solution like UXPin lets you, among others:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Test out your product\u2019s early concepts<\/strong> with potential users, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-team-structure\/\" target=\"_blank\" rel=\"noreferrer noopener\">design team<\/a>, and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/stakeholder-analysis-for-product-teams\/\" target=\"_blank\" rel=\"noreferrer noopener\">stakeholders<\/a>. You can work together to come up with better solutions.\u00a0<\/li>\n\n\n\n<li><strong>Collect feedback on your product design<\/strong> \u2013 you don\u2019t have to create the designs from scratch. UXPin lets you pull them in from your <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/\" target=\"_blank\" rel=\"noreferrer noopener\">design system<\/a>. You can use UI coded components from Git repo, npm, or Storybook. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Discover UXPin Merge<\/a>.<\/li>\n\n\n\n<li><strong>Collaborate with developers <\/strong>and save time by improving design handoff and communication with developers.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-zero-tolerance-for-bad-product-design\">Zero Tolerance for Bad Product Design<\/h2>\n\n\n\n<p>Poor design comes in various forms. Commonly, it circles around:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ignoring user needs or being unaware of them altogether. <\/strong>This can be avoided by taking on a humble approach to design. A bit of Socratesian \u201cI know that I know nothing\u201d could go miles here. Product design must start with research \u2013 ultimately, designers aren\u2019t made to cater to the needs of stakeholders, but the end-user. The design must also go through user testing, as designers can\u2019t predict how users will respond to their user interface design without checking its usability.<\/li>\n\n\n\n<li><strong>Poor collaboration. <\/strong>When product development team members don\u2019t know how to communicate project requirements or their ideas, problems are bound to happen.<\/li>\n\n\n\n<li><strong>Lack of iteration in the design process.<\/strong> No one gets it right the first time around. So, it\u2019s important to continuously collect feedback, prototype, and implement changes.<\/li>\n<\/ul>\n\n\n\n<p>Considering the number of options that people get these days, there is simply no room for poor product design. Users will switch to a solution, which not only satisfies their needs but is also pleasant to use. And given the advanced prototyping tools at your disposal, you can easily prevent bad product design with UXPin and its Merge technology. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Discover <u>UXPin<\/u> Merge<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Discover Merge<\/a><\/center><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bad product design is expensive. Visitors will leave your site if it loads for too long or if it\u2019s too difficult to navigate. App users may stop using it if they\u2019re unhappy with the experience once they\u2019re presented with an alternative. Both scenarios will result in revenue loss. Simply, in the words of Ralph Speth,<\/p>\n","protected":false},"author":3,"featured_media":45017,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,172],"tags":[],"class_list":["post-45016","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-product-design"],"yoast_title":"","yoast_metadesc":"Discover what makes a product design bad and see examples of bad product design. Learn about the dont's of product design.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Bad Product Design \u2013 3 Examples of Poorly Designed Products | UXPin<\/title>\n<meta name=\"description\" content=\"Discover what makes a product design bad and see examples of bad product design. Learn about the dont&#039;s of product design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bad Product Design \u2013 3 Examples of Poorly Designed Products\" \/>\n<meta property=\"og:description\" content=\"Discover what makes a product design bad and see examples of bad product design. Learn about the dont&#039;s of product design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-29T12:20:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-30T10:04:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"Bad Product Design \u2013 3 Examples of Poorly Designed Products\",\"datePublished\":\"2023-05-29T12:20:53+00:00\",\"dateModified\":\"2023-05-30T10:04:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/\"},\"wordCount\":2035,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Bad-product-design-min.png\",\"articleSection\":[\"Blog\",\"Product Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/\",\"name\":\"Bad Product Design \u2013 3 Examples of Poorly Designed Products | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Bad-product-design-min.png\",\"datePublished\":\"2023-05-29T12:20:53+00:00\",\"dateModified\":\"2023-05-30T10:04:01+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Discover what makes a product design bad and see examples of bad product design. Learn about the dont's of product design.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Bad-product-design-min.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/Bad-product-design-min.png\",\"width\":1200,\"height\":600,\"caption\":\"Bad product design min\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/bad-product-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bad Product Design \u2013 3 Examples of Poorly Designed Products\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Bad Product Design \u2013 3 Examples of Poorly Designed Products | UXPin","description":"Discover what makes a product design bad and see examples of bad product design. Learn about the dont's of product design.","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:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/","og_locale":"en_US","og_type":"article","og_title":"Bad Product Design \u2013 3 Examples of Poorly Designed Products","og_description":"Discover what makes a product design bad and see examples of bad product design. Learn about the dont's of product design.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/","og_site_name":"Studio by UXPin","article_published_time":"2023-05-29T12:20:53+00:00","article_modified_time":"2023-05-30T10:04:01+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"Bad Product Design \u2013 3 Examples of Poorly Designed Products","datePublished":"2023-05-29T12:20:53+00:00","dateModified":"2023-05-30T10:04:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/"},"wordCount":2035,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min.png","articleSection":["Blog","Product Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/","name":"Bad Product Design \u2013 3 Examples of Poorly Designed Products | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min.png","datePublished":"2023-05-29T12:20:53+00:00","dateModified":"2023-05-30T10:04:01+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Discover what makes a product design bad and see examples of bad product design. Learn about the dont's of product design.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2023\/05\/Bad-product-design-min.png","width":1200,"height":600,"caption":"Bad product design min"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/bad-product-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Bad Product Design \u2013 3 Examples of Poorly Designed Products"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/45016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=45016"}],"version-history":[{"count":7,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/45016\/revisions"}],"predecessor-version":[{"id":45031,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/45016\/revisions\/45031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/45017"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=45016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=45016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=45016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}