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