0
Usabilidade<br />Prof. NecaBoullosa<br />
“Tornar o simples complicado é fácil, tornar o complicado simples é criatividade”<br />Charles Mingus<br />
Criando um site na internet<br />
Defina objetivos e públicos<br />Quem vai acessar?<br />O que vou oferecer? Ou posso oferecer? Site ou Hot-site?<br />Site...
Tipos de Site<br />Branding<br />E-commerce<br />Serviços<br />B2B<br />Tipo de Site<br />
Arquitetura da informação<br />Entender o cliente<br />Levantar informações <br />Mudar processos internos<br />Mapa do Si...
Mapa de um site<br />
Desenho e Montagem<br />
Desenho e Montagem<br />Diretor de Arte para internet?<br />Redator para web?<br />Usabilidade / Layout<br />Programação /...
Usabilidade é tudo<br />
Pesquisa, feita em dezembro de 2009, descobriu que 78% dos consumidores passaram para sites rivais ao enfrentar demoras, e...
“É a extensão na qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com efetivida...
Segundo o “papa” da usabilidade, JAKOB NIELSEN, “deve-se retirar da página tudo que não auxiliar o usuário a atingir o obj...
O inovador ou bonito nem sempre é útil. Uma grande besteira continua sendo uma grande besteira, mesmo que com um belo desi...
Os sites devem ser focados na experiência do usuário e não na mente do diretor de criação que o concebeu ou no dono da emp...
Tenha consciência que o usuário não sabe NADA sobre o conteúdo do seu site, e você irá planejá-lo de forma mais simples po...
Não fique reinventando a roda a cada página.<br />Crie um padrão e siga-o em todo o site.<br />Se precisar, crie sub-padrõ...
Ela deve dar o tom do site, destacar os principais conteúdos, possuir links para as primeiras seções.<br />Não deixe ela p...
Mantenha seu texto claro e objetivo, na medida do possível, curto também.<br />O usuário não quer ler um livro.<br />Vá co...
Mantenha suas páginas leves, não entupa seu site com imagens, gráficos e animações desnecessárias.<br />Sigas as práticas ...
5 DICAS RÁPIDAS DE USABILIDADE<br />
1-Pessoas olham para pessoas<br />
2-A qualidade do Design é um indicador de credibilidade.<br />
3 – A maioria dos usuários NÃO dá scroll.<br />
Fuja do scroll, principalmente nas primeiras páginas.<br />77% dos usuários não faz scroll<br />Scroll ou Não Scroll<br />
4 – Azul é a melhor cor para links.<br />
Siga os padrões...<br />
5-Espaços em branco melhoram a compreensão.<br />
E PARA TERMINAR!<br />
Segundo a pesquisa de JAKOB NIELSEN:BASTAM 5 USUÁRIOS PARA VOCÊ MELHORAR SIGNIFICATIVAMENTE A EXPERIÊNCIA DO SEU SITE.<br ...
TRABALHO FINAL DA DISCIPLINA<br />Avaliação em GRUPO<br />Avaliação INDIVIDUAL<br />
Briefing<br />Levantamento de informações<br />Arquitetura de Informação<br />Organização do Conteúdo<br />Layout<br />Des...
Identificação dos Participantes por etapa<br />Avaliação Individual por etapa<br />A cada aula, os envolvidos na etapa ser...
21/5 – Arquitetura de Informação<br />Mapa do Site<br />28/5 – Layouts e Plano de Mídia<br />4/6–  Entrega do Site e Plano...
Upcoming SlideShare
Loading in...5
×

2010.1 - PUB5AN - Marketing Digital AULA 03

