SlideShare uma empresa Scribd logo
Avaliação de Usabilidade de uma
Interface Gráfica Digital
Professor: Samuel
Aluno: PEDRO, Adriano
Florianópolis
2014
FACULDADES BARDDAL – UNIESP
CURSO DE DESENHO INDUSTRIAL
PROJETO DE PRODUTO
https://medium.com/@prisciiiiiiiila/o-
problema-nao-e-o-brasil-e-voce-
bc45e0d653e3
Analise de usabilidade do facebook
Analise de usabilidade do facebook
A trabalho de Avaliação de Usabilidade de
uma Interface Gráfica Digital, foi realizado por
meio de pesquisa a usuários da rede social,
além de pesquisas de artigos relacionados.
O trabalho buscou analisar os requisitos de
usabilidade do facebook.
Analise de usabilidade do facebook
A pesquisa com os usuários foi realizada
utilizando o chat da própria rede social e foi
entrevistada 5 (cinco) pessoas.
As quais foram perguntadas sobre...
Analise de usabilidade do facebook
... Estrutura, distribuição e organização do conteúdo;
Texto: disposição dos textos, tipografia (fonte), tamanho
de fonte, legibilidade; Cores: uso das cores, cores neutras,
cores fria, cores quentes; Clareza nas funções: facilidade
de executar as funções desejáveis, Clareza dos ícones,
Limpeza/poluição estética da interface; Resposta
(feedback): rapidez das respostas pelo sistema; Prevenção
de erros.
Avaliando a pagina inicial da rede social de 0 a 5
Analise de usabilidade do facebook
A maior rede social da atualidade.
Mais de 1 bilhão de usuários.
Forte apelo emocional, “compartilhe”.
874 milhões de pessoas por mês acessando-o por celular, e 507 milhões
por dia, em média.
No Brasil chega a 76 milhões de usuários e mais da metade acessa pelo
celular.
A Índia tem 82 milhões de usuário, mas apenas 34 milhões se conectam
diariamente.
Analise de usabilidade do facebook
A rede segue a
convenção web
A ordem dos
elementos da
esquerda para a
direita, e de cima
pra baixo.
Analise de usabilidade do facebook
A rede segue a
convenção web
O nome ou logo
da empresa deve
ser sempre o
primeiro elemento.
Analise de usabilidade do facebook
A rede segue a
convenção web
O posicionamento
de busca e
contatos principais
no topo.
Analise de usabilidade do facebook
A rede segue a
convenção web
Destaca botões e
links, e evita uso
de ícones
complexos
Analise de usabilidade do facebook
A rede segue a
convenção web
Usa fonte de 12px
Porem não dispõem
de ajuste de tamanho
da fonte.
Único modo é o Zoom
Ctrl+ (+) ou
Ctrl + (-)
Analise de usabilidade do facebook
A rede segue a
convenção web
Usa espaços em
branco inteligentes
,...
Analise de usabilidade do facebook
A rede segue a
convenção web
Usa espaços em
branco inteligentes ,
define seções e
títulos claramente, ...
Analise de usabilidade do facebook
A rede segue a
convenção web
Usa espaços em
branco inteligentes ,
define seções e títulos
claramente, frases
curtas e ...
No que você está pensando agora?
Analise de usabilidade do facebook
A rede segue a
convenção web
Usa espaços em
branco inteligentes ,
define seções e títulos
claramente, frases
curtas e imagens
grandes.
Analise de usabilidade do facebook
Resultado da Pesquisa
Estrutura, distribuição e organização do conteúdo.
Texto: disposição dos textos, tipografia (fonte), tamanho de
fonte, legibilidade.
Cores: uso das cores, cores neutras, cores fria, cores quentes.
Clareza nas funções: facilidade de executar as funções
desejáveis.
Clareza dos ícones, Limpeza/poluição estética da interface.
Resposta (feedback): rapidez das respostas pelo sistema.
Prevenção de erros.
3
3
5
4
3
3
3
0 1 2 3 4 5
Analise de usabilidade do facebook
CONCLUSÃO
• Possui uma boa Estrutura, distribuição e organização do
conteúdo.
• Os Textos estão bem dispostos, a fonte tem tamanho adequado
e boa legibilidade.
• As Cores são suaves evitando o cansaço e aumentando o
tempo de permanência do usuário no site.
• Suas funções são facilmente executadas.
• Os ícones são intuitivos e simples.
• Com poucas falhas é um site eficaz e eficiente para seus
usuários.
3
3
5
4
3
3
3
0 1 2 3 4 5
Analise de usabilidade do facebook
Analise de usabilidade do facebook

Mais conteúdo relacionado

Semelhante a Ergonomia

Design Customizado
Design CustomizadoDesign Customizado
Design Customizado
bernardolm
 
Mineração de dados com Facepager
Mineração de dados com FacepagerMineração de dados com Facepager
Mineração de dados com Facepager
Marcelo Alves
 
Ihc
IhcIhc
Registro e usos dos traços informacionais em sites de redes sociais
Registro e usos dos traços informacionais em sites de redes sociaisRegistro e usos dos traços informacionais em sites de redes sociais
Registro e usos dos traços informacionais em sites de redes sociais
Tarcízio Silva
 
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
Ingrid Castro
 
