SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Páginas Web Ergonomia da interface de comunicaçãode 21 Entidades de Ensino Superior, em Brasília
A existência ou inexistência do campo “PESQUISAR” na primeira página WEB de 21 Entidades de Ensino Superior em Brasília. A possibilidade de alterar o tamanho da “FONTE” A quantidade de fontes com cores diferentes Objetos da pesquisa/Tema:
Antecedentes A ergonomia das interfaces de comunicação das páginas Web de 21 Entidades de Ensino Superior, em Brasília, de forma geral. A construção do lay-out da página inicial, em relação às prioridades comunicacionais da Entidade de Ensino. A mancha gráfica, as áreas ocupadas, o uso das cores, dos elementos gráficos, de ícones e de fotografias. As tipologias usadas, bem como o tamanho das fontes originais, sua legibilidade e possibilidade de aumento, com relação à importância do assunto e facilidade de leitura para pessoas com deficiência visual.
Como resolver a eficácia da informação, junto à apresentação estética do conteúdo e a facilidade orgânica de interação (navegação), os conteúdos apresentados, os objetivos de comunicação da Entidade de Ensino, com o provimento dos meios (links, caixas com pré-escolhas - dropdownlists) para que o usuário acesse o que quer, mas não está visível, sem ofender a usabilidade ou a estética da página? Um problema difícil
Usabilidade A quantidade de informações apresentadas na página inicial de um site de Entidades de Ensino Superior é muito vasta. É necessária a realização de pesquisas junto aos usuários para conhecer suas necessidades, hábitos de navegação e demandas ao navegar no site da instituição, no intuito de prover uma experiência amigável de navegação, rápida e, desejavelmente, sem nenhum aprendizado específico. O espaço destinado aos resultados da pesquisa deve prover informações pertinentes à demanda do usuário. A usabilidade de um site reside na qualidade das informações oferecidas e na sua facilidade de uso, com o mínimo de esforços e o máximo de resultados.
O site não deve esperar que o usuário descubra sozinho o “caminho das pedras” para a informação que deseja. Sinalizar de forma inequívoca a direção e os procedimentos a serem seguidos para que o usuário obtenha a informação desejada é altamente recomendável. A página inicial deve responder às questões do usuário antes que ele começe a clicar pelo site, à procura de respostas às suas questões. O usuário precisa ser produtivo e o centro das atenções do site. A página inicial deve ser criada para que o usuário acesse, em poucos e simples passos, a informação desejada.
Formulada em 1954, a Lei de Fitts1 é um modelo de comportamento psicomotor baseado em tempo e distância, aplicável ao movimento humano desde que rápido, dirigido e unidimensional. A Lei de Fitts estabelece que o tempo necessário para efetuar um movimento é afetado pela distância e a precisão que o alvo requer para ser acertado. O tempo para alcançar um objetivo com o mouse é função da distância e tamanho do objetivo. Quanto menor a distância, e maior o tamanho, mais amigável é o mecanismo de interação. Pode-se mover o mouse rapidamente até o alvo que a probabilidade de acerto é elevada (Fonte: Instituto Brasileiro de Amigabilidade e Usabilidade - http://www.ibrau.com.br/artigoleidefitts.htm). 1 Paul M. Fitts (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, volumen 47, nº 6, junio de 1954, pp. 381–391. (Reimpreso en Journal of Experimental Psychology: General, 121(3):262-269, 1992) - http://pt.wikipedia.org/wiki/Lei_de_Fitts#Refer.C3.AAncias
A partir de acesso ao site www.google.com foi feita uma pesquisa com os termos “instituição ensino superior Brasília”. Dos resultados obtidos foram escolhidas 21 Entidades de Ensino Superior de Brasília (1 entidade de ensino à distância, por seu renome). Foram realizados “PDF’s” de cada uma das primeiras páginas das instituições e, a partir da análise de cada uma delas, foram tabulados os dados obtidos em uma planilha. Procedimentos metodológicos
Centro Universitário UNIEURO http://www.unieuro.edu.br/principal.asp Há motor de  PESQUISA? Não Há pesquisa dirigida? Sim = 3 Há fontes coloridas? Sim = 12 Pode alterar o tamanho da fonte? Não Objetos  se movem (letras, fotos, Flash, Gif, Java)? Sim = 12
Colégio e Faculdade CECAP http://www.cecap.com.br/ Há motor de  PESQUISA? Não Há pesquisa dirigida? Não Há fontes coloridas? Sim = 7 Pode alterar o tamanho da fonte? Não Objetos  se movem (letras, fotos, Flash, Gif, Java)? Sim = 4
Conclusões Praticamente 50% dos sites pesquisados possui o campo “PESQUISAR” (12 sim, 9 não). Praticamente 50% dos sites pesquisados tem outras possibilidades de pesquisa, geralmente dirigida. Só é possível pesquisar dentro das opções apresentadas. Somente 2 entre 21 sites (9,52%) permitem que a fonte dos textos tenha seu tamanho alterado. Metade dos sites utiliza tipologia heterogênea (famílias, tamanhos e cores diferentes para assuntos de mesma hierarquia), apresentando lay-outs confusos e de leitura desagradável. 23,81% dos sites chegam a apresentar 10 cores em sua tipologia, consideradas cores de fundo com tipos vazados. 14,29% das páginas pesquisadas usam até 8 cores, segundo os mesmos critérios acima. Apenas 3 sites se utilizam de 3 cores em sua tipologia e apenas um somente uma cor ou variante dela.
[object Object]
Nas páginas acessadas foi observado o resultado entre o que a instituição quer informar (assuntos demais, priorização inadequada, muitos elementos e um festival de fontes coloridas) e o lay-out que resulta dessa inadequação.

Weitere ähnliche Inhalte

Ähnlich wie Ergonomia de Interfaces de Comunicação de páginas Web - 21 Instituições de Ensino Superior de Brasília, DF.

artigo_02_v-1_n-1_ano-1
artigo_02_v-1_n-1_ano-1artigo_02_v-1_n-1_ano-1
artigo_02_v-1_n-1_ano-1
Adriano Renzi
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
Tina Paz
 
Apresentacao projecto de dissertação
Apresentacao projecto de dissertaçãoApresentacao projecto de dissertação
Apresentacao projecto de dissertação
catiaresende
 
Apresentação Arquitetura da Informaçao (Parte Lucirene)
Apresentação Arquitetura da Informaçao (Parte Lucirene)Apresentação Arquitetura da Informaçao (Parte Lucirene)
Apresentação Arquitetura da Informaçao (Parte Lucirene)
Daiane
 
Arquitetura da Informação (LUCIRENE)
Arquitetura da Informação (LUCIRENE)Arquitetura da Informação (LUCIRENE)
Arquitetura da Informação (LUCIRENE)
Lucirene Lanzi
 
Skoob parte 2
Skoob   parte 2Skoob   parte 2
Skoob parte 2
aiadufmg
 
Skoob - parte 2
Skoob - parte 2Skoob - parte 2
Skoob - parte 2
aiadufmg
 
Como pesquisar na Internet
Como pesquisar na InternetComo pesquisar na Internet
Como pesquisar na Internet
nuno.jose.duarte
 
SEARCH ENGINE OPTIMIZATION (SEO) PARA BIBLIOTECAS VIRTUAIS: ESTUDO DE CASO DA...
SEARCH ENGINE OPTIMIZATION (SEO) PARA BIBLIOTECAS VIRTUAIS: ESTUDO DE CASO DA...SEARCH ENGINE OPTIMIZATION (SEO) PARA BIBLIOTECAS VIRTUAIS: ESTUDO DE CASO DA...
SEARCH ENGINE OPTIMIZATION (SEO) PARA BIBLIOTECAS VIRTUAIS: ESTUDO DE CASO DA...
Fabiana Andrade Pereira
 

Ähnlich wie Ergonomia de Interfaces de Comunicação de páginas Web - 21 Instituições de Ensino Superior de Brasília, DF. (20)

artigo_02_v-1_n-1_ano-1
artigo_02_v-1_n-1_ano-1artigo_02_v-1_n-1_ano-1
artigo_02_v-1_n-1_ano-1
 
O bibliotecário sumiu!
O bibliotecário sumiu!O bibliotecário sumiu!
O bibliotecário sumiu!
 
Defesa de Tese - Luiz Agner (PUC-Rio, 2007)
Defesa de Tese - Luiz Agner (PUC-Rio, 2007)Defesa de Tese - Luiz Agner (PUC-Rio, 2007)
Defesa de Tese - Luiz Agner (PUC-Rio, 2007)
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Apresentacao projecto de dissertação
Apresentacao projecto de dissertaçãoApresentacao projecto de dissertação
Apresentacao projecto de dissertação
 
Apresentação Arquitetura da Informaçao (Parte Lucirene)
Apresentação Arquitetura da Informaçao (Parte Lucirene)Apresentação Arquitetura da Informaçao (Parte Lucirene)
Apresentação Arquitetura da Informaçao (Parte Lucirene)
 
Arquitetura da Informação (LUCIRENE)
Arquitetura da Informação (LUCIRENE)Arquitetura da Informação (LUCIRENE)
Arquitetura da Informação (LUCIRENE)
 
Skoob parte 2
Skoob   parte 2Skoob   parte 2
Skoob parte 2
 
Resenha Crítica
Resenha CríticaResenha Crítica
Resenha Crítica
 
Wie 2003 Valeria
Wie 2003   ValeriaWie 2003   Valeria
Wie 2003 Valeria
 
Solutionrank
SolutionrankSolutionrank
Solutionrank
 
Skoob - parte 2
Skoob - parte 2Skoob - parte 2
Skoob - parte 2
 
MARKETING2
MARKETING2MARKETING2
MARKETING2
 
Métodos de pesquisa para Sites de Redes Sociais/ Internet.
Métodos de pesquisa para Sites de Redes Sociais/ Internet.Métodos de pesquisa para Sites de Redes Sociais/ Internet.
Métodos de pesquisa para Sites de Redes Sociais/ Internet.
 
Pesquisa Internet Seleccionar/Avaliar informação
Pesquisa Internet Seleccionar/Avaliar informaçãoPesquisa Internet Seleccionar/Avaliar informação
Pesquisa Internet Seleccionar/Avaliar informação
 
Internet e Pesquisa Escolar
Internet e Pesquisa EscolarInternet e Pesquisa Escolar
Internet e Pesquisa Escolar
 
Workshop ARS com Gephi GEPFAPe UnB
Workshop ARS com Gephi GEPFAPe UnBWorkshop ARS com Gephi GEPFAPe UnB
Workshop ARS com Gephi GEPFAPe UnB
 
Como pesquisar na Internet
Como pesquisar na InternetComo pesquisar na Internet
Como pesquisar na Internet
 
SEARCH ENGINE OPTIMIZATION (SEO) PARA BIBLIOTECAS VIRTUAIS: ESTUDO DE CASO DA...
SEARCH ENGINE OPTIMIZATION (SEO) PARA BIBLIOTECAS VIRTUAIS: ESTUDO DE CASO DA...SEARCH ENGINE OPTIMIZATION (SEO) PARA BIBLIOTECAS VIRTUAIS: ESTUDO DE CASO DA...
SEARCH ENGINE OPTIMIZATION (SEO) PARA BIBLIOTECAS VIRTUAIS: ESTUDO DE CASO DA...
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 

Kürzlich hochgeladen

Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
TailsonSantos1
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
CleidianeCarvalhoPer
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
tatianehilda
 

Kürzlich hochgeladen (20)

Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
Aula de jornada de trabalho - reforma.ppt
Aula de jornada de trabalho - reforma.pptAula de jornada de trabalho - reforma.ppt
Aula de jornada de trabalho - reforma.ppt
 
Produção de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptxProdução de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptx
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
Projeto de Extensão - DESENVOLVIMENTO BACK-END.pdf
Projeto de Extensão - DESENVOLVIMENTO BACK-END.pdfProjeto de Extensão - DESENVOLVIMENTO BACK-END.pdf
Projeto de Extensão - DESENVOLVIMENTO BACK-END.pdf
 
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptxPlano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
 

Ergonomia de Interfaces de Comunicação de páginas Web - 21 Instituições de Ensino Superior de Brasília, DF.

  • 1. Páginas Web Ergonomia da interface de comunicaçãode 21 Entidades de Ensino Superior, em Brasília
  • 2. A existência ou inexistência do campo “PESQUISAR” na primeira página WEB de 21 Entidades de Ensino Superior em Brasília. A possibilidade de alterar o tamanho da “FONTE” A quantidade de fontes com cores diferentes Objetos da pesquisa/Tema:
  • 3. Antecedentes A ergonomia das interfaces de comunicação das páginas Web de 21 Entidades de Ensino Superior, em Brasília, de forma geral. A construção do lay-out da página inicial, em relação às prioridades comunicacionais da Entidade de Ensino. A mancha gráfica, as áreas ocupadas, o uso das cores, dos elementos gráficos, de ícones e de fotografias. As tipologias usadas, bem como o tamanho das fontes originais, sua legibilidade e possibilidade de aumento, com relação à importância do assunto e facilidade de leitura para pessoas com deficiência visual.
  • 4. Como resolver a eficácia da informação, junto à apresentação estética do conteúdo e a facilidade orgânica de interação (navegação), os conteúdos apresentados, os objetivos de comunicação da Entidade de Ensino, com o provimento dos meios (links, caixas com pré-escolhas - dropdownlists) para que o usuário acesse o que quer, mas não está visível, sem ofender a usabilidade ou a estética da página? Um problema difícil
  • 5. Usabilidade A quantidade de informações apresentadas na página inicial de um site de Entidades de Ensino Superior é muito vasta. É necessária a realização de pesquisas junto aos usuários para conhecer suas necessidades, hábitos de navegação e demandas ao navegar no site da instituição, no intuito de prover uma experiência amigável de navegação, rápida e, desejavelmente, sem nenhum aprendizado específico. O espaço destinado aos resultados da pesquisa deve prover informações pertinentes à demanda do usuário. A usabilidade de um site reside na qualidade das informações oferecidas e na sua facilidade de uso, com o mínimo de esforços e o máximo de resultados.
  • 6. O site não deve esperar que o usuário descubra sozinho o “caminho das pedras” para a informação que deseja. Sinalizar de forma inequívoca a direção e os procedimentos a serem seguidos para que o usuário obtenha a informação desejada é altamente recomendável. A página inicial deve responder às questões do usuário antes que ele começe a clicar pelo site, à procura de respostas às suas questões. O usuário precisa ser produtivo e o centro das atenções do site. A página inicial deve ser criada para que o usuário acesse, em poucos e simples passos, a informação desejada.
  • 7. Formulada em 1954, a Lei de Fitts1 é um modelo de comportamento psicomotor baseado em tempo e distância, aplicável ao movimento humano desde que rápido, dirigido e unidimensional. A Lei de Fitts estabelece que o tempo necessário para efetuar um movimento é afetado pela distância e a precisão que o alvo requer para ser acertado. O tempo para alcançar um objetivo com o mouse é função da distância e tamanho do objetivo. Quanto menor a distância, e maior o tamanho, mais amigável é o mecanismo de interação. Pode-se mover o mouse rapidamente até o alvo que a probabilidade de acerto é elevada (Fonte: Instituto Brasileiro de Amigabilidade e Usabilidade - http://www.ibrau.com.br/artigoleidefitts.htm). 1 Paul M. Fitts (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, volumen 47, nº 6, junio de 1954, pp. 381–391. (Reimpreso en Journal of Experimental Psychology: General, 121(3):262-269, 1992) - http://pt.wikipedia.org/wiki/Lei_de_Fitts#Refer.C3.AAncias
  • 8. A partir de acesso ao site www.google.com foi feita uma pesquisa com os termos “instituição ensino superior Brasília”. Dos resultados obtidos foram escolhidas 21 Entidades de Ensino Superior de Brasília (1 entidade de ensino à distância, por seu renome). Foram realizados “PDF’s” de cada uma das primeiras páginas das instituições e, a partir da análise de cada uma delas, foram tabulados os dados obtidos em uma planilha. Procedimentos metodológicos
  • 9. Centro Universitário UNIEURO http://www.unieuro.edu.br/principal.asp Há motor de PESQUISA? Não Há pesquisa dirigida? Sim = 3 Há fontes coloridas? Sim = 12 Pode alterar o tamanho da fonte? Não Objetos se movem (letras, fotos, Flash, Gif, Java)? Sim = 12
  • 10. Colégio e Faculdade CECAP http://www.cecap.com.br/ Há motor de PESQUISA? Não Há pesquisa dirigida? Não Há fontes coloridas? Sim = 7 Pode alterar o tamanho da fonte? Não Objetos se movem (letras, fotos, Flash, Gif, Java)? Sim = 4
  • 11.
  • 12.
  • 13. Conclusões Praticamente 50% dos sites pesquisados possui o campo “PESQUISAR” (12 sim, 9 não). Praticamente 50% dos sites pesquisados tem outras possibilidades de pesquisa, geralmente dirigida. Só é possível pesquisar dentro das opções apresentadas. Somente 2 entre 21 sites (9,52%) permitem que a fonte dos textos tenha seu tamanho alterado. Metade dos sites utiliza tipologia heterogênea (famílias, tamanhos e cores diferentes para assuntos de mesma hierarquia), apresentando lay-outs confusos e de leitura desagradável. 23,81% dos sites chegam a apresentar 10 cores em sua tipologia, consideradas cores de fundo com tipos vazados. 14,29% das páginas pesquisadas usam até 8 cores, segundo os mesmos critérios acima. Apenas 3 sites se utilizam de 3 cores em sua tipologia e apenas um somente uma cor ou variante dela.
  • 14.
  • 15. Nas páginas acessadas foi observado o resultado entre o que a instituição quer informar (assuntos demais, priorização inadequada, muitos elementos e um festival de fontes coloridas) e o lay-out que resulta dessa inadequação.
  • 16.