753

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
753
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "2010.1 - PUB5AN - Marketing Digital AULA 03"

  1. 1. Usabilidade<br />Prof. NecaBoullosa<br />
  2. 2. “Tornar o simples complicado é fácil, tornar o complicado simples é criatividade”<br />Charles Mingus<br />
  3. 3. Criando um site na internet<br />
  4. 4. Defina objetivos e públicos<br />Quem vai acessar?<br />O que vou oferecer? Ou posso oferecer? Site ou Hot-site?<br />Site é um organismo vivo<br />Hot-site tem vida útil.<br />Criando um site na internet<br />
  5. 5. Tipos de Site<br />Branding<br />E-commerce<br />Serviços<br />B2B<br />Tipo de Site<br />
  6. 6. Arquitetura da informação<br />Entender o cliente<br />Levantar informações <br />Mudar processos internos<br />Mapa do Site<br />LandingPages<br />CMS (Gerenciamento de Conteúdo)<br />A parte mais difícil<br />
  7. 7. Mapa de um site<br />
  8. 8.
  9. 9.
  10. 10. Desenho e Montagem<br />
  11. 11. Desenho e Montagem<br />Diretor de Arte para internet?<br />Redator para web?<br />Usabilidade / Layout<br />Programação / Banco de Dados / Sistemas e Aplicações<br />Desenho e Montagem<br />
  12. 12. Usabilidade é tudo<br />
  13. 13. Pesquisa, feita em dezembro de 2009, descobriu que 78% dos consumidores passaram para sites rivais ao enfrentar demoras, erros ou problemas de transação.<br />Além disso, 88% não voltam ao site cujo desempenho os desapontou. <br />
  14. 14. “É a extensão na qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com efetividade, eficiência e satisfação em um contexto de uso específico”<br />Usabilidade<br />
  15. 15. Segundo o “papa” da usabilidade, JAKOB NIELSEN, “deve-se retirar da página tudo que não auxiliar o usuário a atingir o objetivo que definimos para ele.”<br />Usabilidade<br />
  16. 16. O inovador ou bonito nem sempre é útil. Uma grande besteira continua sendo uma grande besteira, mesmo que com um belo design.<br />Bonito não é útil<br />
  17. 17. Os sites devem ser focados na experiência do usuário e não na mente do diretor de criação que o concebeu ou no dono da empresa. O usuário é o verdadeiro juiz. Será ele quem dirá se o site da empresa está bom ou ruim.<br />Foco no usuário<br />
  18. 18. Tenha consciência que o usuário não sabe NADA sobre o conteúdo do seu site, e você irá planejá-lo de forma mais simples possível.<br />O Usuário não sabe nada<br />
  19. 19. Não fique reinventando a roda a cada página.<br />Crie um padrão e siga-o em todo o site.<br />Se precisar, crie sub-padrões por área, se houver muito conteúdo.<br />Seja Coerente<br />
  20. 20. Ela deve dar o tom do site, destacar os principais conteúdos, possuir links para as primeiras seções.<br />Não deixe ela parecida com as páginas internas.<br />Página Inicial, a porta de entrada<br />
  21. 21. Mantenha seu texto claro e objetivo, na medida do possível, curto também.<br />O usuário não quer ler um livro.<br />Vá colocando mais conteúdo nos níveis mais internos do site.<br />Texto... Curto ou longo?<br />
  22. 22. Mantenha suas páginas leves, não entupa seu site com imagens, gráficos e animações desnecessárias.<br />Sigas as práticas comuns. “Modernizar” só para ser diferente vai lhe prejudicar. O moderno é simples.<br />Usuários fogem de lentidão<br />
  23. 23. 5 DICAS RÁPIDAS DE USABILIDADE<br />
  24. 24. 1-Pessoas olham para pessoas<br />
  25. 25.
  26. 26.
  27. 27. 2-A qualidade do Design é um indicador de credibilidade.<br />
  28. 28. 3 – A maioria dos usuários NÃO dá scroll.<br />
  29. 29. Fuja do scroll, principalmente nas primeiras páginas.<br />77% dos usuários não faz scroll<br />Scroll ou Não Scroll<br />
  30. 30. 4 – Azul é a melhor cor para links.<br />
  31. 31. Siga os padrões...<br />
  32. 32. 5-Espaços em branco melhoram a compreensão.<br />
  33. 33. E PARA TERMINAR!<br />
  34. 34. Segundo a pesquisa de JAKOB NIELSEN:BASTAM 5 USUÁRIOS PARA VOCÊ MELHORAR SIGNIFICATIVAMENTE A EXPERIÊNCIA DO SEU SITE.<br />Teste seu site<br />
  35. 35. TRABALHO FINAL DA DISCIPLINA<br />Avaliação em GRUPO<br />Avaliação INDIVIDUAL<br />
  36. 36. Briefing<br />Levantamento de informações<br />Arquitetura de Informação<br />Organização do Conteúdo<br />Layout<br />Desenho do Site<br />Montagem<br />Produção do Conteúdo<br />Campanha Online<br />Plano de Mídia Digital<br />Site do Curso de Publicidade<br />
  37. 37. Identificação dos Participantes por etapa<br />Avaliação Individual por etapa<br />A cada aula, os envolvidos na etapa serão avaliados.<br />NÃO FALTEM!<br />Se precisar, vamos fazer um aula-extra.<br />Divisão da Equipe <br />
  38. 38. 21/5 – Arquitetura de Informação<br />Mapa do Site<br />28/5 – Layouts e Plano de Mídia<br />4/6– Entrega do Site e Plano de Mídia e Peças<br />Entrega do Plano de Mídia<br />Peças planejadas<br />Diversos Formatos<br />Apenas JPG – Flash é opcional<br />Conclusão e Entrega 4/6<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×