1. Não é só uma palestra sobre
front-end:
10 mitos desconstruídos
Henrique G. G. Pereira

2. Quem?
Professor @ UNIFRA
Analista de TI @ UFSM

3. Mito #1
As pessoas não leem na web.

4. Mito #1: As pessoas não leem na web.
• Nielsen (1997)
• Pessoas "escaneiam" a página, pegando palavras e
frases soltas.
• Nielsen (2008)
• Usuários leem no máximo 28% do conteúdo de uma
página.

5. Mito #1: As pessoas não leem na web.
• Nielsen (2006)
• Leitura em "F"

6. Mito #1: As pessoas não leem na web.
• Nielsen (2013)
• Quando o conteúdo ajuda o usuário a focar em áreas
de interesse, os usuários param de "escanear" e
começam a ler.
• Usuários prestam mais atenção ao conteúdo que
fica no topo.
Posição do Início do Texto % de usuários que olham
1 81%
2 71%
3 63%
4 32%

7. Mito #1: As pessoas não leem na web.

8. Mito #2
Todas as páginas tem que ser acessíveis em até 3 cliques.

9. Mito #2: Todas as páginas tem que ser acessíveis em até 3 cliques.
• Porter (2003)
• Maior parte dos usuários desiste após 3 cliques.
• Satisfação quase constante mesmo após 3 cliques.

10. Mito #2: Todas as páginas tem que ser acessíveis em até 3 cliques.
• Nielsen (2006)
• Organização da informação é mais importante.
• Aumento de 600% de vendas em um site de e-
commerce ao posicionar os produtos a 4 cliques da
página inicial.

11. Mito #2: Todas as páginas tem que ser acessíveis em até 3 cliques.
• Loranger (2008)
• O número de cliques não é importante.
• Fluxo do conteúdo tem fazer sentido e ser lógico.

12. Mito #2: Todas as páginas tem que ser acessíveis em até 3 cliques.

13. Mito #3
Acessibilidade: custa caro e díficil de alcançar.

14. Mito #3: Acessibilidade: custa caro e díficil de alcançar.
• Moss (2004)
• Um site acessível tem geralmente uma melhor
usabilidade.
• Hagans (2005)
• Acessibilidade é o primeiro passo para um bom
posicionamento em um motor de busca.

15. Mito #3: Acessibilidade: custa caro e díficil de alcançar.
• Brasil (2005)
• E-MAG
• Modelo de Acessibilidade em Governo Eletrônico

16. Mito #3: Acessibilidade: custa caro e díficil de alcançar.
• W3C
• WAI
• Web Accessibility Taskforce
• ARIA
• HTML5

17. Mito #3: Acessibilidade: custa caro e díficil de alcançar.

18. Mito #4
Ícones melhoram a usabilidade.

19. Mito #4: Ícones melhoram a usabilidade.
• Byttebier (2013)
• Usuários evitam elementos de interface que eles não
conseguem entender.

20. Mito #4: Ícones melhoram a usabilidade.
• Bedford (2014)
• O entendimento de um ícone depende da
experiência prévia de um usuário.
• Ícones universais são raros.
• Sempre devem estar acompanhados de um rótulo.

21. Mito #4: Ícones melhoram a usabilidade.

22. Mito #5
O design de uma página tem que ser original.

23. Mito #5: O design de uma página tem que ser original.
• Krug (2000)
• Don't make me think
• Convenções são suas amigas
• Use aquilo que as pessoas já conhecem

24. Mito #5: O design de uma página tem que ser original.
• UI-Patterns.com
• Soluções recorrentes, que resolvem problemas
comuns.

25. Mito #5: O design de uma página tem que ser original.

26. Mito #6
Você não precisa do conteúdo para desenhar um website.

27. Mito #6: Você não precisa do conteúdo para desenhar um website.
• Lorem Ipsum
• Wroblewski (2009)
• Morte ao Lorem Ipsum
• Estéticamente agradável, porém resulta em
suposições surreais em relação ao conteúdo de
verdade.

28. Mito #6: Você não precisa do conteúdo para desenhar um website.
• Zeldman (2008)
• O conteúdo precede o design. O design na falta de
conteúdo não é design, é decoração.
• Nielsen (2009)
• Conteúdo como UI

29. Mito #6: Você não precisa do conteúdo para desenhar um website.

30. Mito #7
Usuários não rolam a página.

31. Mito #7: Usuários não rolam a página.
• Chartbeat (2014)
• 66% da atenção de um usuário em uma página de
mídia está abaixo da primeira rolagem.

32. Mito #7: Usuários não rolam a página.

33. Mito #8
Se você é bom, não precisa testar seu design.

34. Mito #8: Se você é bom, não precisa testar seu design.
• Rosenbaum (2009)
• O comportamento de um usuário é geralmente díficil
de prever.
• Follansbee (2009)
• Testes de usabilidade revelam muito mais do que a
própria usabilidade do site.

35. Mito #8: Se você é bom, não precisa testar seu design.
• Nielsen (2009)
• O simples fato de observar 2 usuários interagindo
interagindo com um site aumenta em grande parte a
chance de fazer uma escolha correta de UI.
• Dados Empiricos > Achismos

36. Mito #8: Se você é bom, não precisa testar seu design.

37. Mito #9
Espaço em branco é espaço jogado fora.

38. Mito #9: Espaço em branco é espaço jogado fora.
• Boulton (2009)
• Espaço em branco cria uma sensação de de
sofisticação e elegância.

39. Mito #9: Espaço em branco é espaço jogado fora.
• Turnbull (2011)
• Aumento perceptível na legibilidade

40. Mito #9: Espaço em branco é espaço jogado fora.

41. Mito #10
Simples != Minimalista

42. Mito #10: Simples != Minimalista
• de Jong (2012)
• Uma UI minimalista é um caminho para a simplicidade,
mas geralmente não é o melhor.
• Redução de informação útil leva a confusão, que leva
a uma experiência ruim do usuário.

43. Mito #10: Simples != Minimalista
• Minimalismo não leva sempre a simplicidade.

44. Mito #10: Simples != Minimalista

45. Dúvidas, perguntas, discussões?
@ikkebr
gmail.com@henrique.email