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

Mythbusters - Front in SM

Embed Size (px)

Citation preview

Page 1: Mythbusters - Front in SM

Não é só uma palestra sobre front-end:

10 mitos desconstruídosHenrique G. G. Pereira

Page 2: Mythbusters - Front in SM

Quem?

Professor @ UNIFRAAnalista de TI @ UFSM

Page 3: Mythbusters - Front in SM

Mito #1

As pessoas não leem na web.

Page 4: Mythbusters - Front in SM

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.

Page 5: Mythbusters - Front in SM

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

• Nielsen (2006)

• Leitura em "F"

Page 6: Mythbusters - Front in SM

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 olham1 81%2 71%3 63%4 32%

Page 7: Mythbusters - Front in SM

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

Page 8: Mythbusters - Front in SM

Mito #2

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

Page 9: Mythbusters - Front in SM

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.

Page 10: Mythbusters - Front in SM

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.

Page 11: Mythbusters - Front in SM

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.

Page 12: Mythbusters - Front in SM

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

Page 13: Mythbusters - Front in SM

Mito #3

Acessibilidade: custa caro e díficil de alcançar.

Page 14: Mythbusters - Front in SM

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.

Page 15: Mythbusters - Front in SM

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

• Brasil (2005)

• E-MAG

• Modelo de Acessibilidade em Governo Eletrônico

Page 16: Mythbusters - Front in SM

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

• W3C

• WAI

• Web Accessibility Taskforce

• ARIA

• HTML5

Page 17: Mythbusters - Front in SM

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

Page 18: Mythbusters - Front in SM

Mito #4

Ícones melhoram a usabilidade.

Page 19: Mythbusters - Front in SM

Mito #4: Ícones melhoram a usabilidade.

• Byttebier (2013)

• Usuários evitam elementos de interface que eles não conseguem entender.

Page 20: Mythbusters - Front in SM

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.

Page 21: Mythbusters - Front in SM

Mito #4: Ícones melhoram a usabilidade.

Page 22: Mythbusters - Front in SM

Mito #5

O design de uma página tem que ser original.

Page 23: Mythbusters - Front in SM

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

Page 24: Mythbusters - Front in SM

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

• UI-Patterns.com

• Soluções recorrentes, que resolvem problemas comuns.

Page 25: Mythbusters - Front in SM

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

Page 26: Mythbusters - Front in SM

Mito #6

Você não precisa do conteúdo para desenhar um website.

Page 27: Mythbusters - Front in SM

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.

Page 28: Mythbusters - Front in SM

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

Page 29: Mythbusters - Front in SM

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

Page 30: Mythbusters - Front in SM

Mito #7

Usuários não rolam a página.

Page 31: Mythbusters - Front in SM

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.

Page 32: Mythbusters - Front in SM

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

Page 33: Mythbusters - Front in SM

Mito #8

Se você é bom, não precisa testar seu design.

Page 34: Mythbusters - Front in SM

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.

Page 35: Mythbusters - Front in SM

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

Page 36: Mythbusters - Front in SM

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

Page 37: Mythbusters - Front in SM

Mito #9

Espaço em branco é espaço jogado fora.

Page 38: Mythbusters - Front in SM

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.

Page 39: Mythbusters - Front in SM

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

• Turnbull (2011)

• Aumento perceptível na legibilidade

Page 40: Mythbusters - Front in SM

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

Page 41: Mythbusters - Front in SM

Mito #10

Simples != Minimalista

Page 42: Mythbusters - Front in SM

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.

Page 43: Mythbusters - Front in SM

Mito #10: Simples != Minimalista

• Minimalismo não leva sempre a simplicidade.

Page 44: Mythbusters - Front in SM

Mito #10: Simples != Minimalista

Page 45: Mythbusters - Front in SM

Dúvidas, perguntas, discussões?

@[email protected]