Entenda como proporcionar uma experiência fluida para seus usuários e potencialize o seu negócio no mundo online com dicas simples de design e outras ferramentas.
Minutagem
00:00 - Apresentação do Webinar/Apresentadores
00:36 - Do que falaremos hoje?
1:20 - Experiência do usuário. O que é?
Performance
Acessibilidade
Melhores práticas
3:50 - A pontuação (score) dos testes de velocidade do Google Lighthouse
5:49 - As pontuações e cores dentro do Google Lighthouse. O que cada uma significa.
7:38 - A primeira impressão em seu site Wix
A primeira dobra
O que ter ou fazer na primeira dobra: botão, CTA, imagem, menus etc
Simplicidade & Limpeza e Clareza
10:57 - O que não fazer na primeira dobra
13:10 - Imagens : qualidade e tamanho
Balanço entre qualidade e velocidade de carregamento
Logotipos: PNG ou vetor
GIFs: como utilizar
Tamanho e resolução ideal
Photoshop
21:40 - Imagens vetoriais
24:40 - Uso de mídia em seu site: reduza sempre que possível
27:58 - Imagens como texto: o que fazer?
Melhores práticas
Impactos em SEO
Acessibilidade e Alt text
30:30 - Fontes personalizadas
34:05 - Texto legível
38:20 - Cores do site
Coerência entre cores e imagens
Seletor de cores
40:24 - Aplicativos e tempo de carregamento
Definindo aplicativos essenciais para o seu site
Balanço entre quantidade e tempo de carregamento
42:11 - Páginas longas em seu site Wix
49:39 - A versão mobile
Ajustando sua versão mobile
Otimizando o layout
Acima da dobra
56:13 - Animações: como utilizar?
57:29 - Janelas e páginas
59:33 - Erro 404 e Redirecionamento 301
1:02:31 - Exemplo prático de site Wix
Boas práticas
Design
Primeira dobra
Imagens e CTAs
Divisão em faixas e versão mobile
1:04:50 - Google Lighthouse e nosso exemplo
Como entrar no Google Lighthouse?
Como medir seu site
Interpretando resultados
1:13:20 - Checklist final
Baixe a apresentação em PDF:
Comments