O documento discute as melhores práticas de UX orientadas a SEO, incluindo: 1) otimizar a navegação do site com menus, breadcrumbs e facetos; 2) usar técnicas de webwriting como negritos em palavras-chave e listas; 3) um layout responsivo para dispositivos móveis.
O documento discute a análise de usabilidade dos sites das secretarias do estado de São Paulo. Foram avaliadas 23 secretarias com foco na percepção do usuário em categorias como conteúdo, navegação, linguagem e peso das páginas. O documento apresenta recomendações para melhorar a usabilidade dos sites de acordo com princípios de boas práticas e tendências da Web 2.0.
O documento descreve a estrutura típica de um anúncio publicitário, incluindo o logotipo da marca, imagens expressivas, o slogan e um texto destacando as características do produto ou serviço em relação à concorrência.
Um anúncio publicitário geralmente contém o logotipo da marca, imagens atraentes do produto ou serviço, um slogan de efeito e um texto descritivo destacando os diferenciais em relação à concorrência.
Este documento fornece instruções em 6 etapas para que afiliados publiquem banners do Groupon em seus blogs no Blogspot: 1) Verifique sua elegibilidade, 2) Acesse o material disponível após aprovação, 3) Selecione o tipo de material, 4) Escolha o banner, 5) Copie o código HTML, 6) Insira o código no Blogspot.
SEO - Colocando um site em primeiro lugar no GoogleRafael Lima
O documento fornece orientações sobre otimização para mecanismos de busca (SEO), incluindo o que é PageRank, como verificar o PageRank de um site, e técnicas para melhorar o posicionamento de sites nos resultados de busca de forma ética. O documento também discute como identificar e evitar técnicas antiéticas de SEO.
Apresento dicas gratuitas de otimização de motores de busca para o(a) ajudar a criar um website de sucesso num tutorial seo para principantes. Isto é baseado em 8 anos de experiência a posicionar websites no Google.
SEO para E-commerce utilizando estratégias de KWSSEO Master
O documento discute estratégias de SEO para e-commerce, incluindo:
1. O planejamento de SEO deve entender as necessidades dos usuários e como eles buscam produtos;
2. É importante pesquisar palavras-chave e mapear oportunidades e concorrentes;
3. A execução de SEO deve seguir a pirâmide invertida de tecnologia, conteúdo e autoridade.
Apresentação SEO - Práticas em Mídias SociaisCatraca Livre
O documento discute as mudanças no uso da internet no Brasil entre 2010-2011, com o crescimento das redes sociais e do comércio eletrônico. Também apresenta dicas para otimizar sites em buscadores, como escolher palavras-chave e repeti-las ao longo do texto.
O documento discute a análise de usabilidade dos sites das secretarias do estado de São Paulo. Foram avaliadas 23 secretarias com foco na percepção do usuário em categorias como conteúdo, navegação, linguagem e peso das páginas. O documento apresenta recomendações para melhorar a usabilidade dos sites de acordo com princípios de boas práticas e tendências da Web 2.0.
O documento descreve a estrutura típica de um anúncio publicitário, incluindo o logotipo da marca, imagens expressivas, o slogan e um texto destacando as características do produto ou serviço em relação à concorrência.
Um anúncio publicitário geralmente contém o logotipo da marca, imagens atraentes do produto ou serviço, um slogan de efeito e um texto descritivo destacando os diferenciais em relação à concorrência.
Este documento fornece instruções em 6 etapas para que afiliados publiquem banners do Groupon em seus blogs no Blogspot: 1) Verifique sua elegibilidade, 2) Acesse o material disponível após aprovação, 3) Selecione o tipo de material, 4) Escolha o banner, 5) Copie o código HTML, 6) Insira o código no Blogspot.
SEO - Colocando um site em primeiro lugar no GoogleRafael Lima
O documento fornece orientações sobre otimização para mecanismos de busca (SEO), incluindo o que é PageRank, como verificar o PageRank de um site, e técnicas para melhorar o posicionamento de sites nos resultados de busca de forma ética. O documento também discute como identificar e evitar técnicas antiéticas de SEO.
Apresento dicas gratuitas de otimização de motores de busca para o(a) ajudar a criar um website de sucesso num tutorial seo para principantes. Isto é baseado em 8 anos de experiência a posicionar websites no Google.
SEO para E-commerce utilizando estratégias de KWSSEO Master
O documento discute estratégias de SEO para e-commerce, incluindo:
1. O planejamento de SEO deve entender as necessidades dos usuários e como eles buscam produtos;
2. É importante pesquisar palavras-chave e mapear oportunidades e concorrentes;
3. A execução de SEO deve seguir a pirâmide invertida de tecnologia, conteúdo e autoridade.
Apresentação SEO - Práticas em Mídias SociaisCatraca Livre
O documento discute as mudanças no uso da internet no Brasil entre 2010-2011, com o crescimento das redes sociais e do comércio eletrônico. Também apresenta dicas para otimizar sites em buscadores, como escolher palavras-chave e repeti-las ao longo do texto.
Boas Práticas de SEO e Redes Sociais para CMS Joomla!Rogério Matofino
Este documento fornece dicas sobre otimização de sites (SEO) e uso de redes sociais para Joomla. Ele discute a importância de entender o comportamento dos usuários, otimizar títulos, descrições e palavras-chave. Também aborda estruturação de conteúdo, imagens, métricas e integração com redes sociais.
Wordpress SEO - Manual de boas práticasFelipe Bazon
O documento fornece diretrizes sobre otimização on-page (interna) em WordPress para SEO, cobrindo elementos como títulos, meta descrições, heading tags, imagens e links internos. Ele também discute o plugin Yoast SEO e como configurá-lo para melhorar o posicionamento em mecanismos de busca.
Apresentação do Curso de Conteúdo 2.0 - SEO e Redes Sociais ministrado pela Konfide.
Este curso tem o foco em profissionais de conteúdo, principalmente jornalistas.
O enfoque do curso é compreender a importância de estudar o comportamento de busca das pessoas e as principais palavras-chave utilizadas quando elas fazem buscas no Google.
Também mostra como devemos usar as redes sociais de forma eficaz para que seu conteúdo seja distribuido de forma natural e colaborativa.
O documento discute os problemas com desenvolvimento de software tradicional e apresenta Scrum como uma abordagem ágil para gerenciar complexidade e mudança. Scrum define papéis como Product Owner, Time e Scrum Master e um processo baseado em sprints curtos com planejamento, daily scrums, revisões e retrospectivas. Estudos mostram que Scrum pode entregar software mais rápido e de melhor qualidade.
Palestra: Games Físicos e on line: os desafios do mercado com Arthur Protasio...Cultura e Mercado
A Fableware é uma produtora especializada em criar histórias multiplataforma e experiências interativas, desenvolvendo jogos, animações, webséries e aplicativos com o objetivo de entreter e engajar o público através de universos narrativos integrados em múltiplas plataformas.
O documento discute as estratégias de marketing mobile SO-LO-MO (Social, Local, Mobile) e PI (Picture/Imagem), explicando como essas tendências estão evoluindo rapidamente com o crescimento do uso de smartphones, redes sociais e compartilhamento de imagens. Apresenta exemplos de como empresas como o Instagram, Facebook, Waze e Tesco estão se adaptando a essas novas dinâmicas mobile para engajar os consumidores.
DevCommerce Conference 2016 - Workshop: Como o Google funciona, estrutura de ...iMasters
Will Trannin, CEO da SEO Master, ministrou o workshop "Como o Google funciona, estrutura de SEO para Front-End", no DevCommerce Conference 2016.
O DevCommerce Conference 2016 aconteceu nos dias 06 e 07 de junho de 2016, no Hotel Tivoli em São Paulo-SP http://devcommerce2016.imasters.com.br/
O documento descreve a adoção do framework Scrum no Eldorado, uma associação civil sem fins lucrativos que trabalha com pesquisa e desenvolvimento de tecnologia da informação. Antes do Scrum, o processo era rígido e não aproveitava totalmente a capacidade das equipes. Ao adotar o Scrum, o Eldorado passou a ter times auto-organizáveis, maior liberdade para inovar, e melhora no envolvimento e satisfação das pessoas. Ainda há desafios como aplicar o Scrum em projetos de manutenção e com equipes remot
Palestra ministrada na The Developer's Conference 2013, na trilha de Marketing Digital.
Saiba como tudo mudou em tão pouco tempo e além da tecnologia, como o mobile modificou o comportamento do consumidor. Conheça estratégias que vão além dos aplicativos para interagir e fidelizar seus clientes.
Mobile não é futuro, mobile é agora! ;)
O documento discute a importância dos designers de UX conhecerem métricas para justificar investimentos em projetos de design e tomar melhores decisões. Ele explica que entender os objetivos do negócio, do produto e suas KPIs é essencial para escolher as métricas certas e responder às perguntas corretas. Também fornece exemplos de ferramentas e ressalta que os dados devem ser usados para tomada de decisões e aprendizado, não como fim em si.
Programador (front|back) end moderno, por Leonardo HackiniMasters
Leonardo Hackin, CIO da Giran, falou sobre 'Programador (front|back) end moderno: java(script)?, rails, github, scrum, devops e a preocupação com arquitetura e design de aplicações' no iMasters Developer Week - Vitória.
O iMasters Developer Week - Vitória aconteceu nos dias 3, 4 e 5 de Março no Teatro Rede Gazeta em Vitória-ES - http://developerweek.imasters.com.br/vitoria/
1) O documento discute a abordagem Lean UX para projetos de experiência do usuário (UX).
2) A Lean UX enfatiza identificar as necessidades reais dos usuários e objetivos do negócio antes de começar o projeto.
3) A colaboração entre times de negócios, design e engenharia é importante para encontrar um equilíbrio entre necessidades dos usuários e objetivos da empresa.
O documento discute a importância de ter desenvolvedores front-end na equipe de UX para garantir uma boa experiência do usuário. Também aborda como a performance afeta a UX e como técnicas como minificação, concatenação e HTTP2 podem melhorar a performance. Por fim, destaca a necessidade de seguir guidelines de plataformas e ouvir o feedback dos usuários para aprimorar aplicativos móveis.
O documento discute como o trabalho do time de front-end pode impactar os resultados financeiros de uma empresa através da melhoria da performance, produtividade e testes A/B. Algumas otimizações como redução do tempo de carregamento das páginas e melhorias na experiência do usuário podem levar a aumentos significativos no tráfego e conversões. É importante medir os KPIs relevantes para orientar as melhorias com base em dados.
O documento discute as tendências do mercado mobile no Brasil e no mundo. Apresenta estatísticas mostrando o crescimento explosivo do uso de smartphones, tablets e acesso à internet via dispositivos móveis. Discorre também sobre as oportunidades de marketing mobile em canais como aplicativos, QR codes, SMS, m-commerce e segundo tela.
[Interaction South America 2014] Beyond CreativityTássia Spinelli
Este documento presenta la agenda de un taller de diseño de interacción y experiencia de usuario que se llevará a cabo en Buenos Aires, Argentina del 19 al 22 de noviembre de 2014. La agenda incluye actividades como introducciones, ejercicios de rompehielos, una breve introducción al pensamiento de diseño, la identificación de problemas, investigación de usuarios, mapeo de empatía, definición de personas y jornadas de usuario, generación de ideas e hipótesis, prototipado, pruebas con usuarios e iteración. El objetivo del
SEO e UX - uma combinação que gera resultadosSEO Master
1. O documento discute como aplicar melhores práticas de UX para melhorar o desempenho em SEO de um site, incluindo técnicas como arquitetura da informação, webwriting, layout responsivo e otimização para mobile.
2. A UX deve ser orientada para o SEO, levando em conta fatores como conteúdo, tecnologia e autoridade da marca.
3. O texto explica como a combinação de UX e SEO pode aumentar a visibilidade, conversão e resultados do site.
Mobile UX: a experiência como vantagem competitiva.
Apresentação utilizada na palestra realizada no dia 31 de maio de 2014, no MobileConf no Rio de Janeiro.
Ux design como estrategia conquistar clientes impactar negociostdc-globalcode
O "UX design" tem se tornado uma estratégia indispensável para o sucesso e conquista em diferentes mercados, principalmente nos digitais e inovadores, como é o caso de startups e empresas de tecnologia. Não faz muito tempo que negócios e produtos digitais eram quase todos feitos em cima de ideias e hipóteses de desenvolvedores, clientes ou designers em um cenário onde não fazia diferença a visão ou as necessidade daqueles que são os principais interessados na solução: os usuários. Com o aumento da competitividade e maturação do mercado foi ficando claro que grandes negócios hoje em destaque existem essencialmente para resolver problemas reais de pessoas reais.
As metodologias do user experience design que focam em entender a fundo esses usuários e suas "dores" acabam por gerar soluções muito mais coerentes e assertivas causando impactos significantes na proposta de valor das empresas. Dessa forma o UX design tem se tornado uma estratégia indispensável para o sucesso e conquista em diferentes mercados, principalmente os digitais e inovadores como startups e empresas de tecnologia. Descubra como e porque o processo do user experience design a partir do entendimento dos usuários e de suas "dores" consegue gerar propostas de valor muito mais impactantes.
O documento discute os conceitos de UX (User Experience) e SEO (Search Engine Optimization). Apresenta a evolução da UX no Twitter entre 2006 e 2015 e fornece 10 dicas para melhorar a experiência do usuário em aplicativos móveis. Também explica os principais fatores para otimizar sites para mecanismos de busca como conteúdo de qualidade, navegabilidade e compartilhamento social.
Boas Práticas de SEO e Redes Sociais para CMS Joomla!Rogério Matofino
Este documento fornece dicas sobre otimização de sites (SEO) e uso de redes sociais para Joomla. Ele discute a importância de entender o comportamento dos usuários, otimizar títulos, descrições e palavras-chave. Também aborda estruturação de conteúdo, imagens, métricas e integração com redes sociais.
Wordpress SEO - Manual de boas práticasFelipe Bazon
O documento fornece diretrizes sobre otimização on-page (interna) em WordPress para SEO, cobrindo elementos como títulos, meta descrições, heading tags, imagens e links internos. Ele também discute o plugin Yoast SEO e como configurá-lo para melhorar o posicionamento em mecanismos de busca.
Apresentação do Curso de Conteúdo 2.0 - SEO e Redes Sociais ministrado pela Konfide.
Este curso tem o foco em profissionais de conteúdo, principalmente jornalistas.
O enfoque do curso é compreender a importância de estudar o comportamento de busca das pessoas e as principais palavras-chave utilizadas quando elas fazem buscas no Google.
Também mostra como devemos usar as redes sociais de forma eficaz para que seu conteúdo seja distribuido de forma natural e colaborativa.
O documento discute os problemas com desenvolvimento de software tradicional e apresenta Scrum como uma abordagem ágil para gerenciar complexidade e mudança. Scrum define papéis como Product Owner, Time e Scrum Master e um processo baseado em sprints curtos com planejamento, daily scrums, revisões e retrospectivas. Estudos mostram que Scrum pode entregar software mais rápido e de melhor qualidade.
Palestra: Games Físicos e on line: os desafios do mercado com Arthur Protasio...Cultura e Mercado
A Fableware é uma produtora especializada em criar histórias multiplataforma e experiências interativas, desenvolvendo jogos, animações, webséries e aplicativos com o objetivo de entreter e engajar o público através de universos narrativos integrados em múltiplas plataformas.
O documento discute as estratégias de marketing mobile SO-LO-MO (Social, Local, Mobile) e PI (Picture/Imagem), explicando como essas tendências estão evoluindo rapidamente com o crescimento do uso de smartphones, redes sociais e compartilhamento de imagens. Apresenta exemplos de como empresas como o Instagram, Facebook, Waze e Tesco estão se adaptando a essas novas dinâmicas mobile para engajar os consumidores.
DevCommerce Conference 2016 - Workshop: Como o Google funciona, estrutura de ...iMasters
Will Trannin, CEO da SEO Master, ministrou o workshop "Como o Google funciona, estrutura de SEO para Front-End", no DevCommerce Conference 2016.
O DevCommerce Conference 2016 aconteceu nos dias 06 e 07 de junho de 2016, no Hotel Tivoli em São Paulo-SP http://devcommerce2016.imasters.com.br/
O documento descreve a adoção do framework Scrum no Eldorado, uma associação civil sem fins lucrativos que trabalha com pesquisa e desenvolvimento de tecnologia da informação. Antes do Scrum, o processo era rígido e não aproveitava totalmente a capacidade das equipes. Ao adotar o Scrum, o Eldorado passou a ter times auto-organizáveis, maior liberdade para inovar, e melhora no envolvimento e satisfação das pessoas. Ainda há desafios como aplicar o Scrum em projetos de manutenção e com equipes remot
Palestra ministrada na The Developer's Conference 2013, na trilha de Marketing Digital.
Saiba como tudo mudou em tão pouco tempo e além da tecnologia, como o mobile modificou o comportamento do consumidor. Conheça estratégias que vão além dos aplicativos para interagir e fidelizar seus clientes.
Mobile não é futuro, mobile é agora! ;)
O documento discute a importância dos designers de UX conhecerem métricas para justificar investimentos em projetos de design e tomar melhores decisões. Ele explica que entender os objetivos do negócio, do produto e suas KPIs é essencial para escolher as métricas certas e responder às perguntas corretas. Também fornece exemplos de ferramentas e ressalta que os dados devem ser usados para tomada de decisões e aprendizado, não como fim em si.
Programador (front|back) end moderno, por Leonardo HackiniMasters
Leonardo Hackin, CIO da Giran, falou sobre 'Programador (front|back) end moderno: java(script)?, rails, github, scrum, devops e a preocupação com arquitetura e design de aplicações' no iMasters Developer Week - Vitória.
O iMasters Developer Week - Vitória aconteceu nos dias 3, 4 e 5 de Março no Teatro Rede Gazeta em Vitória-ES - http://developerweek.imasters.com.br/vitoria/
1) O documento discute a abordagem Lean UX para projetos de experiência do usuário (UX).
2) A Lean UX enfatiza identificar as necessidades reais dos usuários e objetivos do negócio antes de começar o projeto.
3) A colaboração entre times de negócios, design e engenharia é importante para encontrar um equilíbrio entre necessidades dos usuários e objetivos da empresa.
O documento discute a importância de ter desenvolvedores front-end na equipe de UX para garantir uma boa experiência do usuário. Também aborda como a performance afeta a UX e como técnicas como minificação, concatenação e HTTP2 podem melhorar a performance. Por fim, destaca a necessidade de seguir guidelines de plataformas e ouvir o feedback dos usuários para aprimorar aplicativos móveis.
O documento discute como o trabalho do time de front-end pode impactar os resultados financeiros de uma empresa através da melhoria da performance, produtividade e testes A/B. Algumas otimizações como redução do tempo de carregamento das páginas e melhorias na experiência do usuário podem levar a aumentos significativos no tráfego e conversões. É importante medir os KPIs relevantes para orientar as melhorias com base em dados.
O documento discute as tendências do mercado mobile no Brasil e no mundo. Apresenta estatísticas mostrando o crescimento explosivo do uso de smartphones, tablets e acesso à internet via dispositivos móveis. Discorre também sobre as oportunidades de marketing mobile em canais como aplicativos, QR codes, SMS, m-commerce e segundo tela.
[Interaction South America 2014] Beyond CreativityTássia Spinelli
Este documento presenta la agenda de un taller de diseño de interacción y experiencia de usuario que se llevará a cabo en Buenos Aires, Argentina del 19 al 22 de noviembre de 2014. La agenda incluye actividades como introducciones, ejercicios de rompehielos, una breve introducción al pensamiento de diseño, la identificación de problemas, investigación de usuarios, mapeo de empatía, definición de personas y jornadas de usuario, generación de ideas e hipótesis, prototipado, pruebas con usuarios e iteración. El objetivo del
SEO e UX - uma combinação que gera resultadosSEO Master
1. O documento discute como aplicar melhores práticas de UX para melhorar o desempenho em SEO de um site, incluindo técnicas como arquitetura da informação, webwriting, layout responsivo e otimização para mobile.
2. A UX deve ser orientada para o SEO, levando em conta fatores como conteúdo, tecnologia e autoridade da marca.
3. O texto explica como a combinação de UX e SEO pode aumentar a visibilidade, conversão e resultados do site.
Mobile UX: a experiência como vantagem competitiva.
Apresentação utilizada na palestra realizada no dia 31 de maio de 2014, no MobileConf no Rio de Janeiro.
Ux design como estrategia conquistar clientes impactar negociostdc-globalcode
O "UX design" tem se tornado uma estratégia indispensável para o sucesso e conquista em diferentes mercados, principalmente nos digitais e inovadores, como é o caso de startups e empresas de tecnologia. Não faz muito tempo que negócios e produtos digitais eram quase todos feitos em cima de ideias e hipóteses de desenvolvedores, clientes ou designers em um cenário onde não fazia diferença a visão ou as necessidade daqueles que são os principais interessados na solução: os usuários. Com o aumento da competitividade e maturação do mercado foi ficando claro que grandes negócios hoje em destaque existem essencialmente para resolver problemas reais de pessoas reais.
As metodologias do user experience design que focam em entender a fundo esses usuários e suas "dores" acabam por gerar soluções muito mais coerentes e assertivas causando impactos significantes na proposta de valor das empresas. Dessa forma o UX design tem se tornado uma estratégia indispensável para o sucesso e conquista em diferentes mercados, principalmente os digitais e inovadores como startups e empresas de tecnologia. Descubra como e porque o processo do user experience design a partir do entendimento dos usuários e de suas "dores" consegue gerar propostas de valor muito mais impactantes.
O documento discute os conceitos de UX (User Experience) e SEO (Search Engine Optimization). Apresenta a evolução da UX no Twitter entre 2006 e 2015 e fornece 10 dicas para melhorar a experiência do usuário em aplicativos móveis. Também explica os principais fatores para otimizar sites para mecanismos de busca como conteúdo de qualidade, navegabilidade e compartilhamento social.
Experiência do Usuário como prática na LocawebAndreza Godoy
O documento descreve a evolução da abordagem da Experiência do Usuário (UX) na empresa Locaweb ao longo do tempo, começando com foco nas interfaces e design visual, passando por uma divisão em equipes de UX e interfaces, capacitação da equipe, adoção de metodologias ágeis e monitoramento dos usuários, até a atual integração dos designers em times de produto utilizando Scrum.
O documento discute as mudanças na web entre 1991-2003 e desde 2004, especificamente no que se refere ao fluxo de informação e comportamento dos usuários. Entre 1991-2003 a web tinha fluxo de informação unidirecional e de apenas leitura, enquanto desde 2004 passou a ter fluxo bidirecional, permitindo interação e colaboração dos usuários com o conteúdo. Isso mudou o comportamento de uso da web.
O Marinas Digitais presta consultoria em internet e marketing digital para marinas, clubes náuticos e demais empresas do setor náutico. Essa apresentação contém um panorama atual de investimentos em internet no setor, comparado a outros setores que melhor exploram o potencial da internet. Aborda também conceitos e processos de criação em internet para que as empresas saibam discutir ao mesmo nível de quem lhes presta esses serviços.
O documento fornece dicas para tornar um site atraente, incluindo ter conteúdo de qualidade, atualizações constantes, objetivos e mensagens claras, tempo de download mínimo, facilidade de uso, consistência e acessibilidade.
O documento fornece dicas para tornar um site atraente, incluindo: 1) Fornecer conteúdo de qualidade e atualizado constantemente; 2) Ter objetivos e mensagens claras; 3) Ter tempos de download rápidos.
Arquitetura de Informação do Planejamento à publicação dos websites
Palestra do Arquiteto de Informação Melqui Jr. ministrada no 12° Encontro de Web Design - Curitiba / Setembro de 2007
Apresentação do Curso Aumento da Conversão - Profite e Universidade Buscapé C...Uni Buscapé Company
O documento discute pequenas ações que podem levar a grandes resultados em termos de aumento de conversão. Aborda tópicos como arquitetura da informação, experiência do usuário, tipos de conversões e estudos de caso sobre formulários, campanhas, páginas e ideias fora da caixa.
O documento discute como o Wordpress prioriza a experiência do usuário desde o início, tornando-se uma plataforma de conteúdo gerenciado mais popular do que outros sistemas. Ele fornece dicas para usar o Wordpress de forma a maximizar a usabilidade, como escolher um tema simples, monitorar o impacto de mudanças e priorizar a navegação por rolagem. Finalmente, discute algumas limitações do Wordpress e como ele pode incentivar bons projetos ao oferecer uma boa experiência do usuário.
Semântica e Boas Práticas de Código Orientadas a SEODouglas Faria
Este documento apresenta o perfil profissional de Douglas Faria. Ele é empreendedor e fundador da Agência Assoweb, trabalhando com marketing digital, desenvolvimento front-end e design. Fornece também dicas sobre SEO, semântica e HTML5.
O documento discute pequenas ações que podem levar a grandes resultados em termos de aumento de conversão. Ele aborda tópicos como experiência do usuário, processos de criação de projetos, tipos de conversões e estudos de caso sobre formulários, campanhas, páginas e sair da caixa.
O documento discute tendências e práticas em design de interfaces. Aborda conceitos como arquitetura da informação, experiência do usuário, metodologias ágeis e o papel dos designers nestes processos. Também apresenta exemplos de técnicas como personas, mapas de experiência e testes de usabilidade que podem melhorar o design centrado no usuário.
O documento fornece uma introdução à WebCarioca, uma empresa de hospedagem e consultoria em tecnologia da informação. Ele resume a história da empresa, seus serviços, valores, clientes e especialistas. O documento também explica brevemente as evoluções da Web 1.0, 2.0 e 3.0 e conceitos de SEO.
O documento discute como o UX pode ajudar startups, apresentando exemplos de metodologias como UX tradicional e Lean UX. O UX pode ajudar startups em quatro fatores cruciais: definir o problema a ser resolvido, o público-alvo, as soluções e o produto final. A metodologia Lean UX enfatiza entregáveis relevantes e discussões com a equipe.
The Role of the UX Professional in Product DevelopmentProduct School
O documento descreve os papéis de UX Researcher e UI Designer no desenvolvimento de produtos. O UX Researcher é responsável por entender os usuários através de pesquisas e fornecer insights para guiar o produto. O UI Designer desenha a interface do usuário de forma intuitiva e de acordo com as necessidades dos usuários. Ambos trabalham juntos aplicando metodologias como Design Thinking para criar experiências positivas para os usuários.
Há muito pensamento de UX em um projeto digital antes da fase de wireframes, dentro de uma agência de publicidade. Por exemplo: contribuir para a visão holística da presença digital da marca e entender qual a real função do produto digital que está sendo construído.
Esta apresentação mostra alguns aspectos da transição de um trabalho focado em Arquitetura de Informação para um trabalho mais amplo, de User Experience Design. Ela foi compartilhada no WIAD (World Information Architecture Day), no dia 11/fev, em São Paulo.
Criada e apresentada por Fabricio Teixeira (@fabriciot).
Agradecimentos a: Elisa Volpato e Caio Braga.
Semelhante a User Experience orientada às melhores práticas de SEO, por Will Trannin (20)
O que você precisa saber para modelar bancos de dados NoSQL - Dani MonteiroiMasters
1. O documento apresenta os principais modelos de bancos de dados NoSQL: chave-valor (Redis), orientado a documentos (MongoDB), orientado a colunas (Cassandra) e orientado a grafos (Neo4j).
2. Nos modelos orientados a documentos e colunas, o documento discute quando usar dados embutidos versus referenciados, enquanto no modelo de grafos destaca a importância dos nós e relacionamentos.
3. O documento fornece dicas sobre modelagem de dados em cada modelo, incluindo tipos de dados, índices
Postgres: wanted, beloved or dreaded? - Fabio TellesiMasters
O PostgreSQL começou a ser desenvolvido em 1986 e tem ganhado bastante destaque nos últimos anos, como o banco de dados que mais cresce no mercado. Conheça as vantagens e desvantagens em se utilizar o banco de dados Open Source mais avançado do mundo.
Por que minha query esta lenta? - Suellen MoraesiMasters
Durante os anos de experiencia percebi que grande parte dos desenvolvedores possuem dificuldade em iniciar o troubleshooting de suas queries, muitas vezes sobrecarregando o DBA em muitos dos casos com queries simples. O intuito desta palestrar é mostrar o "caminho das pedras" para despertar nos desenvolvedores a necessidade de se conhecer o funcionamento da ferramenta utilizada e visando os desenvolvimentos futuros tendo como foco o pensamento em performance do código escrito e dicas de melhores códigos.
Relato das trincheiras: o dia a dia de uma consultoria de banco de dados - Ig...iMasters
O documento discute os problemas recorrentes encontrados em bancos de dados, como versões de patch desatualizadas, falta de testes de disponibilidade e índices, e enfatiza a importância da preparação para imprevistos e da alta disponibilidade. O autor é um especialista em banco de dados com 11 anos de experiência que oferece consultoria para identificar e resolver esses problemas.
ORMs heróis ou vilões dentro da arquitetura de dados? - Otávio gonçalvesiMasters
Com a evolução dos aplicativos nascem novas técnicas, frameworks, linguagens de programação, porém, existe um fato consolidado dentro da arquitetura de software corporativo que é a integração com alguma tecnologia necessária para armazenar as informações inerentes ao sistema. Seja SQL ou NoSQL um ponto importante é que o paradigma das linguagens difere da tecnologia do banco de dados. Com o intuito de facilitar o desenvolvimento surgem as ferramentas que realizam a interpretação entre a camada da aplicação e os bancos. Assim, aparecem grandes desafios: como lidar com essa lacuna multiparadigma? Como favorecer o desenvolvimento sem impactar a performance e a modelagem no banco de dados? O objetivo dessa palestra é falar um pouco desses pontos para que, finalmente, os programadores e os DBAs conseguam viver em paz e harmonia.
SQL e NoSQL trabalhando juntos: uma comparação para obter o melhor de ambos -...iMasters
Neste bate papo vamos discutir quais as vantagens de cada banco de dados no mundo real. Quando devemos utilizar o NoSQL ao invés do SQL ou vice-versa comparando os principais bancos de dados open source de cada segmento, o MongoDB e o MySQL
Arquitetando seus dados na prática para a LGPD - Alessandra MartinsiMasters
Diante das novas regulamentações externas (GDPR), e a nova legislação Brasileira sobre Proteção de Dados Pessoais (LGPD), o que fazer para se adequar? Por Onde começar? O que Fazer? E o que não fazer? Para que serve a Governança de Dados e como ela pode ajudar sua empresa no processo de adequação/conformidade a padrões internacionais de Privacidade e Segurança da Informação? Diante de tantos caminhos e desafios, um overview do que se trata, por onde começar o caminho, algumas armadilhas a evitar, e algumas boas práticas para não apenas se proteger, mas evitar futuros problemas.
O papel do DBA no mundo de ciência de dados e machine learning - Mauro Pichil...iMasters
O documento discute o papel do DBA no mundo da ciência de dados e machine learning. Ele descreve como os DBAs precisam se adaptar às novas tecnologias e aprender habilidades como análise e modelagem de dados para acompanhar a evolução da área. Recomenda que os DBAs demonstrem interesse em entender os processos dos cientistas de dados e colaborem sem barreiras entre as equipes.
Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana ChahoudiMasters
Juliana Chahoud - Consultora, ThoughtWorks
Com tantas empresas adotando a estratégia "Mobile-First" (dispositivos móveis em primeiro), uma das grandes decisões que um time de desenvolvimento precisa tomar é: qual tech stack usar para mobile?
Diversas tecnologias e linguagens podem ser adotadas, como Swift, Java, Kotlin, React Native, Flutter, Progressive Web App, criação de sites responsivos, etc...
No entanto, com tantas variáveis a serem consideradas, essa decisão passou a ser não trivial e que pode trazer grandes consequências a longo prazo e até mesmo inviabilizar um projeto.
Nessa palestra serão discutidos os prós e contras de diversas abordagens, para que você possa ter um guia para tomar decisões mais corretas no uso dessas tecnologias
Palestra apresentada no InterCon 2018 - https://eventos.imasters.com.br/intercon
Use MDD e faça as máquinas trabalharem para você - Andreza LeiteiMasters
Este documento discute o desenvolvimento orientado a modelos (MDD) e suas vantagens, como maior produtividade, qualidade e facilidade de manutenção através do uso de modelos e geração de código. Apresenta também algumas ferramentas e linguagens de MDD, e alerta para possíveis problemas como rigidez de soluções e dependência de ferramentas limitadas.
Entendendo os porquês do seu servidor - Talita BernardesiMasters
O documento discute a importância da performance para servidores. Ele explica que lentidão não é mais aceitável e clientes infelizes significam produtos ruins. Também recomenda monitorar recursos de servidores, otimizar serviços e aplicações, escolher máquinas apropriadas e atualizar configurações, já que máquinas não duram para sempre.
Backend performático além do "coloca mais máquina lá" - Diana ArnosiMasters
Trabalhar a performance no backend vai muito além de simplesmente ""colocar mais máquinas atrás do loadbalancer""
. Vamos apontar alguns gargalos comuns que podem ser tratados ou evitados desde o começo do desenvolvimento, já que não dependem da tecnologia utilizada.
Dicas para uma maior performance em APIs REST - Renato GroffeiMasters
Renato Groffe - Engenheiro de Software, Canal .NET
O que posso fazer em termos de bancos de dados para obter APIs que executem seu trabalho de forma otimizada e com maior velocidade?
Que soluções para cache podem ser empregadas? E que tal tratar os retornos destas APIs, reduzindo o volume dos dados trafegados?
E quanto a problemas de performance, o que utilizar para facilitar a detecção destes tipos de ocorrências? Acompanhe esta apresentação para obter respostas a estas questões durante o desenvolvimento de APIs REST.
Palestra realizada no InterCon 2018 - https://eventos.imasters.com.br/intercon
7 dicas de desempenho que equivalem por 21 - Danielle MonteiroiMasters
Este documento fornece 21 dicas para melhorar o desempenho de bancos de dados, incluindo modelar corretamente os dados, entender o modelo de dados, verificar as operações e queries mais importantes, realizar manutenção de índices, e selecionar apenas os atributos necessários nas queries.
Quem se importa com acessibilidade Web? - Mauricio MaujoriMasters
O documento discute a importância da acessibilidade na web e como projetar sites e aplicativos web de forma acessível. Ele enfatiza que a acessibilidade é essencial para desenvolvedores e organizações que desejam criar produtos e serviços inclusivos. O documento também discute como começar a projetar sites acessíveis usando HTML5 semântico e focando na usabilidade, além de recomendar os padrões WCAG para acessibilidade.
Service Mesh com Istio e Kubernetes - Wellington Figueira da SilvaiMasters
O documento apresenta uma discussão sobre a arquitetura monolítica versus microserviços e como o Service Mesh com Istio e Kubernetes pode resolver problemas de comunicação entre serviços distribuídos. O palestrante discute as vantagens e desvantagens de ambas as arquiteturas e como ferramentas como Docker, Kubernetes e Istio podem ser usadas para orquestrar contêineres e fornecer funcionalidades como balanceamento de carga, segurança e monitoramento para aplicações de microserviços.
Erros: Como eles vivem, se alimentam e se reproduzem? - Augusto PascuttiiMasters
Augusto Pascutti - Developer, Creditas
Para o quê eles servem e como usá-los de forma mais eficiente, seja através de integrações com outras ferramentas ou só seguindo receitas de como as mensagens de erro devem ser geradas e compostas.
Apresentado no InterCon 2018: https://eventos.imasters.com.br/intercon
Elasticidade e engenharia de banco de dados para alta performance - Rubens G...iMasters
Rubens Guimarães - CEO, e-Seth
Como projetar e colocar em prática bancos de dados inteligentes SQL e NoSQL em ambientes de alto consumo de dados.
Técnicas de sharding, tunning, elasticidade automatizada em ambientes cloud e outros recursos.
Apresentado no InterCon 2018 - https://eventos.imasters.com.br/intercon
Construindo aplicações mais confiantes - Carolina KarklisiMasters
Carolina Karklis - Software developer, Magnetis
O hype da orientação a objetos passou e com ele precisamos rever algumas práticas.
Até mesmo o codebase mais limpo pode ter mensagens de erro precárias, checagens de tipo de dado em excesso, e uso dispensável de variáveis nulas.
Nessa talk vou refatorar um sistema frágil e mostrar estratégias dentro do paradigma de orientação a objetos para escrever código de forma mais simples e confiante.
No processo, vamos ver padrões de arquitetura de software que podemos usar, como melhorar mensagens para cenários de input inesperado e remover todas as variáveis nulas possíveis do nosso código.
Monitoramento de Aplicações - Felipe RegalgoiMasters
Felipe Regalgo apresenta diversas ferramentas de monitoramento e análise de aplicações e serviços, incluindo New Relic para monitoramento de desempenho, Datadog para métricas customizadas, Hotjar para análise de comportamento de usuários, Google Analytics e Melidata para métricas de negócio e Tableau para visualização de dados. O documento também descreve o gerenciador de alertas OpsGenie e a plataforma interna Fury para configuração e gerenciamento de aplicações.
2. Will Trannin
• CEO e Fundador SEO Master
• Computação pela UFF
• Mestre pela PUC-Rio
• Consultor SEO desde 2008
• Especialista Google Analytics e UX
3. UX x SEO
UX + SEO
UX orientada a SEO
Entenda o SEO
6. Entenda o SEO
Pirâmide invertida do SEO
Tecnologia
Conteúdo
Autoridade
Dependência
Pesopararesultado
7. UX x SEO
UX + SEO
UX orientada a SEO
Entenda o SEO
8. UX
“A experiência do usuário (UX, do inglês
User Experience) abrange todos os
aspectos da interação do usuário final
com a empresa, seus serviços, e seus
produtos.”
Jakob Nielsen e Don Norman
(tradução livre)
10. “Aplicação de um conjunto de
técnicas para aumentar a visibilidade
na busca online através da
e da autoridade da
marca.”
melhoria da experiência do usuário
(seja homem ou máquina)
SEO
SEO por SEO Master
15. Busca Visibilidade Site Conversão
Conversão
SEO: início UX: final
panelas de cerâmica Título: “Panelas de cerâmica
em 12x | SEO Store”
Descrição: “Encontre as
melhores panelas de cerâmica
do mercado com os menores
preços”
1. Conteúdo (descrição do
produto, comparativo,
revisão dos clientes, guias
de compras)
2. Design (componentes,
visual, interação)
3. Checkout do carrinho
30. Webwriting
* Pesquisa da nngroup
Como os usuários leem na web?*
• 79% escaneamento
• 16% palavra por palavra
31. Webwriting
Como o texto deve ser escrito?
• Conciso
• Layout escaneável
• Linguagem objetiva
32. Webwriting
E na prática?
• Negrito, cor ou link em palavras-chave
• Headings significativos
• Listas
• Uma ideia por parágrafo
• Frases mais importantes no começo
• Menor número de palavras que o
convencional
47. fa c e b o o k .co m/s eomas terbr
tw itter.c om /seomasterbr
Notas do Editor
Obrigado XXX. Boa tarde pessoal. Vim falar um pouco sobre as melhores práticas de UX e SEO. Muitos consideram duas áreas divergentes, mas vcs vão ver a relação entre elas
Vou me apresentar para quem ainda não me conhece. Sou Will Trannin, CEO da SEO Master. Fiz Computação pela UFF e Mestrado pela PUC-Rio. Sou consultor SEO desde 2008 e especialista em GA e UX. O UX foi obtido bastante durante o mestrado da PUC.
Vamos ao que interessa. Primeiro vou colocar todos no mesmo nível sobre SEO. Depois vemos uma comparação entre UX e SEO. Por último iremos apresentar como eles podem trabahar juntos
Quando um usuário faz uma busca em um mecanismo de busca ela cai em uma página de resultados da busca. Nesse exemplo aqui temos o resultado da busca no Google. Podemos ver claramente a separação entre o PPC e o SEO.
No PPC, que aparece nos 3 resultados superiores e na lateral direita, vc compra palavras-chave em um leilão. Aqui a mescla é entre o quanto vc paga e a qualidade do seu anúncio.
No caso do SEO, que são os 10 resultados seguintes dessa página, vc precisa ter relevância e autoridade para o termo buscado.
No SEO separamos em 3 pilares principais que juntos irão trazer resultados.
1o é o de Tecnologia: aqui resolvemos todas as questões de código-fonte, servidor, estrutura do site e interface do usuário.
2o é o pilar de Conteúdo: nesse caso tratamos de todo o conteúdo em formato de texto, imagens e vídeos e mais o design visual e de interação de cada página.
3o é o de Autoridade: o objetivo aqui é aumentar a divulgação do seu site no mundo online. Quanto mais indicações (links) de outros sites para o seu, melhor
[MATEUS – com tempo] Adicionar um ícone que represente o texto. Ex.: para o conteúdo pode ser um livro, etc
Exemplo do site de review de filmes. Pode ter ótima UI, mas UX ruim se tiver reviews de baixa qualidade ou então um usuário que quer um filme independente não encontra essa informação.
[MATEUS – com tempo] Adicionar um ícone para representar o texto. Ex.: para o conteúdo pode ser um livro, etc
[MATEUS] Alterar imagem do Panda para uma com melhor qualidade e com fundo transparente. Melhorar disposição dos textos, pode usar ícone para cada texto (os textos abaixo e ao lado da imagem)
http://moz.com/beginners-guide-to-seo/how-usability-experience-and-content-affect-search-engine-rankings
http://themoralconcept.net/pandalist.html
[MATEUS] Usar imagens que melhor representam 1. conteúdo pequeno e muito footprint 2. Muitas páginas sem conteúdo. A ideia da imagem atual é mostrar que não é bom ter um indice sem conteudo.
http://moz.com/blog/beat-google-panda
[MATEUS] Usar imagens que melhor representam 1. muitos Ads e pouco conteúdo. Ads antes da rolagem do mouse. 2. Uma página para cada palavra-chave. Ou seja, termos semelhantes ou sinônimos devem ir pra mesma página e não para páginas diferentes. Mesmo caso do Zigg para o termo counter strike
http://moz.com/blog/beat-google-panda
[MATEUS – com tempo] Adicionar um ícone para representar o texto. Ex.: para o SEO pode ser uma página de ranqueamento ou gráfico de linha crescendo, etc
http://www.nngroup.com/articles/seo-and-usability/
Even though the IA itself isn’t visible in the UI, it most definitely impacts the User Experience (UX). As we know from the definition of user experience, the total user experience is built up from everything the user encounters. And while users don’t see the structure of the website, they will hopefully get the feeling that content is divided up and connected in ways that match their needs and expectations. Sadly, of course, users leave many sites feeling that the content/functionality was not what they wanted and they experience friction because of poor organization, structure and/or nomenclature.
As an analogy, unless you’re Superman or a radiologist, you won’t see the skeletons when looking at a horse or a chicken, but those skeletons nevertheless make these animals very different creatures. Don’t try to ride the chicken, because the skeleton won’t support you.
http://www.nngroup.com/articles/ia-vs-navigation/
http://www.nngroup.com/articles/ia-vs-navigation/
SEO: mesclar navegação para o usuário epara o Google. Em SEO chamamos de Links Internos. Importantes para passar autoridade entre as páginas
[MATEUS] Adicionar imagem destacando principais componentes do Mega menu: texto, imagem, descrição e grupos.
http://www.nngroup.com/articles/mega-menus-work-well/
http://www.smashingmagazine.com/2014/05/09/efficiently-simplifying-navigation-systems/
As the following screenshots show, mega menus have the following characteristics:
Big, two-dimensional panels divided into groups of navigation options
Navigation choices structured through layout, typography, and (sometimes) icons
Everything visible at once — no scrolling
Vertical or horizontal form factors when activated from top navigation bars; when activated from left-hand navigation, they might appear as mega fly-outs (not shown).
[MATEUS] Outro exemplo de Mega Menu para poder falar sobre vantagens e desvantagens do texto abaixo. Além disso, para falar que é bom para SEO porque conseguimos colocar muitos links no menu
Recommendation
If the options require both text and pictures, then a mega-menu is the best choice.
Explanation
A regular drop-down menu does not offer the same room or visualization options. And whether regular and mega, it has the following advantages over navigation on a separate page:
It loads more quickly.
The cognitive load on users is less. With a separate page, users have to think more. “Which are the ads?” “Which is genuine content?” “Where is the navigation?” A drop-down menu shows only the navigation, and it appears close to the user’s cursor or finger.
Problems
Even a mega-menu is limited in space. If the number of items is too high, then a separate page becomes inevitable.
[MATEUS] Melhorar imagem com exemplo do Breadcrumb. Utilizar exemplo igual ao da imagem atual: 3 níveis e a localização.
Migalhas de pão. Semelhante a história de João e Maria. Por isso deve seguir sempre a navegação do usuário. Não deixar pré-definido pela arquitetura da informação
Ótimo para o usuário e para o Google se localizarem no site. Usar o nome da página da arquitetura da informação como link.
Para um ecommerce: nome da categoria, nome do produto.
[MATEUS] Melhorar imagem com exemplo dos facets. A ideia aqui é destacar os componentes principais: seleção atual, filtro checkbox, filtro imagem (tamanho), filtro barra horizontal (preço)
Keyword search has been made famous by Google, but there are other ways to elicit users’ requirements. Faceted navigation (aka “faceted search” or “guided navigation”) is one of them. It is, in essence, a very simple concept. Instead of giving users text fields for them to fill in, you give them a list of links to click on. These links consist of lists of attributes, separated by type, each with a numerical count adjacent, indicating the number of results that will be displayed if selected. This may sound quite unremarkable, but it completely transforms the act of searching an unfamiliar database from an intimidating procedure into an easy task. The user just reads the options and clicks those that are most relevant to their needs. After two or three clicks, they have narrowed the results down to a manageable list of relevant items.
http://www.nngroup.com/articles/filters-vs-facets/
http://www.nngroup.com/articles/search-navigation/
[MATEUS] Melhorar exemplo do filtro no facet de 1.800 opções para 18 com somente 2 cliques.
Deconstructing search into a series of easy ‘bite sized’ subtasks: rather than declaring a complex set of criteria ‘up front’, the user can declare one criterion at a time, gradually drilling in.
Appealing to the psychology of recognition rather than recall: it’s much easier for humans to recognise items displayed in a menu (“Which of these options should I click?”) than recalling them without any cues (“What should I type into this empty box?”).
Setting expectations accurately: adjacent to each facet label, a number is displayed, showing how many results will be displayed if the item is selected. This means users are never taken by surprise, and it enables them to make informed decisions.
Orientation and framing: When arriving on the site, the user can see at a glance the distribution of items within the various facets, which orients them as to what is on offer. If the site uses appropriate labelling, this can be very reassuring for the user as they will recognise the site ‘speaks their language’ and has the kind of content they are looking for. (This is known as “information scent” and “information foraging”).
Preventing users from reaching dead ends: links that have zero results associated with them are never shown. This means users cannot accidentally reach blank results pages – which we all know from personal experience is extremely frustrating.
SEO: Facets geram URLs dinâmicas e cheia de códigos. Precisa transformar em uma URL bem definida para ter resultado em SEO. Se não conseguir, usar canonical + nofollow.
[MATEUS] Melhorar imagem para apresentar Footer padrão separados por seções: institucional, ajuda, etc
[MATEUS] Melhorar imagem para apresentar o footer com links para categorias e/ou Landing Pages
SEO: Oportunidade de link para páginas importantes
[MATEUS] Criar imagem apresentando as opções de índices que podem ser criados. Destacar índice da Busca.
SEO: Google precisa do link para indexar. No caso da busca se não tiver link para a página ela não aparece no resultado e perde-se oportunidade
[MATEUS] Criar imagem com o conceito de uma single page
[MATEUS] Criar imagem com o conceito de um scroll infinito
SEO: precisa de paginação estática
http://www.nngroup.com/articles/infinite-scrolling/
[MATEUS] Criar imagem com o conceito das Tabs dentro do conteúdo. Como exemplo lembra das páginas de produtos que exibem conteúdo em abas. Não dar exemplo das abas usadas para navegação entre páginas. O objetivo aqui vai ser falar que o Google está dando menos relevância para conteúdo que está escondido nesse tipo de componente.
http://www.nngroup.com/articles/tabs-used-right/
[MATEUS] Criar imagem com o conceito do Accordion. O objetivo aqui vai ser falar que o Google está dando menos relevância para conteúdo que está escondido nesse tipo de componente.
http://www.nngroup.com/articles/accordions-complex-content/
A meta tag da viewport orienta o navegador sobre como ajustar as dimensões e a escala da página de acordo com a largura do dispositivo. Quando o elemento viewport meta está ausente, os navegadores de dispositivos móveis processam a página no modo padrão, com a largura de uma tela de computador (geralmente cerca de 980 px, com variações entre os dispositivos). Os navegadores de dispositivos móveis tentam então melhorar a visualização do conteúdo aumentando o tamanho das fontes e redimensionando o conteúdo para caber na tela ou exibindo somente a parte do conteúdo que cabe nela.
Para os usuários, isso significa que os tamanhos das fontes podem ter uma aparência inconsistente e talvez seja necessário aplicar zoom para que seja possível visualizar e interagir com o conteúdo. Para o Google, talvez consideremos que a página não é compatível com dispositivos móveis por exigir esse tipo de interação em um dispositivo móvel.
https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/responsive-design?hl=pt-br
https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport
https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/size-content-to-the-viewport
A definição de elementos com grandes larguras absolutas no código CSS (como no exemplo abaixo) fará com que o div seja largo demais para a janela de visualização em um dispositivo mais estreito (por exemplo, um dispositivo com uma largura de 320 pixels no CSS, como um iPhone). Em vez disso, considere usar valores de largura relativos, como width: 100%. Da mesma forma, cuidado ao usar grandes valores absolutos para definir posicionamento, já que eles podem fazer com que o elemento fique fora da janela de visualização em dispositivos com telas pequenas.
https://developers.google.com/speed/docs/insights/UseLegibleFontSizes
Primeiramente, configure a janela de visualização para garantir que as fontes sejam dimensionadas conforme o esperado em todos os dispositivos. Depois de configurar a janela de visualização, implemente as recomendações adicionais abaixo.
Use uma fonte com um tamanho base de 16 pixels CSS. Ajuste o tamanho conforme o necessário, com base nas propriedades da fonte utilizada.
Use tamanhos associados ao tamanho base para definir a escala tipográfica.
O texto necessita de espaço vertical entre os caracteres, e talvez seja preciso ajustá-lo para cada fonte. A recomendação geral é usar a altura de linha padrão do navegador de 1,2 em.
Restrinja o número de fontes utilizadas e a escala tipográfica: o excesso de fontes e tamanhos de fonte produz layouts de página desorganizados e exageradamente complexos.
Por exemplo, o snippet de CSS a seguir define um tamanho base de fonte de 16 pixels CSS, com a classe CSS "pequena" com uma fonte de 75% da fonte base (12 pixels CSS) e uma classe CSS "grande" com uma fonte de 125% da fonte base (20 pixels CSS):
https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately
https://developer.android.com/design/style/metrics-grids.html
Verifique se os pontos de toque mais importantes no seu site, ou seja, aqueles que os usuários usarão com mais frequência, são grandes o suficiente para facilitar seu pressionamento, com pelo menos 48 pixels CSS de altura / largura (supondo que você tenha configurado corretamente a janela de visualização). Links usados com menos frequência podem ser menores, mas também devem apresentar um espaçamento para outros links, de modo que um dedo de 10 milímetros não pressione acidentalmente ambos os links de uma só vez. Os usuários não devem ter que aumentar o zoom (ou depender de outros recursos de interface do navegador para diferenciar os pontos de toque, como a lente pop-up de aumento do Chrome) a fim de pressionar de maneira fácil e confiável o botão ou link desejado.