Grupo6 Cmm Legibilidade
Grupo6 Cmm LegibilidadeGrupo6 Cmm Legibilidade
Grupo6 Cmm Legibilidade
João Graça
 
Workshop ARS com Gephi GEPFAPe UnB
Workshop ARS com Gephi GEPFAPe UnBWorkshop ARS com Gephi GEPFAPe UnB
Workshop ARS com Gephi GEPFAPe UnB
Luis Felipe
 
Projeto 3 em 1: Blogs e Publicidade
Projeto 3 em 1: Blogs e PublicidadeProjeto 3 em 1: Blogs e Publicidade
Projeto 3 em 1: Blogs e Publicidade
Mauro Pinheiro
 
Facebook - Usability Testing
Facebook - Usability TestingFacebook - Usability Testing
Facebook - Usability Testing
Sheila M.
 
Facebook Timeline para Marcas - Estratégias e Possibilidades
Facebook Timeline para Marcas - Estratégias e PossibilidadesFacebook Timeline para Marcas - Estratégias e Possibilidades
Facebook Timeline para Marcas - Estratégias e Possibilidades
PaperCliQ Comunicação
 
Arquitetura da informação para blogs
Arquitetura da informação para blogsArquitetura da informação para blogs
Arquitetura da informação para blogs
Laura Inafuko
 
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
Alessandro Lima
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
Marcello Cardoso
 
Proposta Grupo DASA
Proposta Grupo DASAProposta Grupo DASA
Aula1 apresentaçao
Aula1 apresentaçaoAula1 apresentaçao
Aula1 apresentaçao
Adriana Amaral
 
Web Standards
Web StandardsWeb Standards
Web Standards
Pedro Tavares
 
Estrategia de AI - Criando o Relatorio de Estratégia
Estrategia de AI  - Criando o Relatorio de EstratégiaEstrategia de AI  - Criando o Relatorio de Estratégia
Estrategia de AI - Criando o Relatorio de Estratégia
Luiz Agner
 
Plataformas de redes sociais: Extração e Análise de Dados
Plataformas de redes sociais: Extração e Análise de Dados Plataformas de redes sociais: Extração e Análise de Dados
Plataformas de redes sociais: Extração e Análise de Dados
Janna Joceli Omena
 
27 05-10-final se liga3
27 05-10-final se liga327 05-10-final se liga3
27 05-10-final se liga3
Emerson Morgado Brito
 
Apresentação meu CV Fevereiro 2023
Apresentação meu CV Fevereiro 2023Apresentação meu CV Fevereiro 2023
Apresentação meu CV Fevereiro 2023
Helena M. C. Pereira
 

Semelhante a Ergonomia (20)

Design Customizado
Design CustomizadoDesign Customizado
Design Customizado
 
Mineração de dados com Facepager
Mineração de dados com FacepagerMineração de dados com Facepager
Mineração de dados com Facepager
 
Ihc
IhcIhc
Ihc
 
Registro e usos dos traços informacionais em sites de redes sociais
Registro e usos dos traços informacionais em sites de redes sociaisRegistro e usos dos traços informacionais em sites de redes sociais
Registro e usos dos traços informacionais em sites de redes sociais
 
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
DESIGN DE INTERAÇÃO SOCIAL: UM ESTUDO DE DESIGN DE INTERAÇÃO APLICADO A REDE ...
 
Grupo6 Cmm Legibilidade
Grupo6 Cmm LegibilidadeGrupo6 Cmm Legibilidade
Grupo6 Cmm Legibilidade
 
Workshop ARS com Gephi GEPFAPe UnB
Workshop ARS com Gephi GEPFAPe UnBWorkshop ARS com Gephi GEPFAPe UnB
Workshop ARS com Gephi GEPFAPe UnB
 
Projeto 3 em 1: Blogs e Publicidade
Projeto 3 em 1: Blogs e PublicidadeProjeto 3 em 1: Blogs e Publicidade
Projeto 3 em 1: Blogs e Publicidade
 
Facebook - Usability Testing
Facebook - Usability TestingFacebook - Usability Testing
Facebook - Usability Testing
 
Facebook Timeline para Marcas - Estratégias e Possibilidades
Facebook Timeline para Marcas - Estratégias e PossibilidadesFacebook Timeline para Marcas - Estratégias e Possibilidades
Facebook Timeline para Marcas - Estratégias e Possibilidades
 
Arquitetura da informação para blogs
Arquitetura da informação para blogsArquitetura da informação para blogs
Arquitetura da informação para blogs
 
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
Métodos de Design: Uma abordagem para estudos de viabilidade em projetos de s...
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Proposta Grupo DASA
Proposta Grupo DASAProposta Grupo DASA
Proposta Grupo DASA
 
Aula1 apresentaçao
Aula1 apresentaçaoAula1 apresentaçao
Aula1 apresentaçao
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Estrategia de AI - Criando o Relatorio de Estratégia
Estrategia de AI  - Criando o Relatorio de EstratégiaEstrategia de AI  - Criando o Relatorio de Estratégia
Estrategia de AI - Criando o Relatorio de Estratégia
 
