{"id":2357,"date":"2020-06-29T20:56:30","date_gmt":"2020-06-29T23:56:30","guid":{"rendered":"https:\/\/www.pengreendesign.com\/?p=2357"},"modified":"2024-01-09T03:36:28","modified_gmt":"2024-01-09T03:36:28","slug":"design-flaw-causes-accidental-purchase-of-28-teslas-cars","status":"publish","type":"post","link":"https:\/\/www.pengreendesign.com\/pt-br\/falha-no-design-causa-compra-acidental-de-28-carros-da-tesla\/","title":{"rendered":"Falha no design causa compra acidental de 28 carros da Tesla"},"content":{"rendered":"<p>Por conta da pandemia, a Alemanha estava oferecendo o dobro de incentivos para compras de carros el\u00e9tricos, e para aproveitar, um alem\u00e3o queria trocar seu Ford Kuga por um Tesla Model 3 com piloto autom\u00e1tico, o modelo de entrada da montadora de Elon Musk.<\/p>\n\n\n\n<p>O senhor ent\u00e3o prosseguiu com a compra, adicionou seu dados e cart\u00e3o, e clicou em confirmar para fazer o pedido \u00e0 Tesla. Por\u00e9m nada aconteceu, o bot\u00e3o continuou da forma que estava, nenhuma mensagem foi mostrada, nada diferente que pudesse indicar que o pedido estava sendo processado ou at\u00e9 mesmo que j\u00e1 tinha sido feito ou negado. Por conta disso, ele clicou novamente, j\u00e1 que podia simplesmente n\u00e3o ter ido. E novamente, e assim por outras 27 vezes durante um per\u00edodo de duas horas - que pessoa persistente!<\/p>\n\n\n\n<p>Ap\u00f3s as v\u00e1rias tentativas, finalmente o site deu sinal de vida e processou o pedido - por\u00e9m n\u00e3o apenas um, mas todas as 28 tentativas, totalizando 1,4 milh\u00e3o de euros pelos 28 Teslas Modelo 3. N\u00e3o apenas isso, mas caso o alem\u00e3o pedisse pra cancelar os 27 pedidos extras, ele ainda sim teria que desembolsar 100 euros por cada cancelamento, totalizando 2700 euros a mais do que apenas os 100 euros de dep\u00f3sito esperados pelo pedido de apenas um carro.<\/p>\n\n\n\n<p>Este \u00e9 um claro erro em fornecer uma boa experi\u00eancia do usu\u00e1rio e infringiu duas&nbsp;<a href=\"https:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/\" target=\"_blank\" rel=\"noopener\">heur\u00edsticas de Nielson<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> <strong style=\"font-size: revert; color: initial;\">A primeira \u00e9 evitar que o usu\u00e1rio cometa erros.<\/strong><span style=\"font-size: revert; color: initial;\">&nbsp;Ao clicar em um bot\u00e3o que envia informa\u00e7\u00f5es para processamento, imediatamente deve-se desabilit\u00e1-lo para n\u00e3o ser clicado novamente.<\/span> <\/li>\n\n\n\n<li> <strong style=\"font-size: revert; color: initial;\">A segunda \u00e9 sempre e rapidamente informar o status do sistema atrav\u00e9s de feedbacks claros.<\/strong><span style=\"font-size: revert; color: initial;\">&nbsp;Ap\u00f3s o bot\u00e3o ser clicado \u00e9 necess\u00e1rio informar ao usu\u00e1rio que o site est\u00e1 processando as informa\u00e7\u00f5es e pedir para que n\u00e3o feche a tela para evitar erros.<\/span> <\/li>\n<\/ul>\n\n\n\n<p>H\u00e1 erros tamb\u00e9m no processamento que n\u00e3o afetam diretamente na UX por\u00e9m, como visto, afeta indiretamente. A lentid\u00e3o em processar o pedido e a falha ao permitir que fossem processados os outros 27 pedidos sem que nenhum retorno tivesse sido dado para o primeiro tamb\u00e9m foram determinantes para o erro humano.<\/p>\n\n\n\n<p>Isso mostra que equipes de design e desenvolvimento devem trabalhar juntos para evitar situa\u00e7\u00e3o como essa.<\/p>\n\n\n\n<p>No final, o alem\u00e3o ligou desesperado para a empresa e, entendendo o erro acontecido, a Tesla reembolsou os 2800 euros pelo dep\u00f3sito obrigat\u00f3rio e convidou o homem a fazer seu pedido novamente.<\/p>\n\n\n\n<p><strong>A quest\u00e3o \u00e9: ele vai comprar novamente depois dessa falha? A confian\u00e7a \u00e9 destru\u00edda e o cliente foi perdido?<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><\/p>\n<cite>Precisamos evitar que esse tipo de erro ocorra em primeiro lugar, em vez de corrig\u00ed-lo mais tarde. O custo ser\u00e1 mais alto, com certeza, n\u00e3o apenas em desenvolvimento interno para arrum\u00e1-lo, mas a perda em faturamento e de consumidores, al\u00e9m de ter que reparar a reputa\u00e7\u00e3o que foi afetada. Uma boa <a href=\"https:\/\/www.pengreendesign.com\/pt-br\/servicos\/consultoria-estrategia-ux\/\" data-type=\"services\" data-id=\"254\">estrat\u00e9gia de UX<\/a> e <a href=\"https:\/\/www.pengreendesign.com\/pt-br\/servicos\/design-de-produto\/\" data-type=\"services\" data-id=\"250\">um design de produto bem conduzido<\/a> podem evitar muitos problemas triviais como esse.<\/cite><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Veja mais exemplos de UI problem\u00e1ticas<\/h2>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-2 wp-block-post-template has-small-font-size is-layout-grid wp-container-core-post-template-is-layout-17361a50 wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-2025 post type-post status-publish format-standard has-post-thumbnail hentry category-bad-ui\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/www.pengreendesign.com\/pt-br\/ui-problematicas-que-prejudicam-seu-negocio-2\/\" target=\"_self\">Bad UI patterns that hurt your business #2<\/a><\/h2>\n\n<figure style=\"aspect-ratio:4\/3;\" class=\"alignwide wp-block-post-featured-image\"><a href=\"https:\/\/www.pengreendesign.com\/pt-br\/ui-problematicas-que-prejudicam-seu-negocio-2\/\" target=\"_self\"><img loading=\"lazy\" decoding=\"async\" width=\"1401\" height=\"800\" src=\"https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/banner-bad-ui-patterns-2.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Bad UI patterns that hurt your business #2\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/banner-bad-ui-patterns-2.jpg 1401w, https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/banner-bad-ui-patterns-2-300x171.jpg 300w, https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/banner-bad-ui-patterns-2-1024x585.jpg 1024w, https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/banner-bad-ui-patterns-2-768x439.jpg 768w\" sizes=\"auto, (max-width: 1401px) 100vw, 1401px\" title=\"\"><\/a><\/figure>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n<div class=\"wp-block-post-date has-small-font-size\"><time datetime=\"2020-06-30T16:13:09+00:00\">junho 30, 2020<\/time><\/div>\n<\/li><li class=\"wp-block-post post-2357 post type-post status-publish format-standard has-post-thumbnail hentry category-website\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/www.pengreendesign.com\/pt-br\/falha-no-design-causa-compra-acidental-de-28-carros-da-tesla\/\" target=\"_self\">Falha no design causa compra acidental de 28 carros da Tesla<\/a><\/h2>\n\n<figure style=\"aspect-ratio:4\/3;\" class=\"alignwide wp-block-post-featured-image\"><a href=\"https:\/\/www.pengreendesign.com\/pt-br\/falha-no-design-causa-compra-acidental-de-28-carros-da-tesla\/\" target=\"_self\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/pexels-craig-adderley-2449452-scaled.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Falha no design causa compra acidental de 28 carros da Tesla\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/pexels-craig-adderley-2449452-scaled.jpg 2560w, https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/pexels-craig-adderley-2449452-300x200.jpg 300w, https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/pexels-craig-adderley-2449452-1024x683.jpg 1024w, https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/pexels-craig-adderley-2449452-768x512.jpg 768w, https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/pexels-craig-adderley-2449452-1536x1024.jpg 1536w, https:\/\/static.pengreendesign.com\/uploads\/2020\/06\/pexels-craig-adderley-2449452-2048x1365.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" title=\"\"><\/a><\/figure>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n<div class=\"wp-block-post-date has-small-font-size\"><time datetime=\"2020-06-29T20:56:30+00:00\">junho 29, 2020<\/time><\/div>\n<\/li><li class=\"wp-block-post post-1747 post type-post status-publish format-standard has-post-thumbnail hentry category-bad-ui category-website\">\n<h2 class=\"wp-block-post-title\"><a href=\"https:\/\/www.pengreendesign.com\/pt-br\/ui-problematicas-que-prejudicam-seu-negocio-1\/\" target=\"_self\">Bad UI patterns that hurt your business #1<\/a><\/h2>\n\n<figure style=\"aspect-ratio:4\/3;\" class=\"alignwide wp-block-post-featured-image\"><a href=\"https:\/\/www.pengreendesign.com\/pt-br\/ui-problematicas-que-prejudicam-seu-negocio-1\/\" target=\"_self\"><img loading=\"lazy\" decoding=\"async\" width=\"1401\" height=\"800\" src=\"https:\/\/static.pengreendesign.com\/uploads\/2019\/09\/banner-bad-ui-patterns-1-1.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Bad UI patterns that hurt your business #1\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/static.pengreendesign.com\/uploads\/2019\/09\/banner-bad-ui-patterns-1-1.jpg 1401w, https:\/\/static.pengreendesign.com\/uploads\/2019\/09\/banner-bad-ui-patterns-1-1-300x171.jpg 300w, https:\/\/static.pengreendesign.com\/uploads\/2019\/09\/banner-bad-ui-patterns-1-1-1024x585.jpg 1024w, https:\/\/static.pengreendesign.com\/uploads\/2019\/09\/banner-bad-ui-patterns-1-1-768x439.jpg 768w\" sizes=\"auto, (max-width: 1401px) 100vw, 1401px\" title=\"\"><\/a><\/figure>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n<div class=\"wp-block-post-date has-small-font-size\"><time datetime=\"2019-09-01T14:31:43+00:00\">setembro 1, 2019<\/time><\/div>\n<\/li><\/ul><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Quer saber se o seu site apresenta falhas de UX?<\/h3>\n\n\n\n<p>Problemas de UX s\u00e3o mais comuns do que podemos imaginar e alguns deles n\u00e3o vemos, a menos que aconte\u00e7am. Pengreen Design tem uma equipe de designers especialistas prontos para ajud\u00e1-lo. Estamos listados em\u00a0<a href=\"https:\/\/www.webdesigncompanies.com\/best-tech-websites\" target=\"_blank\" rel=\"noopener\">Best Tech Websites Of 2020 (So Far).<\/a><\/p>\n\n\n\n<p>Desbloqueie todo o potencial do seu produto digital com nossa <a href=\"https:\/\/www.pengreendesign.com\/pt-br\/servicos\/ux-audit\/\" data-type=\"services\" data-id=\"251\">Auditoria de UX<\/a>! Uncover hidden design flaws that might be hindering your product's success, some of which you may not even be aware of.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.pengreendesign.com\/pt-br\/contato\/\">Agende uma reuni\u00e3o<\/a><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Because of the pandemic, Germany was offering double incentives for electric car purchases, and seeing it as a good opportunity, a German wanted to exchange his Ford Kuga for a Tesla Model 3 with autopilot, the entry model of Elon Musk's automaker. He then proceeded with the purchase, added his details and credit card, and [&hellip;]<\/p>","protected":false},"author":1,"featured_media":6205,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","pgc_sgb_lightbox_settings":"","footnotes":""},"categories":[22],"tags":[],"class_list":["post-2357","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website"],"meta_box":[],"_links":{"self":[{"href":"https:\/\/www.pengreendesign.com\/pt-br\/wp-json\/wp\/v2\/posts\/2357","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pengreendesign.com\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pengreendesign.com\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pengreendesign.com\/pt-br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pengreendesign.com\/pt-br\/wp-json\/wp\/v2\/comments?post=2357"}],"version-history":[{"count":0,"href":"https:\/\/www.pengreendesign.com\/pt-br\/wp-json\/wp\/v2\/posts\/2357\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pengreendesign.com\/pt-br\/wp-json\/wp\/v2\/media\/6205"}],"wp:attachment":[{"href":"https:\/\/www.pengreendesign.com\/pt-br\/wp-json\/wp\/v2\/media?parent=2357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pengreendesign.com\/pt-br\/wp-json\/wp\/v2\/categories?post=2357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pengreendesign.com\/pt-br\/wp-json\/wp\/v2\/tags?post=2357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}