SlideShare uma empresa Scribd logo
1 de 47
Jakob Nielsen Hoa Loranger Usabilidade na Web Projetando Websites com qualidade Denis Dib Mauricio Minella Ricardo Gasparetto
[object Object],[object Object],[object Object],[object Object]
“ É difícil ler texto muito pequeno”
“ Seria melhor se todas as palavras fossem maiores e não azuis”
Corpo do Texto: A regra dos dez pontos ,[object Object],[object Object],[object Object],Público-alvo Tamanho em pontos Público em geral 10 - 12 Idosos e pessoas com dificuldades visuais 12 - 14 Crianças e outros leitores iniciantes 12 - 14 Adolescentes e adultos 10 – 12
Corpo do Texto: A regra dos dez pontos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Corpo do Texto: A regra dos dez pontos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Corpo do Texto: A regra dos dez pontos ,[object Object],[object Object],[object Object],[object Object],[object Object]
Corpo do Texto: A regra dos dez pontos ,[object Object],1024 x 768 800 x 600 1280 x 800 Fonte: Google Analitcs
Especificações Relativas ,[object Object],[object Object],[object Object]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
[object Object],[object Object],[object Object],[object Object],[object Object],Imagens de Texto
[object Object],[object Object],[object Object],[object Object],[object Object],Imagens de Texto
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Texto em Movimento

Mais conteúdo relacionado

Destaque

Navegação e arquitetura de informação
Navegação e arquitetura de informaçãoNavegação e arquitetura de informação
Navegação e arquitetura de informaçãoWellington Oliveira
 
2ª edição - Perfil do Profissional de UX no Brasil
2ª edição - Perfil do Profissional de UX no Brasil2ª edição - Perfil do Profissional de UX no Brasil
2ª edição - Perfil do Profissional de UX no BrasilUXPA São Paulo
 
Arquitetura da Informação e Usabilidade
Arquitetura da Informação e UsabilidadeArquitetura da Informação e Usabilidade
Arquitetura da Informação e Usabilidadesaspi2
 
Release - como divulgar sua informação
Release - como divulgar sua informaçãoRelease - como divulgar sua informação
Release - como divulgar sua informaçãoPR Newswire
 
Interação Humano Computador Capítulo 11 - Análise de Atividades
Interação Humano Computador Capítulo 11 - Análise de AtividadesInteração Humano Computador Capítulo 11 - Análise de Atividades
Interação Humano Computador Capítulo 11 - Análise de AtividadesWellington Oliveira
 
Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Marcelo Prudente
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEBFábio Flatschart
 
Arquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumArquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumLuiz Agner
 
Usabilidade e Arquitetura de Informação de Websites de Governos Municipais
Usabilidade e Arquitetura de Informação de Websites de Governos MunicipaisUsabilidade e Arquitetura de Informação de Websites de Governos Municipais
Usabilidade e Arquitetura de Informação de Websites de Governos MunicipaisMarcelo Ramos
 
Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMLuiz Agner
 
5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidade5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidadeLuiz Agner
 
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Dhiego Bicudo
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegaçãopospipoca
 
Avaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionAvaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionLuiz Agner
 
Slides Usabilidade
Slides UsabilidadeSlides Usabilidade
Slides UsabilidadeBarbara_z
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 
Ambientes Colaborativos de Aprendizagem
Ambientes Colaborativos de AprendizagemAmbientes Colaborativos de Aprendizagem
Ambientes Colaborativos de Aprendizagemregislima
 

Destaque (20)

Navegação e arquitetura de informação
Navegação e arquitetura de informaçãoNavegação e arquitetura de informação
Navegação e arquitetura de informação
 
2ª edição - Perfil do Profissional de UX no Brasil
2ª edição - Perfil do Profissional de UX no Brasil2ª edição - Perfil do Profissional de UX no Brasil
2ª edição - Perfil do Profissional de UX no Brasil
 
Arquitetura da Informação e Usabilidade
Arquitetura da Informação e UsabilidadeArquitetura da Informação e Usabilidade
Arquitetura da Informação e Usabilidade
 
Release - como divulgar sua informação
Release - como divulgar sua informaçãoRelease - como divulgar sua informação
Release - como divulgar sua informação
 
Interação Humano Computador Capítulo 11 - Análise de Atividades
Interação Humano Computador Capítulo 11 - Análise de AtividadesInteração Humano Computador Capítulo 11 - Análise de Atividades
Interação Humano Computador Capítulo 11 - Análise de Atividades
 
Jornal Coletivo 8
Jornal Coletivo 8Jornal Coletivo 8
Jornal Coletivo 8
 
Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEB
 
Arquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumArquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto Imaginarium
 
Usabilidade e Arquitetura de Informação de Websites de Governos Municipais
Usabilidade e Arquitetura de Informação de Websites de Governos MunicipaisUsabilidade e Arquitetura de Informação de Websites de Governos Municipais
Usabilidade e Arquitetura de Informação de Websites de Governos Municipais
 
Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIM
 
5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidade5. Análise de dados em testes de usabilidade
5. Análise de dados em testes de usabilidade
 
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegação
 
Usabilidade na web
Usabilidade na webUsabilidade na web
Usabilidade na web
 
Avaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionAvaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi Selection
 
Norma ISO 9241
Norma ISO 9241Norma ISO 9241
Norma ISO 9241
 
Slides Usabilidade
Slides UsabilidadeSlides Usabilidade
Slides Usabilidade
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
Ambientes Colaborativos de Aprendizagem
Ambientes Colaborativos de AprendizagemAmbientes Colaborativos de Aprendizagem
Ambientes Colaborativos de Aprendizagem
 

Mais de Luiz Agner

Recommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceRecommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceLuiz Agner
 
Pós Branded Content (1c)
Pós Branded Content (1c)Pós Branded Content (1c)
Pós Branded Content (1c)Luiz Agner
 
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioWIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioLuiz Agner
 
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGWIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGLuiz Agner
 
Marketing digital como instrumento de controle
Marketing digital como instrumento de controleMarketing digital como instrumento de controle
Marketing digital como instrumento de controleLuiz Agner
 
Arquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasArquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasLuiz Agner
 
Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Luiz Agner
 
Marco Civil da Internet no Brasil
Marco Civil da Internet no BrasilMarco Civil da Internet no Brasil
Marco Civil da Internet no BrasilLuiz Agner
 
Vigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalVigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalLuiz Agner
 
Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettLuiz Agner
 
Bridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeBridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeLuiz Agner
 
Marketing - Revisão de Conceitos
Marketing - Revisão de ConceitosMarketing - Revisão de Conceitos
Marketing - Revisão de ConceitosLuiz Agner
 
Cultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsCultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsLuiz Agner
 
Bridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoBridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoLuiz Agner
 
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva  - Semana Acadêmica FACHAArquitetura da Informação Pervasiva  - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHALuiz Agner
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJLuiz Agner
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJLuiz Agner
 
Arquitetura de Informação - Boa Diversão
Arquitetura de Informação - Boa DiversãoArquitetura de Informação - Boa Diversão
Arquitetura de Informação - Boa DiversãoLuiz Agner
 
Arquitetura de Informação - Casa Cruz
Arquitetura de Informação - Casa CruzArquitetura de Informação - Casa Cruz
Arquitetura de Informação - Casa CruzLuiz Agner
 
Arquitetura de Informação - Spicy
Arquitetura de Informação - SpicyArquitetura de Informação - Spicy
Arquitetura de Informação - SpicyLuiz Agner
 

Mais de Luiz Agner (20)

Recommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceRecommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User Experience
 
Pós Branded Content (1c)
Pós Branded Content (1c)Pós Branded Content (1c)
Pós Branded Content (1c)
 
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioWIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
 
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGWIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
 
Marketing digital como instrumento de controle
Marketing digital como instrumento de controleMarketing digital como instrumento de controle
Marketing digital como instrumento de controle
 
Arquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasArquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemas
 
Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)
 
Marco Civil da Internet no Brasil
Marco Civil da Internet no BrasilMarco Civil da Internet no Brasil
Marco Civil da Internet no Brasil
 
Vigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalVigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura Digital
 
Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de Garrett
 
Bridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeBridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipe
 
Marketing - Revisão de Conceitos
Marketing - Revisão de ConceitosMarketing - Revisão de Conceitos
Marketing - Revisão de Conceitos
 
Cultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsCultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. Castells
 
Bridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoBridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de Informação
 
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva  - Semana Acadêmica FACHAArquitetura da Informação Pervasiva  - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 
Arquitetura de Informação - Boa Diversão
Arquitetura de Informação - Boa DiversãoArquitetura de Informação - Boa Diversão
Arquitetura de Informação - Boa Diversão
 
Arquitetura de Informação - Casa Cruz
Arquitetura de Informação - Casa CruzArquitetura de Informação - Casa Cruz
Arquitetura de Informação - Casa Cruz
 
Arquitetura de Informação - Spicy
Arquitetura de Informação - SpicyArquitetura de Informação - Spicy
Arquitetura de Informação - Spicy
 

Capitulo 7 Livro Nielsen