\n Identificar os perfis de persona do seu p\u00fablico \u00e9 uma tarefa assustadora. Felizmente, Michael King escreveu um excelente artigo<\/a> sobre isso. Basicamente, trata-se de fazer uma segmenta\u00e7\u00e3o de marketing para dar uma representa\u00e7\u00e3o dos visitantes do site, o que ajudar\u00e1 a melhorar a jornada de seus clientes.\n<\/p>\n \n \u00c9 importante observar que, ao criar uma persona de cliente, voc\u00ea tamb\u00e9m deve saber de onde vem seu p\u00fablico. Saber disso lhe dar\u00e1 uma ideia mais espec\u00edfica sobre os interesses dos visitantes antes de acessar seu site. O Google Analytics \u00e9 uma ferramenta \u00f3bvia a ser usada nesse sentido. Para conferir, acesse o perfil do Google Analytics do seu site. Clique em Audi\u00eancia > Interesses > Segmentos no mercado:\n<\/p>\n \n Isso o levar\u00e1 a este gr\u00e1fico de dados.\n<\/p>\n \n Esses dados representam categorias de sites que seus visitantes visitaram anteriormente. Como se trata de criar personas de clientes, procure categorias que recebam tr\u00e1fego de qualidade. Determinar o tr\u00e1fego de qualidade depende dos objetivos do site. Isso significa usar m\u00e9tricas ou uma combina\u00e7\u00e3o de m\u00e9tricas que se encaixe no padr\u00e3o ao qual as metas s\u00e3o adequadas. Normalmente, essas m\u00e9tricas incluem taxa de rejei\u00e7\u00e3o, novas visitas e dura\u00e7\u00e3o m\u00e9dia do site. Um ponto importante a considerar \u00e9 a filtragem de dados. O uso de dados n\u00e3o filtrados do tr\u00e1fego de refer\u00eancia na cria\u00e7\u00e3o de personas de clientes complicar\u00e1 as coisas, portanto, tenha cuidado ao fazer isso. Consulte este artigo<\/a> para filtrar refer\u00eancias falsas no Google Analytics.\n<\/p>\n \n Depois de identificar as fontes certas de seu tr\u00e1fego de refer\u00eancia, aqueles que est\u00e3o direcionando uma quantidade significativa de tr\u00e1fego para seu site executam os URLs para alguns verificadores de sites populares dispon\u00edveis online. Os comumente usados \u200b\u200bs\u00e3o Similarweb<\/a> e Alexa<\/a>, mas existem outros que tamb\u00e9m fazem a mesma coisa. Eles podem fornecer uma vis\u00e3o geral do(s) site(s) que voc\u00ea deseja verificar em suas vers\u00f5es gratuitas, mas para saber mais detalhes, voc\u00ea pode ter a op\u00e7\u00e3o de atualizar para suas contas premium.\n<\/p>\n \n Aqui est\u00e1 uma vis\u00e3o geral demogr\u00e1fica do Similarweb.\n<\/p>\n \n Alexa:\n<\/p>\n \n Comparar e complementar os dados dessas 3 ferramentas fornecer\u00e1 uma estimativa mais espec\u00edfica dos dados do visitante.\n<\/p>\n \n Uma vez identificadas as personas dos clientes, o pr\u00f3ximo passo \u00e9 alinh\u00e1-las com os objetivos do site por etapas da jornada. As etapas da jornada dentro do site podem ser vistas no fluxo de comportamento no Google Analytics. Comportamento > Fluxo de Comportamento:\n<\/p>\n \n O gr\u00e1fico visual mostrar\u00e1 o caminho do visitante dentro do site. A partir da p\u00e1gina inicial (e de outras p\u00e1ginas de categoria), o fluxo ter\u00e1 v\u00e1rios pontos de contato antes de concluir o objetivo do site.\n<\/p>\n \n *Observe que as metas do site devem ser definidas no perfil do Analytics para obter uma vis\u00e3o completa do caminho de convers\u00e3o do visitante.\n<\/p>\n \n Anote as p\u00e1ginas onde ocorre a maioria das desist\u00eancias. Existem v\u00e1rias raz\u00f5es pelas quais os visitantes saem. Alguns dos motivos comuns s\u00e3o:\n<\/p>\n \n Vamos nos concentrar apenas na quest\u00e3o do design por enquanto, mas como todos esses fatores est\u00e3o intimamente relacionados, vamos abord\u00e1-los tamb\u00e9m em rela\u00e7\u00e3o ao design.\n<\/p>\n \n Em um artigo da UXMag, foram tra\u00e7ados cen\u00e1rios que levam \u00e0 declara\u00e7\u00e3o de que o web design est\u00e1 morto. Quase todos esses pontos s\u00e3o sobre o surgimento de novas tecnologias e inova\u00e7\u00f5es em web design que n\u00e3o s\u00e3o necess\u00e1rias para envolver o p\u00fablico. No final, por\u00e9m, o artigo n\u00e3o enterrou o web design como uma profiss\u00e3o, mas sim um apelo para que os web designers se adaptem ao cen\u00e1rio atual. Embora a maioria das coisas afirmadas esteja correta, h\u00e1 uma premissa do argumento apresentado que pode ter sido mal colocada, automa\u00e7\u00e3o e intelig\u00eancia artificial dos servi\u00e7os de web design. Embora a automa\u00e7\u00e3o seja uma pausa bem-vinda para os web designers, n\u00e3o seria t\u00e3o \u00fatil no quadro geral em termos de realiza\u00e7\u00e3o dos objetivos do site. Ter um conceito de design planejado com o objetivo de atingir os objetivos do site ainda est\u00e1 dentro da decis\u00e3o dos humanos.\n<\/p>\n \n Usabilidade e design andam de m\u00e3os dadas. Embora ambas sejam disciplinas separadas, uma complementa a outra de in\u00fameras maneiras que \u00e0s vezes \u00e9 dif\u00edcil distinguir uma da outra. Para reiterar o ponto de usar o design para minimizar as desist\u00eancias de p\u00e1gina e melhorar a jornada do cliente, aqui est\u00e3o alguns dos erros comuns de usabilidade em web design:\n<\/p>\n \n O conte\u00fado falha em transmitir a mensagem:\n <\/p>\n \n O conte\u00fado \u00e9 uma parte do web design. Isso \u00e9 comumente referido como c\u00f3pia da web. Gr\u00e1ficos e recursos visuais dar\u00e3o uma boa impress\u00e3o aos visitantes, mas eles tamb\u00e9m gostam de ler o texto. Erros de design ocorrem quando os visitantes se distraem com os outros elementos da p\u00e1gina.\n <\/p>\n \n A tipografia tamb\u00e9m \u00e9 um fator de web design. Nem sempre se trata de t\u00edtulos e fontes de texto. A usabilidade deve ser sempre uma prioridade sobre a est\u00e9tica, tornando o conte\u00fado f\u00e1cil de ler.\n <\/p>\n<\/li>\n \n N\u00e3o h\u00e1 como os visitantes entrarem em contato com voc\u00ea:\n <\/p>\n \n A jornada do cliente deve ser interativa e envolvente. Se o conte\u00fado do seu site fisgar seus leitores, eles v\u00e3o querer entrar em contato com voc\u00ea. Os formul\u00e1rios de contato devem ser funcionais. Um design bonito tamb\u00e9m \u00e9 um b\u00f4nus, mas n\u00e3o deve ser priorizado em rela\u00e7\u00e3o \u00e0 usabilidade.\n <\/p>\n<\/li>\n \n Falta de fun\u00e7\u00e3o de pesquisa:\n <\/p>\n \n As pessoas que visitam sites t\u00eam uma tarefa espec\u00edfica em mente. Na maioria das vezes eles querem obter informa\u00e7\u00f5es. Sites com muito conte\u00fado precisam de uma fun\u00e7\u00e3o de pesquisa para que os visitantes economizem tempo navegando. Para sites de com\u00e9rcio eletr\u00f4nico, as pessoas v\u00e3o gostar de saber as descri\u00e7\u00f5es dos produtos. Um site que n\u00e3o possui uma fun\u00e7\u00e3o de pesquisa pode diminuir a navegabilidade do site.\n <\/p>\n<\/li>\n \n Longo processo de registro:\n <\/p>\n \n Nada pode ser mais frustrante do que querer se inscrever em um site apenas para ver um longo formul\u00e1rio de contato perguntando v\u00e1rios detalhes desnecess\u00e1rios. D\u00ea uma olhada no formul\u00e1rio de inscri\u00e7\u00e3o do Reddit.\n <\/p>\n \n A simplicidade do formul\u00e1rio de inscri\u00e7\u00e3o facilita muito a entrada de novos usu\u00e1rios no site. O melhor de tudo \u00e9 que fornecer seu e-mail \u00e9 opcional. Isso n\u00e3o quer dizer que todo site n\u00e3o deva pedir e-mails, mas pedir informa\u00e7\u00f5es desnecess\u00e1rias aos usu\u00e1rios deve ser descontinuado.\n <\/p>\n<\/li>\n \n Inconsist\u00eancia no projeto:\n <\/p>\n \n Um dos princ\u00edpios do design (n\u00e3o apenas para sites) \u00e9 ser consistente. O design da p\u00e1gina inicial deve ser o mesmo das outras p\u00e1ginas. Se o tema de cores da p\u00e1gina inicial for branco, a p\u00e1gina sobre, por exemplo, n\u00e3o deve inverter o script e usar outra cor, preto, por exemplo. N\u00e3o \u00e9 apenas a cor, mas tamb\u00e9m o layout. Consist\u00eancia \u00e9 a chave.\n <\/p>\n<\/li>\n<\/ul>\n \n Os pontos de contato s\u00e3o as p\u00e1ginas importantes do site. Para sites com muito conte\u00fado, como blogs, essas s\u00e3o as p\u00e1ginas de categoria, contato e sobre n\u00f3s. Essas p\u00e1ginas servem como porta de entrada para os visitantes do conte\u00fado. Os sites de com\u00e9rcio eletr\u00f4nico t\u00eam diferentes pontos de contato. Eles s\u00e3o principalmente as p\u00e1ginas do cat\u00e1logo e as descri\u00e7\u00f5es dos produtos. Para saber mais sobre os pontos de contato, volte para o fluxo de comportamento no Google Analytics.\n<\/p>\n \n O ponto de contato do site deve falar com os visitantes-alvo do site. A fase de design ter\u00e1 que ressoar com o p\u00fablico-alvo. \u00c9 aqui que a persona do cliente que foi criada servir\u00e1 de guia para o design (ou redesenho) das p\u00e1ginas.\n<\/p>\n \n Para melhorar a experi\u00eancia do usu\u00e1rio nos pontos de contato, os designers precisam identificar as lacunas de informa\u00e7\u00e3o. Investigar o que est\u00e1 faltando nas p\u00e1ginas e preencher o essencial para minimizar as desist\u00eancias. As lacunas s\u00e3o informa\u00e7\u00f5es que faltam entre as expectativas de seus visitantes nas p\u00e1ginas e as informa\u00e7\u00f5es dispon\u00edveis na p\u00e1gina.\n<\/p>\n \n Existem tamb\u00e9m aspectos t\u00e9cnicos que podem melhorar e diminuir os pontos problem\u00e1ticos das p\u00e1ginas. O SEO na p\u00e1gina (otimiza\u00e7\u00e3o de mecanismos de pesquisa) pode identificar e corrigir esses problemas para uma melhor experi\u00eancia do usu\u00e1rio.\n<\/p>\n \n Velocidade do site\/p\u00e1gina:\n <\/p>\n \n Isso deve ser uma prioridade no desenvolvimento e design da web. Lembre-se de que a funcionalidade n\u00e3o deve ser deixada de lado para enfeites desnecess\u00e1rios. Arquivos grandes que demoram para carregar devem ser compactados e colocados em ordem de carregamento para melhorar o tempo de carregamento. Para obter um guia mais detalhado para melhorar a velocidade do site, confira este artigo<\/a> sobre velocidade do site.\n <\/p>\n<\/li>\n \n Redirecionamentos 301 e 302:\n <\/p>\n \n Redirecionamentos de p\u00e1gina s\u00e3o necess\u00e1rios. Existem muitos motivos para os webmasters redirecionarem as p\u00e1ginas. O mais comum \u00e9 que uma p\u00e1gina antiga esteja sendo redirecionada para uma nova e atualizada com conte\u00fado novo. A diferen\u00e7a entre os dois \u00e9 que um 301 \u00e9 um redirecionamento permanente, enquanto um 302 \u00e9 apenas tempor\u00e1rio.\n <\/p>\n<\/li>\n \n C\u00f3digos de cabe\u00e7alho HTTP:\n <\/p>\n \n 301 e 302 s\u00e3o exemplos de c\u00f3digos de cabe\u00e7alho. Existem alguns, mas vamos limit\u00e1-los aos mais comuns.\n <\/p>\n \n 200 Sucesso \u2013 a p\u00e1gina foi carregada com sucesso.\n <\/p>\n \n 404 P\u00e1gina n\u00e3o encontrada \u2013 a p\u00e1gina n\u00e3o p\u00f4de ser carregada.\n <\/p>\n \n 500 Erro interno do servidor \u2013 uma p\u00e1gina de erro gen\u00e9rica. n\u00e3o s\u00e3o dados muitos detalhes sobre por que isso ocorreu.\n <\/p>\n \n Al\u00e9m dos c\u00f3digos de status 301 e 302, \u00e9 importante minimizar a ocorr\u00eancia de p\u00e1ginas 404, pois n\u00e3o \u00e9 bom que os usu\u00e1rios as encontrem. Uma solu\u00e7\u00e3o simples \u00e9 criar uma p\u00e1gina 404 personalizada que os levar\u00e1 de volta \u00e0s p\u00e1ginas corretas.\n <\/p>\n<\/li>\n<\/ol>\n \n A hierarquia visual \u00e9 um dos princ\u00edpios mais importantes do web design. A hierarquia visual est\u00e1 comunicando a mensagem e o conte\u00fado do seu site para o p\u00fablico. Existem pilares na hierarquia da web que devem ser considerados.\n<\/p>\n \n Munido do conhecimento do p\u00fablico-alvo do site e com as informa\u00e7\u00f5es necess\u00e1rias para preencher as lacunas necess\u00e1rias para melhorar a experi\u00eancia de navega\u00e7\u00e3o do usu\u00e1rio, agora \u00e9 hora de construir um site que atenda \u00e0s necessidades do seu p\u00fablico. Seu site ser\u00e1 o visual mais importante que voc\u00ea usar\u00e1. N\u00e3o importa quantas pessoas voc\u00ea identificou, os visitantes do site sempre ter\u00e3o um prop\u00f3sito para visitar seu site. Eles v\u00e3o querer;\n<\/p>\n \n Os motivos podem variar, mas o objetivo do site \u00e9 ser uma extens\u00e3o de voc\u00ea, do seu neg\u00f3cio e da sua empresa, seja qual for o caso. Seja claro, conciso e consistente com a mensagem e atualize constantemente o conte\u00fado para fornecer informa\u00e7\u00f5es atualizadas.\n<\/p>\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f10ad402.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f131576b.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f150655e.webp\")
<\/a><\/p>\n\n Alinhamento de metas
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1910317.webp\")
<\/a><\/p>\n\n
\n
\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1d2f81f.webp\")
<\/a><\/p>\n\n Pontos de toque
\n<\/h5>\n\n
\n Hierarquia visual
\n<\/h5>\n\n
\n
\n
\n
\n
\n Juntando tudo
\n<\/h5>\n\n