Mythbusters - Front in SM
-
Upload
henrique-gabriel-gularte-pereira -
Category
Documents
-
view
69 -
download
2
Transcript of Mythbusters - Front in SM
Não é só uma palestra sobre front-end:
10 mitos desconstruídosHenrique G. G. Pereira
Quem?
Professor @ UNIFRAAnalista de TI @ UFSM
Mito #1
As pessoas não leem na web.
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.
Mito #1: As pessoas não leem na web.
• Nielsen (2006)
• Leitura em "F"
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%
Mito #1: As pessoas não leem na web.
Mito #2
Todas as páginas tem que ser acessíveis em até 3 cliques.
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.
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.
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.
Mito #2: Todas as páginas tem que ser acessíveis em até 3 cliques.
Mito #3
Acessibilidade: custa caro e díficil de alcançar.
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.
Mito #3: Acessibilidade: custa caro e díficil de alcançar.
• Brasil (2005)
• E-MAG
• Modelo de Acessibilidade em Governo Eletrônico
Mito #3: Acessibilidade: custa caro e díficil de alcançar.
• W3C
• WAI
• Web Accessibility Taskforce
• ARIA
• HTML5
Mito #3: Acessibilidade: custa caro e díficil de alcançar.
Mito #4
Ícones melhoram a usabilidade.
Mito #4: Ícones melhoram a usabilidade.
• Byttebier (2013)
• Usuários evitam elementos de interface que eles não conseguem entender.
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.
Mito #4: Ícones melhoram a usabilidade.
Mito #5
O design de uma página tem que ser original.
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
Mito #5: O design de uma página tem que ser original.
• UI-Patterns.com
• Soluções recorrentes, que resolvem problemas comuns.
Mito #5: O design de uma página tem que ser original.
Mito #6
Você não precisa do conteúdo para desenhar um website.
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.
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
Mito #6: Você não precisa do conteúdo para desenhar um website.
Mito #7
Usuários não rolam a página.
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.
Mito #7: Usuários não rolam a página.
Mito #8
Se você é bom, não precisa testar seu design.
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.
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
Mito #8: Se você é bom, não precisa testar seu design.
Mito #9
Espaço em branco é espaço jogado fora.
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.
Mito #9: Espaço em branco é espaço jogado fora.
• Turnbull (2011)
• Aumento perceptível na legibilidade
Mito #9: Espaço em branco é espaço jogado fora.
Mito #10
Simples != Minimalista
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.
Mito #10: Simples != Minimalista
• Minimalismo não leva sempre a simplicidade.
Mito #10: Simples != Minimalista