{"id":2325,"date":"2020-10-06T09:47:34","date_gmt":"2020-10-06T12:47:34","guid":{"rendered":"https:\/\/ember.com.br\/?p=2325"},"modified":"2024-06-22T05:16:42","modified_gmt":"2024-06-22T08:16:42","slug":"educacao-do-usuario-como-evolucoes-pokemon","status":"publish","type":"post","link":"https:\/\/ember.com.br\/en\/educacao-do-usuario-como-evolucoes-pokemon\/","title":{"rendered":"Educa\u00e7\u00e3o do usu\u00e1rio como Evolu\u00e7\u00f5es Pok\u00e9mon"},"content":{"rendered":"<p><amp-ad width=\"100vw\" height=\"320\"\n     type=\"adsense\"\n     data-ad-client=\"ca-pub-9806911943010241\"\n     data-ad-slot=\"9278010099\"\n     data-auto-format=\"rspv\"\n     data-full-width=\"\"><\/p>\n<div overflow=\"\"><\/div>\n<p><\/amp-ad><\/p>\n<p>Quando as pessoas pensam na educa\u00e7\u00e3o do usu\u00e1rio em produtos, geralmente est\u00e3o pensando em um determinado conjunto de padr\u00f5es de UI. Em alguns casos, esses padr\u00f5es podem ser \u00fateis.\u00a0Mas, na maioria dos outros casos, os padr\u00f5es s\u00e3o usados \u200b\u200bem excesso e aplicados de forma inadequada a muitas situa\u00e7\u00f5es.\u00a0Eles rapidamente se tornam antipadr\u00f5es.<\/p>\n<p>Ilustrei essa ladeira escorregadia desenhando esses \u201cpadr\u00f5es\u201d como se fossem\u00a0<a href=\"https:\/\/pokemondb.net\/evolution\">evolu\u00e7\u00f5es de Pok\u00e9mon<\/a>\u00a0.\u00a0Voc\u00ea sabe, quando um padr\u00e3o aparentemente inofensivo pode se transformar em uma besta formid\u00e1vel.<span id=\"more-5448\"><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3>Carouhell&gt; Autopuh-lays&gt; Sideshow<\/h3>\n<p>De carross\u00e9is a v\u00eddeos de reprodu\u00e7\u00e3o autom\u00e1tica e longas apresenta\u00e7\u00f5es de slides, frequentemente vemos produtos cada vez mais tentando fornecer conte\u00fado que chama a aten\u00e7\u00e3o.\u00a0Quanto mais agressivo e frontal essas coisas se tornam, menos atraentes se tornam.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-5461\" src=\"https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Carousel-2.jpg\" sizes=\"(max-width: 1084px) 100vw, 1084px\" srcset=\"https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Carousel-2.jpg 1084w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Carousel-2-155x300.jpg 155w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Carousel-2-529x1024.jpg 529w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Carousel-2-768x1488.jpg 768w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Carousel-2-793x1536.jpg 793w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Carousel-2-1057x2048.jpg 1057w\" alt=\"\" \/><\/figure>\n<h3>Cooltip&gt; Drooltips&gt; Encroachmarks<\/h3>\n<p>A dica de ferramenta ocasional pode ser \u00fatil, especialmente se aparecer em resposta direta \u00e0 a\u00e7\u00e3o de um usu\u00e1rio.\u00a0Mas eles podem crescer rapidamente fora de controle.\u00a0\u00c0s vezes, eles v\u00eam em pacotes, na forma de orienta\u00e7\u00f5es, ou agrupados como uma camada de bloqueio chamada de &#8220;marcas de carruagem&#8221;.\u00a0Essas coisas for\u00e7am algu\u00e9m a memorizar as instru\u00e7\u00f5es da IU sem resolver os problemas subjacentes.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-5452\" src=\"https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Tooltip-2-scaled.jpg\" sizes=\"(max-width: 1415px) 100vw, 1415px\" srcset=\"https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Tooltip-2-scaled.jpg 1415w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Tooltip-2-166x300.jpg 166w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Tooltip-2-566x1024.jpg 566w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Tooltip-2-768x1389.jpg 768w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Tooltip-2-849x1536.jpg 849w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Tooltip-2-1132x2048.jpg 1132w\" alt=\"3 ilustra\u00e7\u00f5es: a primeira (&quot;Cooltip&quot;) mostra uma pequena dica feliz pairando sobre uma barra de navega\u00e7\u00e3o; o segundo (&quot;Drooltips&quot;) mostra 3 patas, cada uma crescendo para fora da boca do primeiro e pingando saliva, lendo &quot;1 de 3&quot;, &quot;2 de 3&quot; e assim por diante; e o terceiro (&quot;Encroachmarks&quot;) mostra uma ilustra\u00e7\u00e3o de uma IU sobreposta por uma besta com v\u00e1rias cabe\u00e7as e armas. \" \/><\/figure>\n<h3>Chat-o-the-wisp&gt; Chatling&gt; Bantershee<\/h3>\n<p>Muitos plug-ins diferentes tornam mais f\u00e1cil para as empresas adicionar bots de atendimento ao cliente a seus sites que flutuam na parte inferior da tela do usu\u00e1rio.\u00a0Embora expor um ponto de entrada a um agente de ajuda possa levar os clientes \u00e0s informa\u00e7\u00f5es mais rapidamente, essas coisas evolu\u00edram para enviar mensagens de forma proativa.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-5454\" src=\"https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Chatty.jpg\" sizes=\"(max-width: 2306px) 100vw, 2306px\" srcset=\"https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Chatty.jpg 2306w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Chatty-300x196.jpg 300w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Chatty-1024x669.jpg 1024w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Chatty-768x502.jpg 768w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Chatty-1536x1004.jpg 1536w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Chatty-2048x1338.jpg 2048w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Chatty-459x300.jpg 459w\" alt=\"Ilustra\u00e7\u00e3o de 3 telas m\u00f3veis: a primeira (&quot;Chat-o-the-wisp&quot;) mostra uma pequena e amig\u00e1vel criatura fada pairando silenciosamente no canto inferior esquerdo; o segundo (&quot;Chatling&quot;) mostra uma fada maior agora perguntando &quot;Oi, tem alguma pergunta?&quot;; e o terceiro (&quot;Bantershee&quot;) mostra uma criatura fada maior vomitando v\u00e1rios bal\u00f5es de fala que dizem, aproximadamente, &quot;aaaaaaaaaahhhhh&quot;\" \/><\/figure>\n<h3>Cookie espreitar&gt; Folha de biscoitos&gt; Cookie comer<\/h3>\n<p>Queremos ter certeza de que as pessoas est\u00e3o cientes de sites que desejam usar cookies para rastrear atividades na web.\u00a0No entanto, esses avisos de cookies est\u00e3o exigindo consentimento em detrimento de todos os outros conte\u00fados.\u00a0Navegue at\u00e9\u00a0<a href=\"https:\/\/bda.org\/\">https:\/\/bda.org\/<\/a>\u00a0em seu dispositivo m\u00f3vel, por exemplo, e verifique o prompt resultante.<\/p>\n<p><amp-ad width=\"100vw\" height=\"320\"\n     type=\"adsense\"\n     data-ad-client=\"ca-pub-9806911943010241\"\n     data-ad-slot=\"9278010099\"\n     data-auto-format=\"rspv\"\n     data-full-width=\"\"><\/p>\n<div overflow=\"\"><\/div>\n<p><\/amp-ad><\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-5455\" src=\"https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Cookies.jpg\" sizes=\"(max-width: 1590px) 100vw, 1590px\" srcset=\"https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Cookies.jpg 1590w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Cookies-193x300.jpg 193w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Cookies-660x1024.jpg 660w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Cookies-768x1192.jpg 768w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Cookies-990x1536.jpg 990w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Cookies-1319x2048.jpg 1319w\" alt=\"3 ilustra\u00e7\u00f5es de uma p\u00e1gina da web: A primeira (&quot;Cookie peek&quot;) mostra um pequeno banner na parte inferior da tela perguntando timidamente, &quot;Mayhaps cookies?&quot;; a segunda (\u201cFolha de bolinhos\u201d) \u00e9 ligeiramente grande, com um bot\u00e3o para aceitar bolachas na boca; e o terceiro (&quot;Cookie eat&quot;) ocupa a tela inteira e inala tudo que est\u00e1 fora da p\u00e1gina da web em sua boca enorme.\" \/><\/figure>\n<h4>Overlay&gt; Overload<\/h4>\n<p>E, finalmente, sobreposi\u00e7\u00f5es.\u00a0F\u00e1cil de implementar, mas t\u00e3o f\u00e1cil de perder de vista at\u00e9 que todos eles colidam de repente ao mesmo tempo.\u00a0Nem sempre existe um estado intermedi\u00e1rio.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-5456\" src=\"https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Overlay-1024x624.jpg\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Overlay-1024x624.jpg 1024w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Overlay-300x183.jpg 300w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Overlay-768x468.jpg 768w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Overlay-1536x936.jpg 1536w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Overlay-2048x1248.jpg 2048w, https:\/\/www.kryshiggins.com\/wp-content\/uploads\/2020\/04\/Overlay-492x300.jpg 492w\" alt=\"\" \/><\/figure>\n<p><amp-ad width=\"100vw\" height=\"320\"\n     type=\"adsense\"\n     data-ad-client=\"ca-pub-9806911943010241\"\n     data-ad-slot=\"9278010099\"\n     data-auto-format=\"rspv\"\n     data-full-width=\"\"><\/p>\n<div overflow=\"\"><\/div>\n<p><\/amp-ad><\/p>","protected":false},"excerpt":{"rendered":"<p>Quando as pessoas pensam na educa\u00e7\u00e3o do usu\u00e1rio em produtos, geralmente est\u00e3o pensando em um determinado conjunto de padr\u00f5es de UI. Em alguns casos, esses padr\u00f5es podem ser \u00fateis.\u00a0Mas, na maioria dos outros casos, os padr\u00f5es s\u00e3o usados \u200b\u200bem excesso e aplicados de forma inadequada a muitas situa\u00e7\u00f5es.\u00a0Eles rapidamente se tornam antipadr\u00f5es. Ilustrei essa ladeira [&hellip;]<\/p>\n<\/p><div class=\"more-link\"><a href=\"https:\/\/ember.com.br\/en\/educacao-do-usuario-como-evolucoes-pokemon\/\" class=\"btn btn-small btn--dark btn-hover-shadow\"><span class=\"text\">Continue Reading<\/span><i class=\"seoicon-right-arrow\"><\/i><\/a><\/div>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[267,268,607],"tags":[461,618,617,139],"yst_prominent_words":[615,616,611,155,412,614,612,150],"class_list":["post-2325","post","type-post","status-publish","format-standard","hentry","category-ui","category-ux","category-web","tag-design","tag-evolucaopokemon","tag-pokemon","tag-ux"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/posts\/2325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/comments?post=2325"}],"version-history":[{"count":3,"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/posts\/2325\/revisions"}],"predecessor-version":[{"id":2328,"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/posts\/2325\/revisions\/2328"}],"wp:attachment":[{"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/media?parent=2325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/categories?post=2325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/tags?post=2325"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/ember.com.br\/en\/wp-json\/wp\/v2\/yst_prominent_words?post=2325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}