{"id":1231,"date":"2023-02-16T12:00:27","date_gmt":"2023-02-16T15:00:27","guid":{"rendered":"https:\/\/blackrat.pro\/blog\/?p=1231"},"modified":"2023-02-15T11:21:48","modified_gmt":"2023-02-15T14:21:48","slug":"o-que-e-experiencia-do-usuario-como-o-design-e-importante-para-o-seo","status":"publish","type":"post","link":"https:\/\/blackrat.pro\/blog\/o-que-e-experiencia-do-usuario-como-o-design-e-importante-para-o-seo\/","title":{"rendered":"O que \u00e9 experi\u00eancia do usu\u00e1rio? Como o design \u00e9 importante para o SEO"},"content":{"rendered":"<p><span style=\"font-weight: 400\">A experi\u00eancia do usu\u00e1rio \u00e9 a base da usabilidade de um site e \u00e9 um aspecto do SEO na p\u00e1gina que muitas pessoas ignoram.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Se seu site n\u00e3o tiver a experi\u00eancia positiva do usu\u00e1rio e a facilidade de uso que os usu\u00e1rios finais precisam para navegar em seu site, voc\u00ea direciona os visitantes para seus concorrentes.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Neste guia, voc\u00ea aprender\u00e1 o que envolve a experi\u00eancia do usu\u00e1rio (UX), os tipos de experi\u00eancias, a diferen\u00e7a entre UI e UX e por que isso \u00e9 importante para o SEO.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">O que \u00e9 experi\u00eancia do usu\u00e1rio (UX)?<\/span><\/h2>\n<p><span style=\"font-weight: 400\">UX \u00e9 como as pessoas interagem com seu site.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Voc\u00ea tamb\u00e9m encontrar\u00e1 esse termo usado para produtos, mas estamos nos concentrando estritamente em sites no momento.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Se voc\u00ea tiver um design de interface de usu\u00e1rio intuitivo, os usu\u00e1rios ter\u00e3o mais facilidade em navegar em seu site e encontrar as informa\u00e7\u00f5es que desejam.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Se voc\u00ea tiver um produto digital, como uma solu\u00e7\u00e3o SaaS, essa intera\u00e7\u00e3o tamb\u00e9m ocorrer\u00e1 em seu produto digital.<\/span><\/p>\n<p><span style=\"font-weight: 400\">A experi\u00eancia do usu\u00e1rio provoca algumas coisas:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Pensamentos.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sentimentos.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Resumindo, a experi\u00eancia do usu\u00e1rio pode proporcionar uma experi\u00eancia positiva com o seu site \u2013 ou pode levar \u00e0 frustra\u00e7\u00e3o dos usu\u00e1rios.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Nota: Usabilidade n\u00e3o \u00e9 design UX. \u00c9 um componente de UX que trabalha com design para criar a experi\u00eancia que seus usu\u00e1rios desejam.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Quais s\u00e3o os tipos de experi\u00eancia do usu\u00e1rio?<\/span><\/h2>\n<p><span style=\"font-weight: 400\">A avalia\u00e7\u00e3o da experi\u00eancia do usu\u00e1rio deve observar os tr\u00eas tipos de design UX para entender melhor as necessidades do usu\u00e1rio final.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Os tr\u00eas tipos de UX incluem:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><b>Informa\u00e7\u00e3o<\/b><span style=\"font-weight: 400\">: Um aspecto de uma estrat\u00e9gia de conte\u00fado que passa despercebido \u00e9 a arquitetura da informa\u00e7\u00e3o. O tempo deve ser gasto em como as informa\u00e7\u00f5es em um site s\u00e3o organizadas e apresentadas. Os fluxos e a navega\u00e7\u00e3o do usu\u00e1rio devem ser considerados para todas as formas de informa\u00e7\u00e3o que voc\u00ea apresentar.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Intera\u00e7\u00e3o<\/b><span style=\"font-weight: 400\">: seu site tem um padr\u00e3o de design de intera\u00e7\u00e3o \u2013 ou uma determinada maneira como os usu\u00e1rios interagem com o site. Os componentes de um site que se enquadram no tipo de intera\u00e7\u00e3o UX incluem bot\u00f5es, interfaces e menus.<\/span><\/li>\n<li style=\"font-weight: 400\"><b>Design visual<\/b><span style=\"font-weight: 400\">: a apar\u00eancia \u00e9 importante para o usu\u00e1rio final. Voc\u00ea deseja que seu site tenha coes\u00e3o entre cores, tipografia e imagens. A interface do usu\u00e1rio (IU) se enquadra nesse tipo de UX, mas \u00e9 importante observar que a IU n\u00e3o \u00e9 intercambi\u00e1vel com a UX.<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400\">Qual \u00e9 a diferen\u00e7a entre UI e UX?<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Falando em UX e UI, \u00e9 importante entender bem a diferen\u00e7a entre os dois para entender melhor a experi\u00eancia do usu\u00e1rio.<\/span><\/p>\n<h3><span style=\"font-weight: 400\">Interface de usu\u00e1rio<\/span><\/h3>\n<p><span style=\"font-weight: 400\">O design da interface do usu\u00e1rio s\u00e3o os elementos visuais do seu site, incluindo:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Bot\u00f5es.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u00cdcones.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Telas.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Os elementos visuais do seu site fazem parte da interface do usu\u00e1rio.<\/span><\/p>\n<p><span style=\"font-weight: 400\">A interface do usu\u00e1rio definitivamente se sobrep\u00f5e ao UX at\u00e9 certo ponto, mas eles n\u00e3o s\u00e3o os mesmos.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Steve Krug tamb\u00e9m tem um \u00f3timo livro sobre usabilidade, intitulado \u201c Don&#8217;t Make Me Think, Revisited: A Common Sense Approach to Web Usabilidade \u201d. Foi publicado pela primeira vez em 2000, e o livro \u00e9 um dos mais vendidos hoje.<\/span><\/p>\n<p><span style=\"font-weight: 400\">A vis\u00e3o de Steve de mais de 20 anos atr\u00e1s (embora agora estejamos na 3\u00aa edi\u00e7\u00e3o do livro) fornece diretrizes sobre usabilidade que incluem:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u00c1rea de Trabalho.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">M\u00f3vel.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">F\u00e1cil de usar.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Disposi\u00e7\u00f5es.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Tudo UX.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Se h\u00e1 uma coisa que este livro vai ensinar sobre usabilidade, \u00e9 focar na navega\u00e7\u00e3o intuitiva. Frustrar os usu\u00e1rios do site \u00e9 exatamente o oposto de uma boa experi\u00eancia do usu\u00e1rio.<\/span><\/p>\n<h3><span style=\"font-weight: 400\">Experi\u00eancia de usu\u00e1rio<\/span><\/h3>\n<p><span style=\"font-weight: 400\">UX funciona na interface do usu\u00e1rio e como o usu\u00e1rio ir\u00e1:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Interaja com seu site.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sinta durante a intera\u00e7\u00e3o.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Na verdade, a UI precisa ser funcional e atraente, mas o UX \u00e9 o que mais vai se destacar.<\/span><\/p>\n<p><span style=\"font-weight: 400\">O honeycomb de experi\u00eancia do usu\u00e1rio de Peter Morville \u00e9 um dos principais exemplos de como ir al\u00e9m da simples usabilidade e focar na UX de maneiras novas e empolgantes.<\/span><\/p>\n<p><span style=\"font-weight: 400\">O honeycomb inclui v\u00e1rios pontos que s\u00e3o todos combinados para maximizar a experi\u00eancia do usu\u00e1rio. Essas facetas s\u00e3o:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Acess\u00edvel.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Cred\u00edvel.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Desej\u00e1vel.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Localiz\u00e1vel.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Utiliz\u00e1vel.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u00datil.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">De valor.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Quando voc\u00ea se concentra em todos esses elementos, melhora drasticamente a experi\u00eancia do usu\u00e1rio.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Por que a experi\u00eancia do usu\u00e1rio \u00e9 importante para o SEO<\/span><\/h2>\n<p><span style=\"font-weight: 400\">A essa altura, voc\u00ea entende que a UX \u00e9 muito importante para os visitantes e o p\u00fablico do seu site.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Muito tempo, an\u00e1lise e refinamento devem ser dedicados ao design de UX. No entanto, h\u00e1 outro motivo para redirecionar sua aten\u00e7\u00e3o para a experi\u00eancia do usu\u00e1rio: SEO.<\/span><\/p>\n<h3><span style=\"font-weight: 400\">Atualiza\u00e7\u00e3o da experi\u00eancia da p\u00e1gina do Google<\/span><\/h3>\n<p><span style=\"font-weight: 400\">Quando a atualiza\u00e7\u00e3o da experi\u00eancia de p\u00e1gina do Google foi totalmente lan\u00e7ada, ela teve um impacto em sites que ofereciam uma experi\u00eancia de usu\u00e1rio insatisfat\u00f3ria.<\/span><\/p>\n<p><span style=\"font-weight: 400\">V\u00e1rios aspectos do UX fazem parte dos fatores de classifica\u00e7\u00e3o da atualiza\u00e7\u00e3o, incluindo:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">An\u00fancios intrusivos.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">N\u00facleos vitais da Web.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Seguran\u00e7a HTTPS.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Voc\u00ea pode gerar um relat\u00f3rio de Core Web Vitals aqui e fazer corre\u00e7\u00f5es para atender a esses requisitos. Al\u00e9m disso, voc\u00ea deve saber se seu site possui an\u00fancios intrusivos que irritam os usu\u00e1rios e se o site n\u00e3o possui HTTPS.<\/span><\/p>\n<p><span style=\"font-weight: 400\">O desempenho da p\u00e1gina funciona para melhorar seu SEO. A pesquisa do Google mostra que focar em UX pode:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Reduza o abandono do site em at\u00e9 24%.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Melhore as convers\u00f5es na web.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Aumente a m\u00e9dia de visualiza\u00e7\u00f5es de p\u00e1gina por sess\u00e3o em at\u00e9 15%.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Aumente a receita de publicidade em 18% ou mais.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Quando voc\u00ea gasta tempo melhorando o UX do seu site, voc\u00ea se beneficia de classifica\u00e7\u00f5es mais altas, menor abandono de p\u00e1gina, convers\u00f5es aprimoradas e ainda mais receita.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Al\u00e9m disso, muitas das pr\u00e1ticas para melhorar o UX tamb\u00e9m s\u00e3o componentes cruciais do SEO on-page de um site, como:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Uso adequado do cabe\u00e7alho.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Adicionando listas ao seu conte\u00fado.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Fazendo uso de imagens.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Otimizando imagens para tempos de carregamento mais r\u00e1pidos.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Preenchendo lacunas de conte\u00fado com informa\u00e7\u00f5es \u00fateis.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Reduzindo o \u201cconte\u00fado de conte\u00fado\u201d.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Usando gr\u00e1ficos.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Testando a usabilidade em v\u00e1rios dispositivos.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Ao melhorar o UX, voc\u00ea cria uma experi\u00eancia positiva para os usu\u00e1rios, ao mesmo tempo em que melhora muitos dos fundamentos do SEO on-page do seu site.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Mat\u00e9ria completa: <\/span><a href=\"https:\/\/l.blackrat.pro\/1yWEL\"><span style=\"font-weight: 400\">https:\/\/l.blackrat.pro\/1yWEL<\/span><\/a><span style=\"font-weight: 400\">\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A experi\u00eancia do usu\u00e1rio \u00e9 a base da usabilidade de um site e \u00e9 um aspecto do SEO na p\u00e1gina que muitas pessoas ignoram. Se seu site n\u00e3o tiver a experi\u00eancia positiva do usu\u00e1rio e a facilidade de uso que os usu\u00e1rios finais precisam para navegar em seu site, voc\u00ea direciona os visitantes para seus [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1232,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[221,85,222],"class_list":{"0":"post-1231","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-how-to","8":"tag-design","9":"tag-seo","10":"tag-usuario"},"_links":{"self":[{"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/posts\/1231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/comments?post=1231"}],"version-history":[{"count":1,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/posts\/1231\/revisions"}],"predecessor-version":[{"id":1233,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/posts\/1231\/revisions\/1233"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/media\/1232"}],"wp:attachment":[{"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/media?parent=1231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/categories?post=1231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/tags?post=1231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}