1) O documento discute tópicos relacionados a webdesign, programação, websites e redes sociais. 2) Aborda temas como registro de domínios, hospedagem, HTML, CSS, usabilidade, testes de usuários e anúncios no Facebook e Instagram. 3) Também fornece dicas sobre como cobrar por trabalhos de webdesign.
11. O domínio só garante seu
endereço. Você precisa de
uma hospedagem para
armazenar seus arquivos.
12. E O REGISTRO.BR PEDIRÁ O
DNS
É o equipamento responsável por permitir
que seu domínio esteja ativo na internet. É
um endereço fornecido pelo seu provedor.
13. CONTRATE HOSPEDAGEM EM LINUX
Hospedagens em Linux são ideais para trabalhar
com banco de dados (php). Uma hospedagem em
Windows é boa somente para a linguagem da
microsoft: ASP.net
30. SEM PADRÕES
✗ Extensão da Mídia Impressa
✗ Layout baseado em Tabelas
✗ Conteúdo, Apresentação e
Comportamento “aninhados”
✗ Código Incompreensível
31. COM PADRÕES
✔ Acessível de qualquer
dispositivo
✔ Layout baseado em CSS
✔ Separação entre
Conteúdo, Apresentação e
Comportamento
✔ Código Acessível
32. VANTAGENS
Carregamento mais rápido
Menores custos com hospedagem
Melhor Consistência Visual
Redesign mais barato e eficiente
Melhores resultados nos
Mecanismos de Buscas
Maior acessibilidade
55. UX Design é o processo
de aumentar a
satisfação e lealdade do
cliente.
Como?
Melhorando a
usabilidade, facilidade
do uso e o prazer
proporcionado com a
interação entre
consumidor e produto.
66. #5 – Tráfego
SEO, Google Adwords e Redes Sociais vão
aumentar o seu tráfego. Mas eles irão sair se
o site não tiver um layout que prenda sua
atenção e converta.
68. UI é o processo de
guiar visualmente o
usuário através da
interface de um
produto, utilizando
elementos interativos e
em todos os tamanhos /
plataformas.
O UI é o
responsável
pela UX
77. até 0,1s: ideia de
continuidade
até 1s: delay
percebido, mas ok
depois de 10s: o
usuário muda de
tarefa.
O USUÁRIO NÃO
QUER ESPERAR!
78. A CADA 100 MILISSEGUNDOS DE TEMPO
DE CARREGAMENTO DE PÁGINA REDUZ
1% DE VENDAS NA AMAZON.
AMAZON
79. AO AUMENTAR O CARREGAMENTO DO
SITE DE 0.4 PARA 0.9 SEGUNDOS, PERDEU
20% DA RECEITA EM PUBLICIDADE,
GOOGLE
80. 2) PÁGINAS DE ERRO
O usuário deve saber o que está acontecendo
em uma linguagem fácil.
O usuário deve saber que a culpa não foi dele.
O usuário deve conseguir voltar para o site.
81. 3) ERROS DE FORMULÁRIO
Nome:
Endereço:
CEP:
CPF:
Telefone:
Renato Melo
Rua dos Bobos, número zero
01234-000
12345678900
48 6666-6666
Houve um erro no preenchimento do formulário.
Onde?
Não use espaços ou hifens no
telefone. Utilize somente números.
13 6666-6666
82. 3) DADOS DO FORMULÁRIO
Remover um único campo do formulário (telefone) foi capaz
de aumentar as conversões em 167%. A taxa média de
conversão da página foi de 20,18% para 53,90%.
Pense que para cada R$ 100 investidos em mídia
anteriormente, agora conseguiríamos o mesmo resultado
investindo apenas R$37,45, ou então teríamos quase três
vezes esse resultado se investíssemos o mesmo valor.
87. Maior controle de dados e
variáveis;
Mais fácil de envolver o
cliente;
Maior custo
Usuário pode se sentir
desconfortável
Comportamento distante do
seu universo real
LABORATÓRIO
88. Mais barato;
Usuário se sente mais a
vontade;
Mais próximo de seu uso real;
Menor controle dos dados e
variáveis
Dificuldade de envolver o
cliente (quem contrata)
AMBIENTE DO USUÁRIO
89. Laboratório
Medir performance (tempo,
número de erros)
Produção acadêmica
(maior “aceitação” científica
para teses, artigos e
dissertações)
Estudos permanentes com
equipe dedicada (Globo,
Nokia)
Ambiente do Usuário
Obter feedback rápido
Projetos com recursos
reduzidos
Testar conceitos e
interfaces em fases iniciais
de design
91. Perguntas abertas são aquelas que permitem
ao participante responder da forma que quiser,
no formato que quiser, e com a profundidade e
duração que quiser.
Perguntas abertas vs.
Perguntas fechadas
92. Perguntas fechadas são aquelas que podem ser
respondidas com um “Sim? ou “Não”, ou outra
opção sugerida.
Perguntas abertas vs.
Perguntas fechadas
93. Perguntas fechadas funcionam melhor para
questionários quantitativos (porcentagem de
sim ou não). Já para usabilidade, o melhor é
utilizar questões abertas.
Perguntas abertas vs.
Perguntas fechadas
100. • Planejar o teste: com quantas pessoas?
• Criar um roteiro: como devem ser as
perguntas?
• Moderação do teste: o que fazer e o que não
fazer, exercício prático
• Como analisar: o que observar, o que fazer
com as informações obtidas
• Como adaptar: teste mobile, teste caseiro,
teste em contexto de uso
103. Solução para o problema dele
Um site horrível!
Prazo: Ontem
Preço
Barato, pois o sobrinho
sabe fazer um igual
Atendimento
Tratar o cliente como a
mãe dele o trataria
120. Exceções:
• Pôsteres de filme.
• Capa de livros.
• Capa de cds.
• Imagem de produtos.
• Pôsteres de eventos
(shows, concertos,
esportes…)
• Texto baseado em
caligrafia, quadrinhos,
etc.
• Screenshot de aplicativos
e jogos.
• Texto legal.
• Infográficos.
121. Isso conta?
SIM
• Logos – Qualquer logo com
texto, independentemente de
tamanho e alinhamento.
• Marca d’água – Marcas d’água
são consideradas texto,
mesmo se forem obrigatórias
e constarem no branding da
marca.
• Números – Todos os números
contam como texto.
122. NÃO PODE:
USAR IMAGENS COM MUITA PELE OU
NUDEZ
CITAR POLÍTICA, RAÇA, RELIGIÃO,
ORIENTAÇÃO SEXUAL, SINDICATO, ETC
MARKETING MULTINÍVEL
DISCURSO DE ÓDIO
OUTROS: FALSAS PROMESSAS (ANTES E
DEPOIS), URLS DIFERENTES, OBRIGAR
CURTIR A PÁGINA, VÍRUS, SPYWARE,
MALWARE
124. Enviar pessoas para o seu site. Este anúncio
não irá aparecer na sua fanpage.
CLIQUE NO SITE
125. Você pode colocar apenas uma imagem, fazer
um anúncio com múltiplas imagens, usar um
vídeo, criar um vídeo usando imagens e até
enviar um inbox automático para quem
interagir com o anúncio.
126. Se você optar por uma única imagem, você pode
enviar até 6 opções para que o Facebook avalie a
que terá melhor resultado
1200 x 628 pixels