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



Documentos relacionados
PROJETO DE INTERFACE COM USUÁRIO

Interface Usuário Máquina. Aula 06

USABILIDADE NA WEB : Projetando Websites com Qualidade

USABILIDADE NA WEB E EM INTERFACES. Tutora: Aline Yuri Ieiri (UAB UFABC - PACC)

PROPOSTA DE MELHORIA DA INTERFACE PARA O

E-BOOK

Tópicos de Ambiente Web Web Design III

Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO

e-commerce: 13 maneiras de aumentar a conversão

Tópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres

As Interfaces Tecnológicas. com Design Acessível para a Baixa Visão

ANÁLISE E DESENVOLVIMENTO DE SISTEMAS TURMA º PERÍODO - 7º MÓDULO AVALIAÇÃO A4 DATA 22/10/2009 ENGENHARIA DE USABILIDADE

Critérios. Melhores Práticas e Regras

A Fórmula Mágica Para Escrever Artigos! Ela Sempre Funciona! Por Junior Resende

Introdução ao Web Design. Aspectos gerais para um bom web design

Os piores erros em Web Design Jacob Nielsen

IMPORTÂNCIA DOS PADRÕES DE DESENVOLVIMENTO WEB

Arquitetura da Informação Lílian Simão Oliveira

_aplicando ux design em. projetos digitais cases da Catarinas Design

ALUNES MANUAL DO USUÁRIO. Guia rápido Alunes

Arquitetura de Informação

@media screen and (grande-variedade-dispositivos){ usuários{ sites { ; } Google {

Plone na Plataforma Mobile. Fabiano Weimar dos Santos e Giuseppe Romagnoli

Fluxo de Desenvolvimento do Webdesign

Usabilidade e Acessibilidade no Desenvolvimento de Websites e Aplicativos Móveis. Prof. Esp. Jalves Mendonça Nicácio

Produção de Websites. Composição Web. Artur M. Arsénio. Engenharia Informá:ca / Informá:ca Web 2014/15

APOSTILA LINUX EDUCACIONAL

AVALIAÇÃO DE INTERFACES UTILIZANDO O MÉTODO DE AVALIAÇÃO HEURÍSTICA E SUA IMPORTÂNCIA PARA AUDITORIA DE SISTEMAS DE INFORMAÇÕES

#10 PRODUZIR CONTEÚDO SUPER DICAS ATRATIVO DE PARA COMEÇAR A

NEGÓCIOS... Estratégia. Business Model Canvas. Inteligência Estratégica aplicada a Negócios de TI através do Business Model Canvas.

SISTEMAS HIPERMÍDIA E MULTIMÍDIA

Comunidade de Suporte e Feedback

Interface Humano-Computador IHC Paradigmas de IHC

ANÁLISE DE SITES EDUCACIONAIS PELO PROFESSOR E PELO ALUNO

DESIGN DE INTERAÇÃO. José Alexandre Ducatti

PUBLICIDADE DIGITAL E NEW MEDIA / 6º SEMESTRE

Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site. Prof.: Bruno E. G. Gomes IFRN

Senha: Senha. Gerenciar filas ficou mais fácil

FACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS

3 - Projeto de Site:

A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO

QUEM SOMOS.

CONECTAMOS IDEIAS COM RESULTADOS. Agência Web

Qualidade de Software

PRODUTOS B2B SAMSUNG APPS SUPORTE MY SAMSUNG BUSCA. Tweetar 3. Escolhe a melhor foto para você

SEU SITE FUNCIONA? Teste rápido de Usabilidade e Comunicação Web

Usabilidade na WEB CCUEC. Roberto Romani. UNICAMP- Universidade Estadual de Campinas

MANUAL. Perfil de Professor

Programação e Designer para WEB

Webdesign Fluxo de Desenvolvimento do Webdesign

Adaptando o Plone para Plataformas Móveis. Fabiano Weimar dos Santos e Giuseppe Romagnoli

TECNOLOGIAS WEB AULA 8 PROF. RAFAEL DIAS

Arquitetura de Informação - 2

usabilidade assume uma importância ímpar na economia da Internet

para imprensa Brand Book

O Terminal. VS Display

ArquiteturadaInformação. Lílian Simão Oliveira

MÉTRICA PARA MÍDIAS SOCIAIS UM MAR DE POSSIBILIDADES. Parte I. Dinamize

Como impedir que o pen drive seja invadido por vírus

Design de Interfaces e Usabilidade - Tópico 1

GUIA DE APOIO AO USUÁRIO

Métodos de Avaliação para Sites de Entretenimento. Fabricio Aparecido Breve Prof. Orientador Daniel Weller

ARQI. Arquitetura de Informação. Necessidades do usuário. Curso Superior de Tecnologia em Design Gráfico

Conectando sonhos e negócios.

A OpenWeb para serviços governamentais. W3C Brasil. Open Web para Serviços Governamentais Yasodara Córdova - Yaso@nic.br

ACESSIBILIDADE WEB: UM ESTUDO EXPLORATÓRIO DO CONHECIMENTO DO DESENVOLVEDOR WEB BRASILEIRO

Acessibilidade e semântica na web com uso de CMS Joomla

Marketing Digital. Prof. Rodrigo Mocellin. AV. Presidente Getúlio Vargas, 902 Rebouças - Curitiba, Paraná

Fundamentos de design

Métodos de Avaliação para Sites de Entretenimento. Aluno: Fabricio Aparecido Breve Prof. Orientador: Daniel Weller

PROGRAMAÇÃO SERVIDOR PADRÕES MVC E DAO EM SISTEMAS WEB. Prof. Dr. Daniel Caetano

MÓDULO MULTIMÉDIA PROFESSOR: RICARDO RODRIGUES. MAIL: URL:

Dicas para melhorar a interface de usuário feita em LabVIEW

Mudança de direção RODRIGO MENEZES - CATEGORIA MARKETERS

Proposta para remodelação do site da radio Antena 3

CRM. Customer Relationship Management

Monday, January 23, 12. Introdução sobre Acessibilidade na web

GASweb - Usabilidade Parte 1-3

1. Quem somos nós? A AGI Soluções nasceu em Belo Horizonte (BH), com a simples missão de entregar serviços de TI de forma rápida e com alta qualidade.

edirectory ios / Android Plataforma

O design nos serviços

Apresentado por: Marcos José

Ministério do Esporte. Cartilha do. Voluntário

SEO. Search Engine Optimization

PLANEAMENTO DO SITE. - Objectivos. - Público-alvo. -Estrutura. - Navegação

Site De. Vendas EFETIVO. 4 Dicas. Novo. Rumo Digital

4. SISTEMA PORTAL SUPORTE IMPORTANTE

Design para internet. Resolução. - No Design Gráfico quanto maior o DPI melhor. - Na web não é bem assim.

g r u p O p o n t o i n i c i a l d a c o m u n i c a ç ã o.

Programação e Designer para WEB

U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN

Problemas em vender? Veja algumas dicas rápidas e práticas para aumentar suas vendas usando marketing

Apostila de. WordPress. Gustavo Teixeira da Cunha Coelho Henrique Gemignani Passos Lima. 11 de maio de Primeira Edição RC1

O que torna a Web interessante?? Web Design: Visão Geral e Diretrizes. O que torna a Web interessante?? Qual o desafio?? Usuários detestam...

Resenha. Ergodesign e arquitetura da informação: trabalhando com o usuário (Luiz Agner, Rio de Janeiro, Quartet Editora, 2006, 173 p.

Fundamentos de design

Transcrição:

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

Quem? Professor @ UNIFRA Analista 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 olham 1 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

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