Plataformas de redes sociais: Extração e Análise de Dados
Plataformas de redes sociais: Extração e Análise de Dados Plataformas de redes sociais: Extração e Análise de Dados
Plataformas de redes sociais: Extração e Análise de Dados
 
27 05-10-final se liga3
27 05-10-final se liga327 05-10-final se liga3
27 05-10-final se liga3
 
Apresentação meu CV Fevereiro 2023
Apresentação meu CV Fevereiro 2023Apresentação meu CV Fevereiro 2023
Apresentação meu CV Fevereiro 2023
 

Ergonomia

  • 1. Avaliação de Usabilidade de uma Interface Gráfica Digital Professor: Samuel Aluno: PEDRO, Adriano Florianópolis 2014 FACULDADES BARDDAL – UNIESP CURSO DE DESENHO INDUSTRIAL PROJETO DE PRODUTO
  • 3. Analise de usabilidade do facebook A trabalho de Avaliação de Usabilidade de uma Interface Gráfica Digital, foi realizado por meio de pesquisa a usuários da rede social, além de pesquisas de artigos relacionados. O trabalho buscou analisar os requisitos de usabilidade do facebook.
  • 4. Analise de usabilidade do facebook A pesquisa com os usuários foi realizada utilizando o chat da própria rede social e foi entrevistada 5 (cinco) pessoas. As quais foram perguntadas sobre...
  • 5. Analise de usabilidade do facebook ... Estrutura, distribuição e organização do conteúdo; Texto: disposição dos textos, tipografia (fonte), tamanho de fonte, legibilidade; Cores: uso das cores, cores neutras, cores fria, cores quentes; Clareza nas funções: facilidade de executar as funções desejáveis, Clareza dos ícones, Limpeza/poluição estética da interface; Resposta (feedback): rapidez das respostas pelo sistema; Prevenção de erros. Avaliando a pagina inicial da rede social de 0 a 5
  • 6. Analise de usabilidade do facebook A maior rede social da atualidade. Mais de 1 bilhão de usuários. Forte apelo emocional, “compartilhe”. 874 milhões de pessoas por mês acessando-o por celular, e 507 milhões por dia, em média. No Brasil chega a 76 milhões de usuários e mais da metade acessa pelo celular. A Índia tem 82 milhões de usuário, mas apenas 34 milhões se conectam diariamente.
  • 7. Analise de usabilidade do facebook A rede segue a convenção web A ordem dos elementos da esquerda para a direita, e de cima pra baixo.
  • 8. Analise de usabilidade do facebook A rede segue a convenção web O nome ou logo da empresa deve ser sempre o primeiro elemento.
  • 9. Analise de usabilidade do facebook A rede segue a convenção web O posicionamento de busca e contatos principais no topo.
  • 10. Analise de usabilidade do facebook A rede segue a convenção web Destaca botões e links, e evita uso de ícones complexos
  • 11. Analise de usabilidade do facebook A rede segue a convenção web Usa fonte de 12px Porem não dispõem de ajuste de tamanho da fonte. Único modo é o Zoom Ctrl+ (+) ou Ctrl + (-)
  • 12. Analise de usabilidade do facebook A rede segue a convenção web Usa espaços em branco inteligentes ,...
  • 13. Analise de usabilidade do facebook A rede segue a convenção web Usa espaços em branco inteligentes , define seções e títulos claramente, ...
  • 14. Analise de usabilidade do facebook A rede segue a convenção web Usa espaços em branco inteligentes , define seções e títulos claramente, frases curtas e ... No que você está pensando agora?
  • 15. Analise de usabilidade do facebook A rede segue a convenção web Usa espaços em branco inteligentes , define seções e títulos claramente, frases curtas e imagens grandes.
  • 16. Analise de usabilidade do facebook Resultado da Pesquisa Estrutura, distribuição e organização do conteúdo. Texto: disposição dos textos, tipografia (fonte), tamanho de fonte, legibilidade. Cores: uso das cores, cores neutras, cores fria, cores quentes. Clareza nas funções: facilidade de executar as funções desejáveis. Clareza dos ícones, Limpeza/poluição estética da interface. Resposta (feedback): rapidez das respostas pelo sistema. Prevenção de erros. 3 3 5 4 3 3 3 0 1 2 3 4 5
  • 17. Analise de usabilidade do facebook CONCLUSÃO • Possui uma boa Estrutura, distribuição e organização do conteúdo. • Os Textos estão bem dispostos, a fonte tem tamanho adequado e boa legibilidade. • As Cores são suaves evitando o cansaço e aumentando o tempo de permanência do usuário no site. • Suas funções são facilmente executadas. • Os ícones são intuitivos e simples. • Com poucas falhas é um site eficaz e eficiente para seus usuários. 3 3 5 4 3 3 3 0 1 2 3 4 5
  • 18. Analise de usabilidade do facebook
  • 19. Analise de usabilidade do facebook