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

Transcrição

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

2 Quem? UNIFRA Analista de 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,