DIRETRIZES DE USABILIDADE<br />Como Aplicá-las na Disponibilização das Ferramentas de Relacionamento Digital em Páginas We...
<ul><li>Uma pesquisa realizada recentemente constatou que os usuários da Web gastam 80,3%do seu tempo olhando as informaçõ...
23%dos usuários rolaram a telapara visualizar o que mais o site oferece. Isto significando que 77% dos usuários nãorealiza...
Mas, o que isso tem haver com usabilidade para a disposição das ferramentas de relacionamentodigital?<br />Páginas Excessi...
	Se fizermos uma varredora em alguns sites perceberemos que a maioria coloca as ferramentas de relacionamento digital – Tw...
#FicaaDica<br /><ul><li>É primordial que os itens de maior relevânciaconstem na primeira tela do home, ou seja, acima da p...
Procuramos informações importantes e ignoramos qualquer coisa que consideremos desnecessárias.</li></li></ul><li><ul><li>A...
“[...] De fato qualquer coisa [...] colorida corre o risco de ser ignorado, particularmente se incluir animação” (NIELSEN ...
<ul><li>É um sério risco dispor os meios de relacionamento digital com design que se pareça com banners.
A reação involuntária de ignorar a tudo que se pareça com anúncios faz com que os usuários não levem em consideração a lei...
Elementos de design que parecem anúncios<br />Cegueira a Banners<br /><ul><li>O fator crítico ao adotar este tipo de desig...
#FicaaDica<br /><ul><li>“As interfaces devem serprojetadas de modo a serem simples efacilmente percebidas.” </li></ul>Niel...
	O fato de maior relevância que se faz necessário compreender basicamente é que: os usuários não estão procurando uma agul...
80% dos participantes que participaram do estudo para este artigo Não encontraram o campo para cadastro de email no site S...
Elementos de design que parecem anúncios<br />Animação na Disposição das Ferramentas de Relacionamento Digital<br /><ul><l...
“Esperar que a navegação lentamente [...] exiba alguma animação é um desperdício de tempo. [...] isso pode ser mais proble...
#FicaaDica<br />Simplifique!!!<br />Disponibilizar as ferramentas de relacionamento digital estaticamente é mais produtivo...
“Quando bem escolhidos, podem permitir um reconhecimento mais rápidodo que as palavras. Além disso, não dependem do idioma...
Os ícones precisam ter três características<br /><ul><li>Fácil reconhecimento
Fácil recordação
Fácil discriminação</li></ul>“Os ícones escolhidos devem expressar com precisão seus objetivos”<br />(Ferreira & Nunes, 20...
#FicaaDica<br />	Um dos grandes conceitos de design é a simplicidade. Ela certamente “constitui um princípio importante no...
Próximos SlideShares
Carregando em…5
×

Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?

1.309 visualizações

Publicada em

Percebe-se que com o crescente mercado da web e o aumento da competitividade, novas estratégias vêm sendo utilizadas na fomentação dos negócios em busca de melhores resultados.

0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.309
No SlideShare
0
A partir de incorporações
0
Número de incorporações
122
Ações
Compartilhamentos
0
Downloads
14
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Diretrizes de Usabilidade: Como dispor os meios de relacionamento digitais?

  1. 1. DIRETRIZES DE USABILIDADE<br />Como Aplicá-las na Disponibilização das Ferramentas de Relacionamento Digital em Páginas Web?<br />@Deivid_Lima<br />
  2. 2. <ul><li>Uma pesquisa realizada recentemente constatou que os usuários da Web gastam 80,3%do seu tempo olhando as informações encontradas acima da primeira dobra da página, enquanto apenas 19,7% é gasto visualizando as informações abaixo dela.</li></ul>(USEITa, 2010).<br />Páginas Excessivamente Longas<br />
  3. 3. 23%dos usuários rolaram a telapara visualizar o que mais o site oferece. Isto significando que 77% dos usuários nãorealizaram a mesma ação. <br />Páginas Excessivamente Longas<br />Curiosidades<br />
  4. 4. Mas, o que isso tem haver com usabilidade para a disposição das ferramentas de relacionamentodigital?<br />Páginas Excessivamente Longas<br />E???<br />
  5. 5. Se fizermos uma varredora em alguns sites perceberemos que a maioria coloca as ferramentas de relacionamento digital – Twitter, Facebook, Linked-in, email, etc– abaixo da primeira dobra.<br />A pergunta que não quer cala. Porquê, se acima dela é o melhor lugar da Web?<br />Páginas Excessivamente Longas<br />
  6. 6. #FicaaDica<br /><ul><li>É primordial que os itens de maior relevânciaconstem na primeira tela do home, ou seja, acima da primeira dobra da página, concedendo uma visão geral de forma resumida do que os usuários encontrarão ali. </li></li></ul><li>Elementos de Design que Parecem Anúncios<br /><ul><li>Somos extremamente orientados a objetivos.
  7. 7. Procuramos informações importantes e ignoramos qualquer coisa que consideremos desnecessárias.</li></li></ul><li><ul><li>A cegueira a banner inclui rejeição a qualquer coisa que normalmente sinalize informações ou anúncios irrelevantes.
  8. 8. “[...] De fato qualquer coisa [...] colorida corre o risco de ser ignorado, particularmente se incluir animação” (NIELSEN e LORANGER, 2007, p. 76).</li></ul>Elementos de design que parecem anúncios<br />Cegueira a Banners<br />
  9. 9. <ul><li>É um sério risco dispor os meios de relacionamento digital com design que se pareça com banners.
  10. 10. A reação involuntária de ignorar a tudo que se pareça com anúncios faz com que os usuários não levem em consideração a leitura do elemento apresentado.</li></ul>Elementos de design que parecem anúncios<br />Cegueira a Banners<br />
  11. 11. Elementos de design que parecem anúncios<br />Cegueira a Banners<br /><ul><li>O fator crítico ao adotar este tipo de design é que, os usuários nunca fixam os olhos em algo que se pareça com um banner</li></ul>(Nielsen ,USEITb, 2010).<br /><ul><li>Elementos que não são anúncios, mas que são apresentados com características semelhantes a anúncios é com certeza uma maneira de prejudicar a usabilidade. </li></ul>Nielsen e Loranger<br />
  12. 12. #FicaaDica<br /><ul><li>“As interfaces devem serprojetadas de modo a serem simples efacilmente percebidas.” </li></ul>Nielsen e Loranger<br />
  13. 13. O fato de maior relevância que se faz necessário compreender basicamente é que: os usuários não estão procurando uma agulha no palheiro. <br /><ul><li>Ocultar as ferramentasde relacionamento digital por traz de banners animados é um sério risco; os usuários podem não percebê-las e conseqüentemente,não encontrá-las.
  14. 14. 80% dos participantes que participaram do estudo para este artigo Não encontraram o campo para cadastro de email no site Submarino.com.</li></ul>Elementos de design que parecem anúncios<br />Animação na Disposição das Ferramentas de Relacionamento Digital<br />
  15. 15. Elementos de design que parecem anúncios<br />Animação na Disposição das Ferramentas de Relacionamento Digital<br /><ul><li>“O tempo de espera é um fator crítico de usabilidade na Web” (FERREIRA; NUNES). Ainda pior do que esperar será se ele não perceber onde está localizado o recurso.
  16. 16. “Esperar que a navegação lentamente [...] exiba alguma animação é um desperdício de tempo. [...] isso pode ser mais problemático do que útil. [...] é muito mais rápido para todo mundo examinar as opções quando elas simplesmente estão visíveis” (NIELSEN; LORANGER). </li></li></ul><li> “consideram-se problemas de usabilidade de um sistema interativo quaisquer características observadas em determinada situação que possam retardar prejudicar ou inviabilizar a realização de uma tarefa, que aborrecem, constrangem e, às vezes, traumatizam o usuário” (Ferreira e Nunes, 2008).<br />Elementos de design que parecem anúncios<br />Animação na Disposição das Ferramentas de Relacionamento Digital<br />
  17. 17. #FicaaDica<br />Simplifique!!!<br />Disponibilizar as ferramentas de relacionamento digital estaticamente é mais produtivodo quer incluir animações. <br />Quanto menos tempoo usuário levar para realizar uma ação, maior será a probabilidade de realizar com sucesso. <br />
  18. 18. “Quando bem escolhidos, podem permitir um reconhecimento mais rápidodo que as palavras. Além disso, não dependem do idioma e, portanto possibilitam o uso da interface em diversos países, sem a necessidade de tradução.” (Ferreira, Nunes, 2088)<br />Imagens Icônicas<br />
  19. 19. Os ícones precisam ter três características<br /><ul><li>Fácil reconhecimento
  20. 20. Fácil recordação
  21. 21. Fácil discriminação</li></ul>“Os ícones escolhidos devem expressar com precisão seus objetivos”<br />(Ferreira & Nunes, 2008)<br />Imagens Icônicas<br />Reconhecimento Mais Rápido<br />
  22. 22. #FicaaDica<br /> Um dos grandes conceitos de design é a simplicidade. Ela certamente “constitui um princípio importante no design” (PREECE et al., 2005). <br />A utilização de ícones é uma boa sugestão de simplificar; são mais fáceis de serem discernidos.<br />
  23. 23. Outro problema facilmente encontrado é o não agrupamento das ferramentas de relacionamento digital nas páginas Web. São espalhadas por varias áreas do site o que torna a busca complexa. <br />Agrupamento de Itens Semelhantes<br />
  24. 24. “Agrupar itens associados garante que eles serão notados” (Nielsen e Loranger (2007). <br />É comum para o usuário procurar por objetos quese relacionem em categorias na mesma área, diz Nielsen e Loranger em seu livro Usabilidade na Web. <br />Agrupamento de Itens Semelhantes<br />
  25. 25. #FicaaDica<br />Agrupeas ferramentas de relacionamento, isto ajudaráaos usuários a encontrá-lascom maior facilidade.<br />
  26. 26. Relembrando as cinco sugestões<br /><ul><li>1º - Evite colocar os meios de relacionamento digital abaixo da primeira tela da página;
  27. 27. 2º - Evite elementos de design que se pareçam com banner;
  28. 28. 3º - Evite animações ao dispor os meios de relacionamento digital;
  29. 29. 4º - Utilize ícones;</li></ul>E por fim,<br /><ul><li>5º - Coloque-os de forma agrupada.</li></ul>Até a próxima. Exponha seu comentário. Compartilhe suas sugestões de como tornar<br />mais evidente o posicionamento de tais meios que permitem o usuário interagir com o<br />site.<br />@Deivid_Lima<br />

×