Aula 2 da 2ª Turma do curso de Marketing Digital em Ribeirão Preto.

1. www.estrategiadigital.com.br

2. Discussão em sala de aula O que faz um site ser bom ? O que faz um site ser ruim ?

3. 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?

4. A taxa de rejeição analisada individualmente é um bom indicador de melhorias para um site ?

5. 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...

6. Teste aplicado no www.psicologiaribeiraopreto.com.br É um teste que pode ser aplicado na fase inicial do desenvolvimento de um site

7. Como funciona o Visual Attention Prediction Tool

8. Behavour Analytics pelo Google Website Optimizer

9. O que é usabilidade ? http://www.youtube.com/user/msanchezusabilidade#p/u/3/NSyEl7_pJ80

10. Batimento cardíaco sobe mais de 20 % em teste num site com usabilidade ruim http://www.youtube.com/user/msanchezusabilidade#p/u/2/8j96mj3DyBA

11. Avaliação da usabilidade de sites http://www.youtube.com/user/msanchezusabilidade#p/u/0/9LAApah_UrQ

13. Elementos de design que parecem anúncios http://wynnlasvegas.com/#homepage/

14. 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.

15. http://www.youtube.com/watch?v=PWEKzTjrktA&feature=related

16. http://www.youtube.com/watch?v=rgfD_jChuPc&NR=1 Tipografia com um wireframe

17. Tipografia

18. É possível trabalhar a tipografia na web como na mídia impressa ? Reflexão ? Caso positivo...isso é aconselhável ?

19. 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

20. 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

21. Exemplo do que não fazer !

23. 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)

24. 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

25. Acessibilidade na Web: Custo ou Benefício? http://www.youtube.com/watch?v=zNVrNo7MxsA&feature=related

26. Garantir a acessibilidade nos sites é importante para quem ? Resposta 1 -> Internautas Resposta 2 -> Google