Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
-
Upload
estrategia-digital -
Category
Business
-
view
418 -
download
0
description
Transcript of Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
www.estrategiadigital.com.br
Discussão em sala de aula
O que faz um site ser bom ?
O que faz um site ser ruim ?
Reflexão
O primeiro passo para saber se um site é bom ou ruim é definir um objetivo.
Caso o objetivo não seja executado, o site pode ser definido como ruim?
A taxa de rejeição analisada individualmente é um bom indicador de melhorias para um site ?
Reflexão
Na página principal do site da sua empresa, quais são os call to action?
O que é um call to action?
Num site de e-commerce, o botão de finalizar a compra é um indicativo do próximo passo que o internauta deve fazer...
Teste aplicado no www.psicologiaribeiraopreto.com.br
É um teste que pode ser aplicado na fase inicial do desenvolvimento de um site
Como funciona o Visual Attention Prediction Tool
Behavour Analytics pelo Google Website Optimizer
O que é usabilidade ?
http://www.youtube.com/user/msanchezusabilidade#p/u/3/NSyEl7_pJ80
Batimento cardíaco sobe mais de 20 % em teste num site com usabilidade ruim
http://www.youtube.com/user/msanchezusabilidade#p/u/2/8j96mj3DyBA
Avaliação da usabilidade de sites
http://www.youtube.com/user/msanchezusabilidade#p/u/0/9LAApah_UrQ
Fatores que levam o internauta a “sair fora” de um site
1. Links que não mudam de cor depois de acessados2. Quebrar o botão de “voltar”3. Abrir novas janelas do navegador ao clicar em links 4. Janelas pop-up5. Elementos de design que parecem anúncios6. Violar os padrões de navegação
Elementos de design que parecem anúncios
http://wynnlasvegas.com/#homepage/
http://www.youtube.com/watch?v=PWEKzTjrktA&feature=related
Wireframe é um desenho básico de uma interface.
Retrata a arquitetura de informação do sistema desejada pelo cliente, retratando a usabilidade do sistema.
No entanto, este desenho deve ser muito simples e resumido, informando ao desenvolvedor apenas o que for estritamente
necessário.
http://www.youtube.com/watch?v=PWEKzTjrktA&feature=related
http://www.youtube.com/watch?v=rgfD_jChuPc&NR=1
Tipografia com um wireframe
Tipografia
É possível trabalhar a tipografia na web como na mídia impressa ?
Reflexão ?
Caso positivo...isso é aconselhável ?
O usuários utilizam a web e a mídia impressa de formas diferentes. Um outdoor ou capa de uma revista é estático...um leitor entenderá a mensagem simplesmente olhando.
Mas a web é interativa, as pessoas precisam fazer coisas nela e a tipografia pode ajudar ou atrapalhar esse processo.
É por isso que o trabalho do designer é muito importante !
Jacob Nilsen (pag 215 – usabilidade na web)
Tipografia
normalmente necessitariam de mais palavras normalmente necessitariam de mais palavras normalmente necessitariam de mais palavras normalmente necessitariam de mais palavras normalmente necessitariam de mais palavras Subtítulos curtos normalmente necessitariam de mais palavras de mais normalmente necessitariam de mais palavras normalmente necessitariam de mais palavras Frases curtas, com de mais
normalmente necessitariam de mais palavras normalmente necessitariam de mais palavras normalmente necessitariam de mais palavras normalmente necessitariam de mais palavras normalmente necessitariam de mais palavras Subtítulos curtos normalmente necessitariam de mais palavras de mais normalmente necessitariam de mais palavras normalmente necessitariam de mais palavras Frases curtas, com de mais
Exemplo do que não fazer !
1. listas com marcadores
2. Subtítulos curtos
3. Frases curtas, com uma ou mais idéias por frase
4. Parágrafos curtos, até mesmo com apenas uma frase
5. Texto facilmente mapeável, com palavras-chave em negrito
6. Gráficos in-line para guiar os olhos ou ilustrar pontos que normalmente necessitariam de mais palavras
Curiosidades
Textos com letras MAIÚSCULAS reduzem em 10 % a velocidade de leitura
Estudos com fontes não serifadas na web geraram leituras mais rápidas. Exatamente
oposto da texto impresso.Na dúvida, use a verdana (pg 233)
Significa que pessoas portadoras de necessidades especiais sejam capazes de usar a Web. Mais concretamente, significa uma Web projetada de modo a que estas pessoas possam perceber, entender, navegar e interagir de uma maneira efetiva com a Web, bem como criar e contribuir com conteúdos para a Web.
http://maujor.com/w3c/introwac.html
Acessibilidade na Web: Custo ou Benefício?
http://www.youtube.com/watch?v=zNVrNo7MxsA&feature=related
Garantir a acessibilidade nos sites é importante para quem ?
Resposta 1 -> Internautas
Resposta 2 -> Google